@react-pakistan/util-functions 1.22.18 → 1.22.19

package/hooks/index.d.ts

@@ -1,4 +1,5 @@
 export * from './use-change';
+export * from './use-fetch';
 export * from './use-force-render';
 export * from './use-ip-geo-location';
 export * from './use-is-mobile';

package/hooks/index.js

@@ -15,6 +15,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./use-change"), exports);
+__exportStar(require("./use-fetch"), exports);
 __exportStar(require("./use-force-render"), exports);
 __exportStar(require("./use-ip-geo-location"), exports);
 __exportStar(require("./use-is-mobile"), exports);

package/hooks/use-fetch.d.ts

@@ -0,0 +1,15 @@
+import { API_METHODS } from '../constants/api-methods';
+interface Params {
+    url: string;
+    method: API_METHODS;
+}
+interface Return {
+    data: object | null;
+    loading: boolean | null;
+    error: Error | null;
+    fetchData: (b?: string, cb?: (d: object) => void, params?: {
+        id: string;
+    }) => void;
+}
+export declare const useFetch: ({ url, method, }: Params) => Return;
+export {};

package/hooks/use-fetch.js

@@ -0,0 +1,47 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFetch = void 0;
+const react_1 = require("react");
+const api_methods_1 = require("../constants/api-methods");
+const useFetch = ({ url, method, }) => {
+    const [data, setData] = (0, react_1.useState)(null);
+    const [loading, setLoading] = (0, react_1.useState)(null);
+    const [error, setError] = (0, react_1.useState)(null);
+    const fetchData = (0, react_1.useCallback)((body, cb, params) => {
+        const fetchUrl = (params === null || params === void 0 ? void 0 : params.id) ? `${url}/${params.id}` : url;
+        (() => __awaiter(void 0, void 0, void 0, function* () {
+            try {
+                setLoading(true);
+                setData(null);
+                setError(null);
+                const response = yield fetch(fetchUrl, Object.assign({ method }, (method !== api_methods_1.API_METHODS.GET && { body })));
+                const json = yield response.json();
+                if (response.status === 200) {
+                    setLoading(false);
+                    setData(json.data);
+                    cb === null || cb === void 0 ? void 0 : cb(json.data);
+                }
+            }
+            catch (err) {
+                setLoading(false);
+                setError(new Error(err));
+            }
+        }))();
+    }, [method, url]);
+    return {
+        data,
+        loading,
+        error,
+        fetchData,
+    };
+};
+exports.useFetch = useFetch;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-pakistan/util-functions",
-  "version": "1.22.18",
+  "version": "1.22.19",
   "description": "A library of all util functions",
   "main": "index.js",
   "scripts": {