@zauru-sdk/hooks 1.0.117 → 1.0.120

package/package.json

@@ -1,16 +1,15 @@
 {
   "name": "@zauru-sdk/hooks",
-  "version": "1.0.117",
+  "version": "1.0.120",
   "description": "Hooks reutilizables dentro de las webapps de Zauru.",
-  "main": "./dist/cjs/index.js",
+  "main": "./dist/esm/index.js",
   "module": "./dist/esm/index.js",
   "types": "./dist/index.d.ts",
   "publishConfig": {
     "access": "public"
   },
   "scripts": {
-    "build": "npm run build:cjs && npm run build:esm",
-    "build:cjs": "tsc -p tsconfig.cjs.json",
+    "build": "npm run build:esm",
     "build:esm": "tsc -p tsconfig.esm.json",
     "test": "echo \"Error: no test specified\" && exit 1"
   },
@@ -27,12 +26,12 @@
   },
   "dependencies": {
     "@remix-run/react": "^2.8.1",
-    "@zauru-sdk/common": "^1.0.117",
-    "@zauru-sdk/icons": "^1.0.60",
-    "@zauru-sdk/redux": "^1.0.117",
-    "@zauru-sdk/types": "^1.0.117",
+    "@zauru-sdk/common": "^1.0.120",
+    "@zauru-sdk/icons": "^1.0.120",
+    "@zauru-sdk/redux": "^1.0.120",
+    "@zauru-sdk/types": "^1.0.120",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
-  "gitHead": "4534ce5b582579835c080f54facdcd4b7fad3b72"
+  "gitHead": "5c8b84d1723fc1342ecd45b49df51d4d96682f75"
 }

package/dist/cjs/alerts.js

@@ -1,37 +0,0 @@
-"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;
-    (0, react_1.useEffect)(() => {
-        if (loaderData?.title) {
-            (0, index_js_1.showAlert)({
-                description: loaderData?.description?.toString() ?? "",
-                title: loaderData?.title,
-                type: loaderData?.type,
-            });
-        }
-    }, [loaderData]);
-    (0, react_1.useEffect)(() => {
-        if (fetcher?.data?.title && fetcher.state === "idle") {
-            (0, index_js_1.showAlert)({
-                description: fetcher.data?.description,
-                title: fetcher.data?.title,
-                type: fetcher.data?.type,
-            });
-        }
-    }, [fetcher?.data, fetcher?.state]);
-    (0, react_1.useEffect)(() => {
-        if (actionData?.title) {
-            (0, index_js_1.showAlert)({
-                description: actionData?.description ?? "",
-                title: actionData?.title,
-                type: actionData?.type,
-            });
-        }
-    }, [actionData]);
-    return null;
-};
-exports.useValidateNotifications = useValidateNotifications;

package/dist/cjs/automaticNumbers.js

@@ -1,57 +0,0 @@
-"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,
-    });
-    (0, react_2.useEffect)(() => {
-        if (fetcher.data?.title) {
-            (0, index_js_1.showAlert)({
-                description: fetcher.data?.description,
-                title: fetcher.data?.title,
-                type: fetcher.data?.type,
-            });
-        }
-    }, [fetcher.data]);
-    (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((0, redux_1.automaticNumberFetchSuccess)({
-                    name: AUTOMATIC_NUMBER_NAME,
-                    data: receivedData[AUTOMATIC_NUMBER_NAME],
-                }));
-            }
-        }
-    }, [fetcher, dispatch, AUTOMATIC_NUMBER_NAME]);
-    (0, react_2.useEffect)(() => {
-        if (Object.keys(objectData?.data).length <= 0) {
-            try {
-                setData({ ...data, loading: true });
-                dispatch((0, redux_1.automaticNumberFetchStart)(AUTOMATIC_NUMBER_NAME));
-                fetcher.load(`/api/automaticNumbers?object=${AUTOMATIC_NUMBER_NAME}`);
-            }
-            catch (ex) {
-                (0, index_js_1.showAlert)({
-                    type: "error",
-                    title: `Ocurrió un error al cargar el object de automatic numbers: ${AUTOMATIC_NUMBER_NAME}.`,
-                    description: "Error: " + ex,
-                });
-            }
-        }
-    }, []);
-    return data;
-};
-exports.useGetAutomaticNumber = useGetAutomaticNumber;

package/dist/cjs/catalogs.js

@@ -1,302 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useGetInvoiceFormSubmissionsByInvoiceId = exports.useGetMyCaseFormSubmissions = exports.useGetInvoiceFormSubmissionsByAgencyId = exports.useGetCaseForms = exports.useGetInvoiceForms = exports.useGetAllForms = exports.useGetBitacoraRechazoMasivo = exports.useGetMotivosDeRechazo = exports.useGetTiposDeMuestra = exports.useGetInvoicesByLab = exports.useGetShipmentsToMyAgency = exports.useGetEmployeesByCurrentAgency = exports.useGetEmployeesByLab = exports.useGetPaymentMethods = exports.useGetPaymentTerms = exports.useGetSuggestedPrices = exports.useGetAgencies = exports.useGetPrintTemplates = exports.useGetPayeesForLab = exports.useGetPayees = exports.useGetClientCategories = exports.useGetProviderCategories = exports.useGetMyCases = exports.useGetProviders = exports.useGetReceptionTypes = exports.useGetCurrencies = exports.useGetBundlesForLab = exports.useGetBundlesRecipForLab = exports.useGetPayeeCategoriesLabPrices = exports.useGetPayeeCategories = 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;
-};
-/**
- *
- * @param CATALOG_NAME
- * @param param1
- * @returns
- *
- * otherParams usage example:
- *
- * otherParams: {
-      includeDiscounts: "true",
-    }
- */
-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 useGetPayeeCategories = (config) => useGetReduxCatalog("payeeCategories", config);
-exports.useGetPayeeCategories = useGetPayeeCategories;
-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 useGetPrintTemplates = (config) => useGetReduxCatalog("printTemplates", config);
-exports.useGetPrintTemplates = useGetPrintTemplates;
-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 useGetPaymentMethods = (config) => useGetReduxCatalog("paymentMethods", config);
-exports.useGetPaymentMethods = useGetPaymentMethods;
-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 useGetAllForms = (config) => {
-    const data = useGetReduxCatalog("allForms", 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.useGetAllForms = useGetAllForms;
-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/cjs/components/Alert.js

@@ -1,100 +0,0 @@
-"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] = (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":
-                return "bg-green-100 text-green-800";
-            case "error":
-                return "bg-red-100 text-red-800";
-            case "info":
-                return "bg-blue-100 text-blue-800";
-            case "warning":
-                return "bg-yellow-400 text-yellow-900";
-            default:
-                return "bg-gray-100 text-gray-800";
-        }
-    };
-    (0, react_1.useEffect)(() => {
-        const startTimer = () => {
-            intervalRef.current = setInterval(() => {
-                setLifetime((lifetime) => {
-                    if (lifetime <= 0) {
-                        onClose && onClose();
-                        clearInterval(intervalRef.current);
-                        return 0;
-                    }
-                    else {
-                        setProgress((4000 - lifetime) / 4000);
-                        return lifetime - 50;
-                    }
-                });
-            }, 50);
-        };
-        const pauseTimer = () => {
-            clearInterval(intervalRef.current);
-        };
-        startTimer();
-        return () => {
-            pauseTimer();
-        };
-    }, [onClose]);
-    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: () => {
-            intervalRef.current = setInterval(() => {
-                setLifetime((lifetime) => {
-                    if (lifetime <= 0) {
-                        onClose && onClose();
-                        clearInterval(intervalRef.current);
-                        return 0;
-                    }
-                    else {
-                        setProgress((4000 - lifetime) / 4000);
-                        return lifetime - 50;
-                    }
-                });
-            }, 50);
-        }, 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: (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 = [];
-const showAlert = (alertProps) => {
-    if (typeof document === "undefined") {
-        return;
-    }
-    const container = document.createElement("div");
-    document.body.appendChild(container);
-    const onClose = () => {
-        root.unmount();
-        container.remove();
-        activeAlerts = activeAlerts.filter((alert) => alert !== container);
-        updateAlertOffsets();
-    };
-    const asyncOnClose = () => {
-        setTimeout(() => {
-            onClose();
-        }, 0);
-    };
-    activeAlerts.push(container);
-    updateAlertOffsets();
-    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

@@ -1,17 +0,0 @@
-"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

@@ -1,26 +0,0 @@
-"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/cjs/onlineStatus.js

@@ -1,31 +0,0 @@
-"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
-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] = (0, react_1.useState)(!isServer && navigator.onLine);
-    // Función para manejar el cambio de estado de conexión
-    const handleConnectionChange = () => {
-        setIsOnline(navigator.onLine);
-    };
-    (0, react_1.useEffect)(() => {
-        if (isServer) {
-            // Si estamos en el servidor, no añadir los event listeners
-            return;
-        }
-        // Añadir event listeners
-        window.addEventListener("online", handleConnectionChange);
-        window.addEventListener("offline", handleConnectionChange);
-        // Limpiar event listeners al desmontar el componente
-        return () => {
-            window.removeEventListener("online", handleConnectionChange);
-            window.removeEventListener("offline", handleConnectionChange);
-        };
-    }, [isServer]);
-    return isOnline;
-};
-exports.useIsOnline = useIsOnline;

package/dist/cjs/profiles.js

@@ -1,64 +0,0 @@
-"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;

package/dist/cjs/receptions.js

@@ -1,405 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useGetItemByPurchaseOrder = exports.useGetItemNameByPurchaseOrder = exports.useGetProviderNameByPurchaseOrder = exports.getBasketDetailsByForm = exports.useGetBasketDetails = exports.getPesadasByForm = exports.useGetPesadas = exports.useGetPurchaseOrderGeneralInfo = exports.useGetNewPurchaseOrderInfo = exports.useGetRejectionInfo = exports.useGetBasketLots = exports.useGetPOReceptions = exports.useGetProcesses = 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 common_1 = require("@zauru-sdk/common");
-const useGetReceptionObject = (RECEPTION_NAME, { online = false, wheres = [] } = {}) => {
-    const fetcher = (0, react_1.useFetcher)();
-    const dispatch = (0, redux_1.useAppDispatch)();
-    const objectData = (0, redux_1.useAppSelector)((state) => state.receptions[RECEPTION_NAME]);
-    const [data, setData] = (0, react_2.useState)({
-        data: Array.isArray(objectData?.data)
-            ? objectData?.data.length
-                ? objectData?.data
-                : []
-            : Object.keys(objectData?.data || {}).length
-                ? objectData?.data
-                : {},
-        loading: objectData.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[RECEPTION_NAME], loading: false });
-                dispatch((0, redux_1.receptionFetchSuccess)({
-                    name: RECEPTION_NAME,
-                    data: receivedData[RECEPTION_NAME],
-                }));
-            }
-        }
-    }, [fetcher, dispatch, RECEPTION_NAME]);
-    (0, react_2.useEffect)(() => {
-        const isEmptyData = Array.isArray(objectData?.data)
-            ? objectData?.data.length <= 0
-            : Object.keys(objectData?.data || {}).length <= 0;
-        if (isEmptyData || objectData.reFetch || online) {
-            try {
-                setData({ ...data, loading: true });
-                dispatch((0, redux_1.receptionFetchStart)(RECEPTION_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("&");
-                fetcher.load(`/api/receptions?object=${RECEPTION_NAME}&wheres=${wheresQueryParam}`);
-            }
-            catch (ex) {
-                (0, index_js_1.showAlert)({
-                    type: "error",
-                    title: `Ocurrió un error al cargar el object de receptions: ${RECEPTION_NAME}.`,
-                    description: "Error: " + ex,
-                });
-            }
-        }
-    }, []);
-    return data;
-};
-const useGetProcesses = (config) => useGetReceptionObject("queueReceptions", config);
-exports.useGetProcesses = useGetProcesses;
-const useGetPOReceptions = (config) => useGetReceptionObject("poReceptions", config);
-exports.useGetPOReceptions = useGetPOReceptions;
-const useGetBasketLots = () => useGetReceptionObject("basketLots");
-exports.useGetBasketLots = useGetBasketLots;
-const useGetRejectionInfo = () => useGetReceptionObject("rejectionInfo");
-exports.useGetRejectionInfo = useGetRejectionInfo;
-const useGetNewPurchaseOrderInfo = () => useGetReceptionObject("newPurchaseOrderInfo");
-exports.useGetNewPurchaseOrderInfo = useGetNewPurchaseOrderInfo;
-const useGetPurchaseOrderGeneralInfo = () => useGetReceptionObject("purchaseOrderGeneralInfo");
-exports.useGetPurchaseOrderGeneralInfo = useGetPurchaseOrderGeneralInfo;
-const useGetPesadas = (purchaseOrder, stocks_only_integer = false) => {
-    const [pesadas, footerPesadas, headersPesadas] = (0, react_2.useMemo)(() => {
-        if (!purchaseOrder)
-            return [[], {}, []];
-        const tempPesadas = [
-            ...purchaseOrder.purchase_order_details?.map((x, index) => {
-                const parsedReference = x.reference?.split(","); //eg: "reference": "698,25,0", // peso neto, canastas, descuento
-                const totalWeight = parsedReference[0]
-                    ? Number(parsedReference[0]) ?? 0
-                    : 0;
-                const baskets = parsedReference[1]
-                    ? Number(parsedReference[1]) ?? 0
-                    : 0;
-                const discount = parsedReference[2]
-                    ? isNaN(Number(parsedReference[2]))
-                        ? 0
-                        : Number(parsedReference[2])
-                    : 0;
-                //TODO sacar el peso de la canasta de la API de Zauru, ahorita se supone que no debería cambiar de 5 libras.
-                const basketWeight = 5;
-                let netWeight = totalWeight - baskets * basketWeight; //Se le resta el peso de las canastas
-                netWeight = netWeight * ((100 - discount) / 100); //Se le aplica el descuento
-                if (stocks_only_integer)
-                    netWeight = totalWeight; //si es en unidades no divido el peso entre las canastas
-                const weightByBasket = netWeight / baskets;
-                //Probable aprovechamiento en planta
-                const probableUtilization = netWeight * ((100 - purchaseOrder?.discount) / 100);
-                //libras o unidades descontadas
-                const lbDiscounted = netWeight - probableUtilization;
-                return {
-                    id: index + 1,
-                    baskets,
-                    totalWeight,
-                    discount,
-                    netWeight: (0, common_1.toFixedIfNeeded)(netWeight)?.toString(),
-                    weightByBasket: (0, common_1.toFixedIfNeeded)(weightByBasket)?.toString(),
-                    probableUtilization,
-                    lbDiscounted,
-                };
-            }),
-        ];
-        const totales = {
-            id: "",
-            baskets: (0, common_1.toFixedIfNeeded)(tempPesadas?.map((x) => x.baskets).reduce(common_1.reduceAdd, 0))?.toString(),
-            totalWeight: (0, common_1.toFixedIfNeeded)(tempPesadas?.map((x) => x.totalWeight).reduce(common_1.reduceAdd, 0))?.toString(),
-            discount: "-",
-            netWeight: (0, common_1.toFixedIfNeeded)(tempPesadas?.map((x) => Number(x.netWeight)).reduce(common_1.reduceAdd, 0))?.toString(),
-            weightByBasket: "-",
-            lbDiscounted: (0, common_1.toFixedIfNeeded)(tempPesadas?.map((x) => Number(x.lbDiscounted)).reduce(common_1.reduceAdd, 0))?.toString(),
-            probableUtilization: (0, common_1.toFixedIfNeeded)(tempPesadas
-                ?.map((x) => Number(x.probableUtilization))
-                .reduce(common_1.reduceAdd, 0)),
-        };
-        const headers = [
-            { label: "#", name: "id", type: "label", width: 5 },
-            { label: "Canastas", name: "baskets", type: "label" },
-            {
-                label: `${stocks_only_integer ? "Unidades" : "Peso báscula"}`,
-                name: "totalWeight",
-                type: "label",
-            },
-            { label: "Descuento (%)", name: "discount", type: "label" },
-            {
-                label: `${stocks_only_integer ? "Unidades" : "Peso Neto"}`,
-                name: "netWeight",
-                type: "label",
-            },
-            {
-                label: `${stocks_only_integer ? "Unidades" : "Peso Neto"} - %Rechazo`,
-                name: "probableUtilization",
-                type: "label",
-            },
-            {
-                label: `${stocks_only_integer ? "Unidades" : "Libras"} descontadas`,
-                name: "lbDiscounted",
-                type: "label",
-            },
-            {
-                label: `${stocks_only_integer ? "Unidades" : "Peso Neto"} por canasta`,
-                name: "weightByBasket",
-                type: "label",
-            },
-        ];
-        return [tempPesadas, totales, headers];
-    }, [purchaseOrder]);
-    return [pesadas, footerPesadas, headersPesadas];
-};
-exports.useGetPesadas = useGetPesadas;
-/**
- * Sirve para imprimir offline
- * @param formInput
- * @returns
- */
-const getPesadasByForm = (formInput, stocks_only_integer = false) => {
-    // Inicializar array de pesadas
-    const tempPesadas = [];
-    // Iterar sobre los campos del formulario y extraer la información de pesadas
-    let index = 0;
-    while (formInput.hasOwnProperty(`basket${index}`)) {
-        const baskets = isNaN(Number(formInput[`basket${index}`]))
-            ? 0
-            : Number(formInput[`basket${index}`]);
-        const totalWeight = isNaN(Number(formInput[`weight${index}`]))
-            ? 0
-            : Number(formInput[`weight${index}`]);
-        const discount = isNaN(Number(formInput[`discount${index}`]))
-            ? 0
-            : Number(formInput[`discount${index}`]);
-        // Realizar los cálculos necesarios
-        const basketWeight = 5;
-        let netWeight = totalWeight - baskets * basketWeight;
-        netWeight = netWeight * ((100 - discount) / 100);
-        netWeight = stocks_only_integer ? totalWeight : netWeight;
-        const weightByBasket = netWeight / baskets;
-        //Probable aprovechamiento en planta
-        const probableUtilization = netWeight * ((100 - (Number(formInput.porcentajeRechazo) ?? 0)) / 100);
-        //libras o unidades descontadas
-        const lbDiscounted = netWeight - probableUtilization;
-        // Añadir al array de pesadas
-        tempPesadas.push({
-            id: index + 1,
-            baskets,
-            totalWeight,
-            discount,
-            netWeight: (0, common_1.toFixedIfNeeded)(netWeight)?.toString(),
-            weightByBasket: (0, common_1.toFixedIfNeeded)(weightByBasket)?.toString(),
-            probableUtilization,
-            lbDiscounted,
-        });
-        index++;
-    }
-    const totales = {
-        id: "",
-        baskets: (0, common_1.toFixedIfNeeded)(tempPesadas?.map((x) => x.baskets).reduce(common_1.reduceAdd, 0)),
-        totalWeight: (0, common_1.toFixedIfNeeded)(tempPesadas?.map((x) => x.totalWeight).reduce(common_1.reduceAdd, 0)),
-        netWeight: (0, common_1.toFixedIfNeeded)(tempPesadas?.map((x) => Number(x.netWeight)).reduce(common_1.reduceAdd, 0)),
-        weightByBasket: "-",
-    };
-    const headers = [
-        { label: "#", name: "id", type: "label", width: 5 },
-        { label: "Canastas", name: "baskets", type: "label" },
-        {
-            label: `${stocks_only_integer ? "Unidades" : "Peso báscula"}`,
-            name: "totalWeight",
-            type: "label",
-        },
-        {
-            label: `${stocks_only_integer ? "Unidades" : "Peso Neto"}`,
-            name: "netWeight",
-            type: "label",
-        },
-        {
-            label: `${stocks_only_integer ? "Unidades" : "Peso Neto"} por canasta`,
-            name: "weightByBasket",
-            type: "label",
-        },
-    ];
-    return { tempPesadas, totales, headers };
-};
-exports.getPesadasByForm = getPesadasByForm;
-const useGetBasketDetails = (purchaseOrder) => {
-    const [basketsJoined, footerBasketsJoined, headersBasketsJoined] = (0, react_2.useMemo)(() => {
-        if (!purchaseOrder)
-            return [[], {}, []];
-        const bsq = purchaseOrder?.lots.length > 0
-            ? purchaseOrder?.lots
-                ?.map((x) => {
-                const basket = (0, common_1.getBasketsSchema)(x.description);
-                return basket;
-            })
-                .flat(2)
-            : //------- INTENTO IMPRIMIR EL TOTAL DE CANASTAS DEL PURCHASE ORDER DETAILS, PORQUE DEPLANO HUBO UN ERROR EN LA CREACION DE LOS LOTES Y POR ESO VIENE VACIO
-                //ESTO SOLO ES UNA CONTINGENCIA PARA QUE POR LO MENOS PUEDAN IMPRIMIR EL NUMERO DE CANASTAS, PERO NO LES ESTARÁ MOSTRANDO EL COLOR
-                //--- TODO
-                purchaseOrder?.purchase_order_details.length > 0
-                    ? purchaseOrder?.purchase_order_details
-                        ?.map((x) => {
-                        return {
-                            id: 0,
-                            color: "-",
-                            total: Number(x.reference.split(",")[1]) ?? 0,
-                        };
-                    })
-                        .flat(2)
-                    : [];
-        const bsqToCC = (0, common_1.getBasketsSchema)(purchaseOrder.memo);
-        const joinedBaskets = [];
-        for (let i = 0; i < bsq.length; i++) {
-            let found = joinedBaskets.find((item) => item.color === bsq[i].color);
-            let foundCC = bsqToCC.find((item) => item.color === bsq[i].color);
-            if (found) {
-                found.total += bsq[i].total;
-            }
-            else {
-                joinedBaskets.push({
-                    id: i,
-                    total: bsq[i].total - (foundCC ? foundCC.total : 0),
-                    //granTotal: bsq[i].total,
-                    color: bsq[i].color,
-                    cc: foundCC ? foundCC.total : 0,
-                });
-            }
-        }
-        const totales = {
-            id: "",
-            total: (0, common_1.toFixedIfNeeded)(joinedBaskets?.map((x) => x.total).reduce(common_1.reduceAdd, 0))?.toString(),
-            cc: joinedBaskets?.map((x) => x.cc).reduce(common_1.reduceAdd, 0),
-            //granTotal: joinedBaskets?.map((x) => x.granTotal).reduce(reduceAdd, 0),
-        };
-        const headers = [
-            { label: "Color", name: "color", type: "label" },
-            { label: "Canastas recibidas", name: "total", type: "label" },
-            { label: "Enviadas a CC", name: "cc", type: "label" },
-            //{ label: "Total", name: "granTotal", type: "label" },
-        ];
-        return [joinedBaskets, totales, headers];
-    }, [purchaseOrder]);
-    return [basketsJoined, footerBasketsJoined, headersBasketsJoined];
-};
-exports.useGetBasketDetails = useGetBasketDetails;
-/**
- * Para imprimir en modo offline
- * @param formInput
- * @returns
- */
-const getBasketDetailsByForm = (formInput) => {
-    const basketDetailsArray = [];
-    if (!formInput)
-        return {
-            basketDetailsArray,
-            totales: {},
-            headers: [],
-        };
-    // Regex para identificar los campos relevantes
-    const recPattern = /^rec\d+-(.+)$/;
-    const qCPattern = /^qC\d+-(.+)$/;
-    for (const key in formInput) {
-        if (formInput.hasOwnProperty(key)) {
-            let match;
-            // Comprobar si la clave es un campo "rec" y extraer el color y la cantidad
-            if ((match = recPattern.exec(key))) {
-                const color = match[1];
-                const total = isNaN(Number(formInput[key]))
-                    ? 0
-                    : Number(formInput[key]);
-                const existingBasket = basketDetailsArray.find((item) => item.color === color);
-                if (existingBasket) {
-                    existingBasket.total += total;
-                }
-                else {
-                    if (total > 0) {
-                        basketDetailsArray.push({
-                            id: basketDetailsArray.length,
-                            total,
-                            color,
-                            cc: 0, // Inicializar cc a 0, se actualizará más adelante si existe
-                        });
-                    }
-                }
-            }
-            // Comprobar si la clave es un campo "qC" y actualizar el campo cc correspondiente
-            if ((match = qCPattern.exec(key))) {
-                const color = match[1];
-                const cc = isNaN(Number(formInput[key])) ? 0 : Number(formInput[key]);
-                const existingBasket = basketDetailsArray.find((item) => item.color === color);
-                if (existingBasket) {
-                    existingBasket.cc += cc;
-                }
-            }
-        }
-    }
-    // Calcular los totales para footerBasketsDetails
-    const totales = {
-        id: "",
-        total: (0, common_1.toFixedIfNeeded)(basketDetailsArray.map((x) => x.total).reduce(common_1.reduceAdd, 0))?.toString(),
-        cc: basketDetailsArray.map((x) => x.cc).reduce(common_1.reduceAdd, 0),
-    };
-    // Definir los encabezados de la tabla
-    const headers = [
-        { label: "Color", name: "color", type: "label" },
-        { label: "Canastas recibidas", name: "total", type: "label" },
-        { label: "Enviadas a CC", name: "cc", type: "label" },
-    ];
-    return { basketDetailsArray, totales, headers };
-};
-exports.getBasketDetailsByForm = getBasketDetailsByForm;
-const useGetProviderNameByPurchaseOrder = (payees, purchaseOrder) => {
-    const providerName = (0, react_2.useMemo)(() => {
-        if (!purchaseOrder)
-            return null;
-        const provider = payees.find((x) => x.id == purchaseOrder.payee_id);
-        if (provider) {
-            return `<${provider.id_number}> ${provider.tin ? `${provider.tin} | ` : ""}${provider.name}`;
-        }
-        return null;
-    }, [payees, purchaseOrder]);
-    return providerName;
-};
-exports.useGetProviderNameByPurchaseOrder = useGetProviderNameByPurchaseOrder;
-const useGetItemNameByPurchaseOrder = (items, purchaseOrder) => {
-    const itemName = (0, react_2.useMemo)(() => {
-        if (!purchaseOrder)
-            return null;
-        if (purchaseOrder.purchase_order_details.length > 0 && items.length > 0) {
-            const item = items.find((x) => x.id == purchaseOrder.purchase_order_details[0].item_id);
-            return `${item?.id} - ${item?.code} - ${item?.name}`;
-        }
-        return null;
-    }, [items, purchaseOrder]);
-    return itemName;
-};
-exports.useGetItemNameByPurchaseOrder = useGetItemNameByPurchaseOrder;
-const useGetItemByPurchaseOrder = (items, purchaseOrder) => {
-    const item = (0, react_2.useMemo)(() => {
-        if (!purchaseOrder)
-            return null;
-        if (purchaseOrder.purchase_order_details.length > 0 && items.length > 0) {
-            const item = items.find((x) => x.id == purchaseOrder.purchase_order_details[0].item_id);
-            return item;
-        }
-        return null;
-    }, [items, purchaseOrder]);
-    return item;
-};
-exports.useGetItemByPurchaseOrder = useGetItemByPurchaseOrder;

package/dist/cjs/session.js

@@ -1,55 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useGetSessionAttribute = 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");
-/**
- *
- * @param attribute
- * @returns
- */
-const useGetSessionAttribute = (name, type) => {
-    const fetcher = (0, react_1.useFetcher)();
-    const dispatch = (0, redux_1.useAppDispatch)();
-    const sessionData = (0, redux_1.useAppSelector)((state) => state.session[name]);
-    const [data, setData] = (0, react_2.useState)(sessionData);
-    (0, react_2.useEffect)(() => {
-        if (fetcher.data?.title) {
-            (0, index_js_1.showAlert)({
-                description: fetcher.data?.description,
-                title: fetcher.data?.title,
-                type: fetcher.data?.type,
-            });
-        }
-    }, [fetcher.data]);
-    (0, react_2.useEffect)(() => {
-        if (fetcher.state === "idle" && fetcher.data != null) {
-            const receivedData = fetcher.data;
-            if (receivedData) {
-                setData(receivedData.data);
-                dispatch((0, redux_1.setSessionValue)({
-                    name: name,
-                    data: receivedData.data,
-                }));
-            }
-        }
-    }, [fetcher, dispatch, name]);
-    (0, react_2.useEffect)(() => {
-        if (!sessionData) {
-            try {
-                fetcher.load(`/api/session?name=${name}&type=${type}`);
-            }
-            catch (ex) {
-                (0, index_js_1.showAlert)({
-                    type: "error",
-                    title: `Ocurrió un error al cargar la variable de configuración: ${name}.`,
-                    description: "Error: " + ex,
-                });
-            }
-        }
-    }, []);
-    return data;
-};
-exports.useGetSessionAttribute = useGetSessionAttribute;

package/dist/cjs/templates.js

@@ -1,58 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useGetReceptionTemplate = 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 useGetTemplateObject = (TEMPLATE_NAME, config = { online: false }) => {
-    const fetcher = (0, react_1.useFetcher)();
-    const dispatch = (0, redux_1.useAppDispatch)();
-    const objectData = (0, redux_1.useAppSelector)((state) => state.templates[TEMPLATE_NAME]);
-    const [data, setData] = (0, react_2.useState)({
-        data: Object.keys(objectData?.data).length
-            ? objectData?.data
-            : {},
-        loading: objectData.loading,
-    });
-    (0, react_2.useEffect)(() => {
-        if (fetcher.data?.title) {
-            (0, index_js_1.showAlert)({
-                description: fetcher.data?.description,
-                title: fetcher.data?.title,
-                type: fetcher.data?.type,
-            });
-        }
-    }, [fetcher.data]);
-    (0, react_2.useEffect)(() => {
-        if (fetcher.state === "idle" && fetcher.data != null) {
-            const receivedData = fetcher.data;
-            if (receivedData) {
-                setData({ data: receivedData[TEMPLATE_NAME], loading: false });
-                dispatch((0, redux_1.templateFetchSuccess)({
-                    name: TEMPLATE_NAME,
-                    data: receivedData[TEMPLATE_NAME],
-                }));
-            }
-        }
-    }, [fetcher, dispatch, TEMPLATE_NAME]);
-    (0, react_2.useEffect)(() => {
-        if (Object.keys(objectData?.data).length <= 0 || config?.online) {
-            try {
-                setData({ ...data, loading: true });
-                dispatch((0, redux_1.templateFetchStart)(TEMPLATE_NAME));
-                fetcher.load(`/api/templates?object=${TEMPLATE_NAME}`);
-            }
-            catch (ex) {
-                (0, index_js_1.showAlert)({
-                    type: "error",
-                    title: `Ocurrió un error al cargar el object de templates: ${TEMPLATE_NAME}.`,
-                    description: "Error: " + ex,
-                });
-            }
-        }
-    }, []);
-    return data;
-};
-const useGetReceptionTemplate = (config) => useGetTemplateObject("receptionTemplate", config);
-exports.useGetReceptionTemplate = useGetReceptionTemplate;

package/dist/cjs/useWindowDimensions.js

@@ -1,31 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useWindowDimensions = void 0;
-const react_1 = require("react");
-function getWindowDimensions() {
-    if (typeof window !== "undefined") {
-        const { innerWidth: width } = window;
-        return width;
-    }
-    // Devolver un valor predeterminado si window no está definido
-    return 1000;
-}
-const useWindowDimensions = () => {
-    const [windowDimensions, setWindowDimensions] = (0, react_1.useState)(getWindowDimensions);
-    (0, react_1.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;
-};
-exports.useWindowDimensions = useWindowDimensions;