@zauru-sdk/hooks 1.0.50 → 1.0.51

package/dist/alerts.d.ts

@@ -3,4 +3,4 @@ export declare const useValidateNotifications: (source: {
     fetcher?: FetcherWithComponents<any>;
     actionData?: any;
     loaderData?: any;
-}) => null;
+}) => any;

package/dist/{alerts.js → cjs/alerts.js}

@@ -1,28 +1,31 @@
-import { useEffect } from "react";
-import { showAlert } from "./index.js";
-export const useValidateNotifications = (source) => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useValidateNotifications = void 0;
+const react_1 = require("react");
+const index_js_1 = require("./index.js");
+const useValidateNotifications = (source) => {
     const { actionData, fetcher, loaderData } = source;
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         if (loaderData?.title) {
-            showAlert({
+            (0, index_js_1.showAlert)({
                 description: loaderData?.description?.toString() ?? "",
                 title: loaderData?.title,
                 type: loaderData?.type,
             });
         }
     }, [loaderData]);
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         if (fetcher?.data?.title) {
-            showAlert({
+            (0, index_js_1.showAlert)({
                 description: fetcher.data?.description,
                 title: fetcher.data?.title,
                 type: fetcher.data?.type,
             });
         }
     }, [fetcher?.data]);
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         if (actionData?.title) {
-            showAlert({
+            (0, index_js_1.showAlert)({
                 description: actionData?.description ?? "",
                 title: actionData?.title,
                 type: actionData?.type,
@@ -31,3 +34,4 @@ export const useValidateNotifications = (source) => {
     }, [actionData]);
     return null;
 };
+exports.useValidateNotifications = useValidateNotifications;

package/dist/{automaticNumbers.js → cjs/automaticNumbers.js}

@@ -1,47 +1,50 @@
-import { useFetcher } from "@remix-run/react";
-import { automaticNumberFetchStart, automaticNumberFetchSuccess, useAppDispatch, useAppSelector, } from "@zauru-sdk/redux";
-import { useEffect, useState } from "react";
-import { showAlert } from "./index.js";
-export const useGetAutomaticNumber = (AUTOMATIC_NUMBER_NAME) => {
-    const fetcher = useFetcher();
-    const dispatch = useAppDispatch();
-    const objectData = useAppSelector((state) => state.automaticNumbers[AUTOMATIC_NUMBER_NAME]);
-    const [data, setData] = useState({
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useGetAutomaticNumber = void 0;
+const react_1 = require("@remix-run/react");
+const redux_1 = require("@zauru-sdk/redux");
+const react_2 = require("react");
+const index_js_1 = require("./index.js");
+const useGetAutomaticNumber = (AUTOMATIC_NUMBER_NAME) => {
+    const fetcher = (0, react_1.useFetcher)();
+    const dispatch = (0, redux_1.useAppDispatch)();
+    const objectData = (0, redux_1.useAppSelector)((state) => state.automaticNumbers[AUTOMATIC_NUMBER_NAME]);
+    const [data, setData] = (0, react_2.useState)({
         data: Object.keys(objectData?.data).length
             ? objectData?.data
             : {},
         loading: objectData.loading,
     });
-    useEffect(() => {
+    (0, react_2.useEffect)(() => {
         if (fetcher.data?.title) {
-            showAlert({
+            (0, index_js_1.showAlert)({
                 description: fetcher.data?.description,
                 title: fetcher.data?.title,
                 type: fetcher.data?.type,
             });
         }
     }, [fetcher.data]);
-    useEffect(() => {
+    (0, react_2.useEffect)(() => {
         if (fetcher.state === "idle" && fetcher.data != null) {
             const receivedData = fetcher.data;
             if (receivedData) {
                 setData({ data: receivedData[AUTOMATIC_NUMBER_NAME], loading: false });
-                dispatch(automaticNumberFetchSuccess({
+                dispatch((0, redux_1.automaticNumberFetchSuccess)({
                     name: AUTOMATIC_NUMBER_NAME,
                     data: receivedData[AUTOMATIC_NUMBER_NAME],
                 }));
             }
         }
     }, [fetcher, dispatch, AUTOMATIC_NUMBER_NAME]);
-    useEffect(() => {
+    (0, react_2.useEffect)(() => {
         if (Object.keys(objectData?.data).length <= 0) {
             try {
                 setData({ ...data, loading: true });
-                dispatch(automaticNumberFetchStart(AUTOMATIC_NUMBER_NAME));
+                dispatch((0, redux_1.automaticNumberFetchStart)(AUTOMATIC_NUMBER_NAME));
                 fetcher.load(`/api/automaticNumbers?object=${AUTOMATIC_NUMBER_NAME}`);
             }
             catch (ex) {
-                showAlert({
+                (0, index_js_1.showAlert)({
                     type: "error",
                     title: `Ocurrió un error al cargar el object de automatic numbers: ${AUTOMATIC_NUMBER_NAME}.`,
                     description: "Error: " + ex,
@@ -51,3 +54,4 @@ export const useGetAutomaticNumber = (AUTOMATIC_NUMBER_NAME) => {
     }, []);
     return data;
 };
+exports.useGetAutomaticNumber = useGetAutomaticNumber;

package/dist/cjs/catalogs.js

@@ -0,0 +1,267 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useGetInvoiceFormSubmissionsByInvoiceId = exports.useGetMyCaseFormSubmissions = exports.useGetInvoiceFormSubmissionsByAgencyId = exports.useGetCaseForms = exports.useGetInvoiceForms = exports.useGetBitacoraRechazoMasivo = exports.useGetMotivosDeRechazo = exports.useGetTiposDeMuestra = exports.useGetInvoicesByLab = exports.useGetShipmentsToMyAgency = exports.useGetEmployeesByCurrentAgency = exports.useGetEmployeesByLab = exports.useGetPaymentTerms = exports.useGetSuggestedPrices = exports.useGetAgencies = exports.useGetPayeesForLab = exports.useGetPayees = exports.useGetClientCategories = exports.useGetProviderCategories = exports.useGetMyCases = exports.useGetProviders = exports.useGetReceptionTypes = exports.useGetCurrencies = exports.useGetBundlesForLab = exports.useGetBundlesRecipForLab = exports.useGetPayeeCategoriesLabPrices = exports.useGetTemplates = exports.useGetBookings = exports.useGetItemCategoriesForLab = exports.useGetItemServicesByLab = exports.useGetMyAgencyLotStocks = exports.useGetItemsByLab = exports.useGetItemsByReception = exports.useGetItems = void 0;
+const react_1 = require("@remix-run/react");
+const react_2 = require("react");
+const index_js_1 = require("./components/index.js");
+const redux_1 = require("@zauru-sdk/redux");
+const useApiCatalog = (CATALOG_NAME, otherParams) => {
+    const fetcher = (0, react_1.useFetcher)();
+    const [data, setData] = (0, react_2.useState)({
+        data: [],
+        loading: true,
+    });
+    (0, react_2.useEffect)(() => {
+        if (fetcher.data?.title) {
+            (0, index_js_1.showAlert)({
+                description: fetcher.data?.description?.toString(),
+                title: fetcher.data?.title?.toString(),
+                type: fetcher.data?.type?.toString(),
+            });
+        }
+    }, [fetcher.data]);
+    (0, react_2.useEffect)(() => {
+        if (fetcher.state === "idle" && fetcher.data != null) {
+            const receivedData = fetcher.data;
+            if (receivedData) {
+                setData({ data: receivedData[CATALOG_NAME], loading: false });
+            }
+        }
+    }, [fetcher, CATALOG_NAME]);
+    (0, react_2.useEffect)(() => {
+        try {
+            setData({ ...data, loading: true });
+            // Convert otherParams to query string
+            const paramsString = otherParams
+                ? Object.entries(otherParams)
+                    .map(([key, value]) => `${key}=${value}`)
+                    .join("&")
+                : "";
+            const url = `/api/catalogs?catalog=${CATALOG_NAME}${paramsString ? `&${paramsString}` : ""}`;
+            fetcher.load(url);
+        }
+        catch (ex) {
+            (0, index_js_1.showAlert)({
+                type: "error",
+                title: `Ocurrió un error al cargar el catálogo: ${CATALOG_NAME}.`,
+                description: "Error: " + ex,
+            });
+        }
+    }, []);
+    return data;
+};
+const useGetReduxCatalog = (CATALOG_NAME, { online = false, wheres = [], otherParams } = {}) => {
+    const fetcher = (0, react_1.useFetcher)();
+    const dispatch = (0, redux_1.useAppDispatch)();
+    const catalogData = (0, redux_1.useAppSelector)((state) => state.catalogs[CATALOG_NAME]);
+    const [data, setData] = (0, react_2.useState)({
+        data: catalogData?.data?.length ? catalogData.data : [],
+        loading: catalogData.loading,
+    });
+    (0, react_2.useEffect)(() => {
+        if (fetcher.data?.description) {
+            (0, index_js_1.showAlert)({
+                description: fetcher.data?.description?.toString(),
+                title: fetcher.data?.title?.toString(),
+                type: fetcher.data?.type?.toString(),
+            });
+        }
+    }, [fetcher.data]);
+    (0, react_2.useEffect)(() => {
+        if (fetcher.state === "idle" && fetcher.data != null) {
+            const receivedData = fetcher.data;
+            if (receivedData) {
+                setData({ data: receivedData[CATALOG_NAME], loading: false });
+                dispatch((0, redux_1.catalogsFetchSuccess)({
+                    name: CATALOG_NAME,
+                    data: receivedData[CATALOG_NAME],
+                }));
+            }
+        }
+    }, [fetcher, dispatch, CATALOG_NAME]);
+    (0, react_2.useEffect)(() => {
+        if (catalogData?.data?.length <= 0 || catalogData?.reFetch || online) {
+            try {
+                setData({ ...data, loading: true });
+                dispatch((0, redux_1.catalogsFetchStart)(CATALOG_NAME));
+                // Convierte cada elemento del array a una cadena codificada para URL
+                const encodedWheres = wheres.map((where) => encodeURIComponent(where));
+                // Une los elementos codificados con '&'
+                const wheresQueryParam = encodedWheres.join("&");
+                // Convert otherParams to query string
+                const paramsString = otherParams
+                    ? Object.entries(otherParams)
+                        .map(([key, value]) => `${key}=${value}`)
+                        .join("&")
+                    : "";
+                fetcher.load(`/api/catalogs?catalog=${CATALOG_NAME}&wheres=${wheresQueryParam}${paramsString ? `&${paramsString}` : ""}`);
+            }
+            catch (ex) {
+                (0, index_js_1.showAlert)({
+                    type: "error",
+                    title: `Ocurrió un error al cargar el catálogo: ${CATALOG_NAME}.`,
+                    description: "Error: " + ex,
+                });
+            }
+        }
+    }, []);
+    return data;
+};
+/**
+ *
+ * ======================= HOOKS
+ */
+const useGetItems = (config) => useGetReduxCatalog("items", config);
+exports.useGetItems = useGetItems;
+const useGetItemsByReception = (config) => useGetReduxCatalog("itemsByReception", config);
+exports.useGetItemsByReception = useGetItemsByReception;
+const useGetItemsByLab = (config) => useGetReduxCatalog("itemsByLab", config);
+exports.useGetItemsByLab = useGetItemsByLab;
+const useGetMyAgencyLotStocks = (config) => useGetReduxCatalog("myAgencyLotStocks", config);
+exports.useGetMyAgencyLotStocks = useGetMyAgencyLotStocks;
+const useGetItemServicesByLab = (config) => useGetReduxCatalog("itemServicesByLab", config);
+exports.useGetItemServicesByLab = useGetItemServicesByLab;
+const useGetItemCategoriesForLab = (config) => useGetReduxCatalog("itemCategoriesForLab", config);
+exports.useGetItemCategoriesForLab = useGetItemCategoriesForLab;
+const useGetBookings = (config) => useGetReduxCatalog("bookings", config);
+exports.useGetBookings = useGetBookings;
+const useGetTemplates = (config) => useGetReduxCatalog("templates", config);
+exports.useGetTemplates = useGetTemplates;
+const useGetPayeeCategoriesLabPrices = (config = { withPriceListIdNull: false }) => {
+    const data = useGetReduxCatalog("payeeCategoriesLabPrices");
+    let tempData = data.data;
+    if (!config.withPriceListIdNull) {
+        tempData = data.data.filter((x) => x.price_list_id);
+    }
+    return { ...data, data: tempData };
+};
+exports.useGetPayeeCategoriesLabPrices = useGetPayeeCategoriesLabPrices;
+const useGetBundlesRecipForLab = (config) => useGetReduxCatalog("bundlesRecipForLab", config);
+exports.useGetBundlesRecipForLab = useGetBundlesRecipForLab;
+const useGetBundlesForLab = (config) => useGetReduxCatalog("bundlesForLab", config);
+exports.useGetBundlesForLab = useGetBundlesForLab;
+const useGetCurrencies = (config) => useGetReduxCatalog("currencies", config);
+exports.useGetCurrencies = useGetCurrencies;
+const useGetReceptionTypes = (config) => useGetReduxCatalog("receptionTypes", config);
+exports.useGetReceptionTypes = useGetReceptionTypes;
+const useGetProviders = (config) => useGetReduxCatalog("providers", config);
+exports.useGetProviders = useGetProviders;
+const useGetMyCases = (config) => useGetReduxCatalog("myCases", config);
+exports.useGetMyCases = useGetMyCases;
+const useGetProviderCategories = (config) => useGetReduxCatalog("providerCategories", config);
+exports.useGetProviderCategories = useGetProviderCategories;
+const useGetClientCategories = (config) => useGetReduxCatalog("clientCategories", config);
+exports.useGetClientCategories = useGetClientCategories;
+const useGetPayees = (config) => useGetReduxCatalog("payees", config);
+exports.useGetPayees = useGetPayees;
+const useGetPayeesForLab = (config) => useGetReduxCatalog("payeesForLab", config);
+exports.useGetPayeesForLab = useGetPayeesForLab;
+const useGetAgencies = (config) => useGetReduxCatalog("agencies", config);
+exports.useGetAgencies = useGetAgencies;
+const useGetSuggestedPrices = (config) => useGetReduxCatalog("suggestedPrices", config);
+exports.useGetSuggestedPrices = useGetSuggestedPrices;
+const useGetPaymentTerms = (config) => useGetReduxCatalog("paymentTerms", config);
+exports.useGetPaymentTerms = useGetPaymentTerms;
+const useGetEmployeesByLab = (config) => useGetReduxCatalog("employeesByLab", config);
+exports.useGetEmployeesByLab = useGetEmployeesByLab;
+const useGetEmployeesByCurrentAgency = (config) => useGetReduxCatalog("employeesByCurrentAgency", config);
+exports.useGetEmployeesByCurrentAgency = useGetEmployeesByCurrentAgency;
+const useGetShipmentsToMyAgency = (config) => useGetReduxCatalog("shipmentsToMyAgency", config);
+exports.useGetShipmentsToMyAgency = useGetShipmentsToMyAgency;
+const useGetInvoicesByLab = (config) => useGetReduxCatalog("invoicesByLab", config);
+exports.useGetInvoicesByLab = useGetInvoicesByLab;
+const useGetTiposDeMuestra = (config) => useGetReduxCatalog("tiposDeMuestra", config);
+exports.useGetTiposDeMuestra = useGetTiposDeMuestra;
+const useGetMotivosDeRechazo = (config) => useGetReduxCatalog("motivosRechazo", config);
+exports.useGetMotivosDeRechazo = useGetMotivosDeRechazo;
+const useGetBitacoraRechazoMasivo = (config) => useGetReduxCatalog("bitacoraRechazoMasivo", config);
+exports.useGetBitacoraRechazoMasivo = useGetBitacoraRechazoMasivo;
+const useGetInvoiceForms = (config) => {
+    const data = useGetReduxCatalog("invoiceForms", config);
+    // Filtrar los registros para obtener sólo los de la versión más alta.
+    const groupedByVersion = (data.data || []).reduce((acc, record) => {
+        const zid = record.zid;
+        if (!acc[zid]) {
+            acc[zid] = record;
+        }
+        return acc;
+    }, {});
+    const latestVersionRecords = Object.values(groupedByVersion);
+    return {
+        loading: data.loading,
+        data: latestVersionRecords.filter((x) => x.active),
+    };
+};
+exports.useGetInvoiceForms = useGetInvoiceForms;
+const useGetCaseForms = (config) => {
+    const data = useGetReduxCatalog("caseForms", config);
+    // Filtrar los registros para obtener sólo el primero de cada zid.
+    const firstRecordByZid = (data.data || []).reduce((acc, record) => {
+        const zid = record.zid;
+        if (!acc[zid]) {
+            acc[zid] = record;
+        }
+        return acc;
+    }, {});
+    const firstRecords = Object.values(firstRecordByZid);
+    return {
+        loading: data.loading,
+        data: firstRecords.filter((x) => x.active),
+    };
+};
+exports.useGetCaseForms = useGetCaseForms;
+const useGetInvoiceFormSubmissionsByAgencyId = (agency_id) => {
+    const data = useApiCatalog("invoiceFormSubmissionsByAgencyId", {
+        agency_id: `${agency_id}`,
+    });
+    // Filtrar los registros para obtener sólo los de la versión más alta.
+    const groupedByVersion = (data.data || []).reduce((acc, record) => {
+        const zid = record.settings_form_submission.zid;
+        if (!acc[zid]) {
+            acc[zid] = record;
+        }
+        return acc;
+    }, {});
+    const latestVersionRecords = Object.values(groupedByVersion);
+    return {
+        loading: data.loading,
+        data: latestVersionRecords,
+    };
+};
+exports.useGetInvoiceFormSubmissionsByAgencyId = useGetInvoiceFormSubmissionsByAgencyId;
+const useGetMyCaseFormSubmissions = (config) => {
+    const data = useGetReduxCatalog("myCaseFormSubmissions", config);
+    // Filtrar los registros para obtener sólo los de la versión más alta.
+    const groupedByVersion = (data.data || []).reduce((acc, record) => {
+        const zid = record.settings_form_submission.zid;
+        if (!acc[zid]) {
+            acc[zid] = record;
+        }
+        return acc;
+    }, {});
+    const latestVersionRecords = Object.values(groupedByVersion);
+    return {
+        loading: data.loading,
+        data: latestVersionRecords,
+    };
+};
+exports.useGetMyCaseFormSubmissions = useGetMyCaseFormSubmissions;
+const useGetInvoiceFormSubmissionsByInvoiceId = (invoice_id) => {
+    const data = useApiCatalog("invoiceFormSubmissionsByInvoiceId", {
+        invoice_id: `${invoice_id}`,
+    });
+    // Filtrar los registros para obtener sólo los de la versión más alta.
+    const groupedByVersion = (data.data || []).reduce((acc, record) => {
+        const zid = record.settings_form_submission.zid;
+        if (!acc[zid]) {
+            acc[zid] = record;
+        }
+        return acc;
+    }, {});
+    const latestVersionRecords = Object.values(groupedByVersion);
+    return {
+        loading: data.loading,
+        data: latestVersionRecords,
+    };
+};
+exports.useGetInvoiceFormSubmissionsByInvoiceId = useGetInvoiceFormSubmissionsByInvoiceId;

package/dist/{components → cjs/components}/Alert.js

@@ -1,12 +1,14 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useRef, useEffect } from "react";
-import { ExitSvg } from "@zauru-sdk/icons";
-import { createRoot } from "react-dom/client";
-import { AnimatePresence, motion } from "framer-motion";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.showAlert = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const icons_1 = require("@zauru-sdk/icons");
+const client_1 = require("react-dom/client");
 const Alert = ({ type, title, description, onClose }) => {
-    const [, setLifetime] = useState(4000);
-    const [progress, setProgress] = useState(0);
-    const intervalRef = useRef(null);
+    const [, setLifetime] = (0, react_1.useState)(4000);
+    const [progress, setProgress] = (0, react_1.useState)(0);
+    const intervalRef = (0, react_1.useRef)(null);
     const getColor = () => {
         switch (type) {
             case "success":
@@ -21,7 +23,7 @@ const Alert = ({ type, title, description, onClose }) => {
                 return "bg-gray-100 text-gray-800";
         }
     };
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         const startTimer = () => {
             intervalRef.current = setInterval(() => {
                 setLifetime((lifetime) => {
@@ -45,7 +47,7 @@ const Alert = ({ type, title, description, onClose }) => {
             pauseTimer();
         };
     }, [onClose]);
-    return (_jsxs(motion.div, { initial: { y: -50, opacity: 0 }, animate: { y: 0, opacity: 1 }, exit: { y: -50, opacity: 0 }, className: `fixed top-0 right-0 w-80 mt-10 mr-10 rounded-md shadow-lg ${getColor()} p-4 transition-transform duration-300`, style: {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: `fixed top-0 right-0 w-80 mt-10 mr-10 rounded-md shadow-lg ${getColor()} p-4 transition-transform duration-300`, style: {
             zIndex: 1000,
             transform: `translateY(calc(var(--alert-offset, 0)))`,
         }, onMouseEnter: () => clearInterval(intervalRef.current), onMouseLeave: () => {
@@ -62,13 +64,13 @@ const Alert = ({ type, title, description, onClose }) => {
                     }
                 });
             }, 50);
-        }, children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("h3", { className: "font-semibold", children: title }), _jsx("button", { className: "text-gray-400 hover:text-gray-500 focus:outline-none focus:text-gray-500 transition duration-150 ease-in-out", onClick: () => {
+        }, children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between", children: [(0, jsx_runtime_1.jsx)("h3", { className: "font-semibold", children: title }), (0, jsx_runtime_1.jsx)("button", { className: "text-gray-400 hover:text-gray-500 focus:outline-none focus:text-gray-500 transition duration-150 ease-in-out", onClick: () => {
                             setLifetime(0);
                             onClose && onClose();
-                        }, children: _jsx(ExitSvg, {}) })] }), _jsx("div", { className: "mt-2", children: _jsx("p", { className: "text-sm overflow-wrap break-words", children: description }) }), _jsx("div", { className: "relative h-1 mt-4 bg-gray-200 rounded", children: _jsx("div", { className: `absolute left-0 top-0 h-full ${getColor()} rounded`, style: { width: `${progress * 100}%` } }) })] }));
+                        }, children: (0, jsx_runtime_1.jsx)(icons_1.ExitSvg, {}) })] }), (0, jsx_runtime_1.jsx)("div", { className: "mt-2", children: (0, jsx_runtime_1.jsx)("p", { className: "text-sm overflow-wrap break-words", children: description }) }), (0, jsx_runtime_1.jsx)("div", { className: "relative h-1 mt-4 bg-gray-200 rounded", children: (0, jsx_runtime_1.jsx)("div", { className: `absolute left-0 top-0 h-full ${getColor()} rounded`, style: { width: `${progress * 100}%` } }) })] }));
 };
 let activeAlerts = [];
-export const showAlert = (alertProps) => {
+const showAlert = (alertProps) => {
     if (typeof document === "undefined") {
         return;
     }
@@ -87,9 +89,10 @@ export const showAlert = (alertProps) => {
     };
     activeAlerts.push(container);
     updateAlertOffsets();
-    const root = createRoot(container);
-    root.render(_jsx(AnimatePresence, { children: _jsx(Alert, { ...alertProps, onClose: asyncOnClose }) }));
+    const root = (0, client_1.createRoot)(container);
+    root.render((0, jsx_runtime_1.jsx)(Alert, { ...alertProps, onClose: asyncOnClose }));
 };
+exports.showAlert = showAlert;
 const updateAlertOffsets = () => {
     activeAlerts.forEach((alertContainer, index) => {
         alertContainer.style.setProperty("--alert-offset", `${index * 100}px`);

package/dist/cjs/components/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Alert.js"), exports);

package/dist/cjs/index.js

@@ -0,0 +1,26 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./components/index.js"), exports);
+__exportStar(require("./alerts.js"), exports);
+__exportStar(require("./automaticNumbers.js"), exports);
+__exportStar(require("./catalogs.js"), exports);
+__exportStar(require("./onlineStatus.js"), exports);
+__exportStar(require("./profiles.js"), exports);
+__exportStar(require("./receptions.js"), exports);
+__exportStar(require("./session.js"), exports);
+__exportStar(require("./templates.js"), exports);
+__exportStar(require("./useWindowDimensions.js"), exports);

package/dist/{onlineStatus.js → cjs/onlineStatus.js}

@@ -1,15 +1,18 @@
-import { useState, useEffect } from "react";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useIsOnline = void 0;
+const react_1 = require("react");
 // Hook personalizado para verificar el estado de conexión
-export const useIsOnline = () => {
+const useIsOnline = () => {
     // Verificar si estamos en el entorno del servidor o del cliente
     const isServer = typeof window === "undefined";
     // Estado local para almacenar si la aplicación está en línea o no
-    const [isOnline, setIsOnline] = useState(!isServer && navigator.onLine);
+    const [isOnline, setIsOnline] = (0, react_1.useState)(!isServer && navigator.onLine);
     // Función para manejar el cambio de estado de conexión
     const handleConnectionChange = () => {
         setIsOnline(navigator.onLine);
     };
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         if (isServer) {
             // Si estamos en el servidor, no añadir los event listeners
             return;
@@ -25,3 +28,4 @@ export const useIsOnline = () => {
     }, [isServer]);
     return isOnline;
 };
+exports.useIsOnline = useIsOnline;

package/dist/cjs/profiles.js

@@ -0,0 +1,64 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useGetEmployeeProfile = exports.useGetOauthProfile = exports.useGetUserProfile = exports.useGetAgencyProfile = void 0;
+const react_1 = require("@remix-run/react");
+const react_2 = require("react");
+const index_js_1 = require("./index.js");
+const redux_1 = require("@zauru-sdk/redux");
+const useGetProfile = (PROFILE_NAME) => {
+    const fetcher = (0, react_1.useFetcher)();
+    const dispatch = (0, redux_1.useAppDispatch)();
+    const profileData = (0, redux_1.useAppSelector)((state) => state.profiles[PROFILE_NAME]);
+    const [data, setData] = (0, react_2.useState)({
+        data: Object.keys(profileData?.data)?.length
+            ? profileData?.data
+            : {},
+        loading: profileData?.loading,
+    });
+    (0, react_2.useEffect)(() => {
+        if (fetcher.data?.title) {
+            (0, index_js_1.showAlert)({
+                description: fetcher.data?.description?.toString(),
+                title: fetcher.data?.title?.toString(),
+                type: fetcher.data?.type?.toString(),
+            });
+        }
+    }, [fetcher.data]);
+    (0, react_2.useEffect)(() => {
+        if (fetcher.state === "idle" && fetcher.data != null) {
+            const receivedData = fetcher.data;
+            if (receivedData) {
+                setData({ data: receivedData[PROFILE_NAME], loading: false });
+                dispatch((0, redux_1.profileFetchSuccess)({
+                    name: PROFILE_NAME,
+                    data: receivedData[PROFILE_NAME],
+                }));
+            }
+        }
+    }, [fetcher, dispatch, PROFILE_NAME]);
+    (0, react_2.useEffect)(() => {
+        if (Object.keys(profileData?.data).length <= 0) {
+            try {
+                setData({ ...data, loading: true });
+                dispatch((0, redux_1.profileFetchStart)(PROFILE_NAME));
+                fetcher.load(`/api/profiles?profile=${PROFILE_NAME}`);
+            }
+            catch (ex) {
+                (0, index_js_1.showAlert)({
+                    type: "error",
+                    title: `Ocurrió un error al cargar el perfil: ${PROFILE_NAME}.`,
+                    description: "Error: " + ex,
+                });
+            }
+        }
+    }, []);
+    return data;
+};
+const useGetAgencyProfile = () => useGetProfile("agencyProfile");
+exports.useGetAgencyProfile = useGetAgencyProfile;
+const useGetUserProfile = () => useGetProfile("userProfile");
+exports.useGetUserProfile = useGetUserProfile;
+const useGetOauthProfile = () => useGetProfile("oauthProfile");
+exports.useGetOauthProfile = useGetOauthProfile;
+const useGetEmployeeProfile = () => useGetProfile("employeeProfile");
+exports.useGetEmployeeProfile = useGetEmployeeProfile;