@zauru-sdk/hooks 1.0.49 → 1.0.51

package/dist/esm/receptions.js

@@ -0,0 +1,348 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+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("queueNewReceptions", 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) => {
+    const [pesadas, footerPesadas, headersPesadas] = (0, react_2.useMemo)(() => {
+        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]
+                    ? Number(parsedReference[2]) ?? 0
+                    : 0;
+                //TODO sacar el peso de la canasta de la API de Zauru
+                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
+                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),
+                    weightByBasket: (0, common_1.toFixedIfNeeded)(weightByBasket),
+                    probableUtilization,
+                    lbDiscounted,
+                };
+            }),
+        ];
+        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)),
+            discount: "-",
+            netWeight: (0, common_1.toFixedIfNeeded)(tempPesadas?.map((x) => Number(x.netWeight)).reduce(common_1.reduceAdd, 0)),
+            weightByBasket: "-",
+            lbDiscounted: (0, common_1.toFixedIfNeeded)(tempPesadas?.map((x) => Number(x.lbDiscounted)).reduce(common_1.reduceAdd, 0)),
+            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: "Peso báscula", name: "totalWeight", type: "label" },
+            { label: "Descuento (%)", name: "discount", type: "label" },
+            { label: "Peso Neto", name: "netWeight", type: "label" },
+            {
+                label: "Peso Neto - %Rechazo",
+                name: "probableUtilization",
+                type: "label",
+            },
+            {
+                label: "Lb o Unidades descontadas",
+                name: "lbDiscounted",
+                type: "label",
+            },
+            {
+                label: "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) => {
+    // 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 = Number(formInput[`basket${index}`] || 0);
+        const totalWeight = Number(formInput[`weight${index}`] || 0);
+        const discount = Number(formInput[`discount${index}`] || 0);
+        // Realizar los cálculos necesarios
+        const basketWeight = 5;
+        let netWeight = totalWeight - baskets * basketWeight;
+        netWeight = netWeight * ((100 - discount) / 100);
+        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),
+            weightByBasket: (0, common_1.toFixedIfNeeded)(weightByBasket),
+            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)),
+        discount: "-",
+        netWeight: (0, common_1.toFixedIfNeeded)(tempPesadas?.map((x) => Number(x.netWeight)).reduce(common_1.reduceAdd, 0)),
+        weightByBasket: "-",
+        lbDiscounted: (0, common_1.toFixedIfNeeded)(tempPesadas?.map((x) => Number(x.lbDiscounted)).reduce(common_1.reduceAdd, 0)),
+        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: "Peso báscula", name: "totalWeight", type: "label" },
+        { label: "Descuento (%)", name: "discount", type: "label" },
+        { label: "Peso Neto", name: "netWeight", type: "label" },
+        {
+            label: "Peso Neto - %Rechazo",
+            name: "probableUtilization",
+            type: "label",
+        },
+        {
+            label: "Lb o Unidades descontadas",
+            name: "lbDiscounted",
+            type: "label",
+        },
+        {
+            label: "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)(() => {
+        const bsq = purchaseOrder?.lots
+            ?.map((x) => {
+            const basket = (0, common_1.getBasketsSchema)(x.description);
+            return basket;
+        })
+            .flat(2) ?? [];
+        const bsqToCC = (0, common_1.getBasketsSchema)(purchaseOrder.memo);
+        const joinedBaskets = [];
+        for (let i = 0; i < bsq.length; i++) {
+            const found = joinedBaskets.find((item) => item.color === bsq[i].color);
+            const 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),
+                    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)),
+            cc: joinedBaskets?.map((x) => x.cc).reduce(common_1.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" },
+        ];
+        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 = [];
+    // 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 = Number(formInput[key] || 0);
+                const existingBasket = basketDetailsArray.find((item) => item.color === color);
+                if (existingBasket) {
+                    existingBasket.total += total;
+                }
+                else {
+                    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 = Number(formInput[key] || 0);
+                const existingBasket = basketDetailsArray.find((item) => item.color === color);
+                if (existingBasket) {
+                    existingBasket.cc += cc;
+                }
+            }
+        }
+    }
+    // Calcular los totales para footerBasketsDetails
+    const totales = {
+        id: "",
+        total: basketDetailsArray
+            .map((x) => x.total)
+            .reduce((acc, val) => acc + val, 0)
+            .toFixed(2),
+        cc: basketDetailsArray.map((x) => x.cc).reduce((acc, val) => acc + val, 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)(() => {
+        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.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;

package/dist/esm/session.js

@@ -0,0 +1,55 @@
+"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/esm/templates.js

@@ -0,0 +1,58 @@
+"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/esm/useWindowDimensions.js

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

package/dist/receptions.d.ts

@@ -97,6 +97,6 @@ export declare const getBasketDetailsByForm: (formInput: FormInput) => {
     totales: BasketDetailsFooter;
     headers: GenericDynamicTableColumn[];
 };
-export declare const useGetProviderNameByPurchaseOrder: (payees: PayeeGraphQL[], purchaseOrder: PurchaseOrderGraphQL) => string | null;
-export declare const useGetItemNameByPurchaseOrder: (items: ItemGraphQL[], purchaseOrder: PurchaseOrderGraphQL) => string | null;
+export declare const useGetProviderNameByPurchaseOrder: (payees: PayeeGraphQL[], purchaseOrder: PurchaseOrderGraphQL) => string;
+export declare const useGetItemNameByPurchaseOrder: (items: ItemGraphQL[], purchaseOrder: PurchaseOrderGraphQL) => string;
 export {};

package/package.json

@@ -1,46 +1,41 @@
 {
   "name": "@zauru-sdk/hooks",
-  "version": "1.0.49",
+  "version": "1.0.51",
   "description": "Hooks reutilizables dentro de las webapps de Zauru.",
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "type": "module",
+  "main": "./dist/cjs/index.js",
+  "module": "./dist/esm/index.js",
+  "types": "./dist/index.d.ts",
   "publishConfig": {
     "access": "public"
   },
   "scripts": {
-    "build": "tsc",
+    "build": "npm run build:cjs && npm run build:esm",
+    "build:cjs": "tsc -p tsconfig.cjs.json",
+    "build:esm": "tsc -p tsconfig.esm.json",
     "test": "echo \"Error: no test specified\" && exit 1"
   },
+  "files": [
+    "dist"
+  ],
   "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.49",
+    "@zauru-sdk/common": "^1.0.50",
     "@zauru-sdk/graphql": "^1.0.48",
-    "@zauru-sdk/icons": "^1.0.39",
-    "@zauru-sdk/redux": "^1.0.49",
-    "@zauru-sdk/services": "^1.0.49",
+    "@zauru-sdk/icons": "^1.0.50",
+    "@zauru-sdk/redux": "^1.0.51",
+    "@zauru-sdk/services": "^1.0.50",
     "@zauru-sdk/types": "^1.0.49",
-    "@zauru-sdk/utils": "^1.0.49",
+    "@zauru-sdk/utils": "^1.0.50",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
-  "engines": {
-    "node": ">=18.0.0"
-  },
-  "gitHead": "0d1f62f58f5f2e5283f03d7c2a39c6c85f8f6850"
+  "gitHead": "486709e3c5ca7b076f4d4ea882179b38c30998a8"
 }

package/.eslintrc.cjs

@@ -1,83 +0,0 @@
-/**
- * This is intended to be a basic starting point for linting in your app.
- * It relies on recommended configs out of the box for simplicity, but you can
- * and should modify this configuration to best suit your team's needs.
- */
-
-/** @type {import('eslint').Linter.Config} */
-module.exports = {
-  root: true,
-  parserOptions: {
-    ecmaVersion: "latest",
-    sourceType: "module",
-    ecmaFeatures: {
-      jsx: true,
-    },
-  },
-  env: {
-    browser: true,
-    commonjs: true,
-    es6: true,
-  },
-
-  // Base config
-  extends: ["eslint:recommended"],
-
-  overrides: [
-    // React
-    {
-      files: ["**/*.{js,jsx,ts,tsx}"],
-      plugins: ["react", "jsx-a11y"],
-      extends: [
-        "plugin:react/recommended",
-        "plugin:react/jsx-runtime",
-        "plugin:react-hooks/recommended",
-        "plugin:jsx-a11y/recommended",
-      ],
-      settings: {
-        react: {
-          version: "detect",
-        },
-        formComponents: ["Form"],
-        linkComponents: [
-          { name: "Link", linkAttribute: "to" },
-          { name: "NavLink", linkAttribute: "to" },
-        ],
-        "import/resolver": {
-          typescript: {},
-        },
-      },
-    },
-
-    // Typescript
-    {
-      files: ["**/*.{ts,tsx}"],
-      plugins: ["@typescript-eslint", "import"],
-      parser: "@typescript-eslint/parser",
-      settings: {
-        "import/internal-regex": "^~/",
-        "import/resolver": {
-          node: {
-            extensions: [".ts", ".tsx"],
-          },
-          typescript: {
-            alwaysTryTypes: true,
-          },
-        },
-      },
-      extends: [
-        "plugin:@typescript-eslint/recommended",
-        "plugin:import/recommended",
-        "plugin:import/typescript",
-      ],
-    },
-
-    // Node
-    {
-      files: [".eslintrc.js"],
-      env: {
-        node: true,
-      },
-    },
-  ],
-};