@creopse/react 0.0.19 → 0.0.20

package/dist/{content-j9XJsmqN.js → content-BoknRW3o.js}

@@ -2499,6 +2499,18 @@ const {
   getAdapter,
   mergeConfig
 } = axios;
+const api = axios.create({
+  withCredentials: true,
+  xsrfCookieName: "XSRF-TOKEN",
+  xsrfHeaderName: "X-XSRF-TOKEN"
+});
+api.interceptors.request.use((config) => {
+  const token2 = document.cookie.split("; ").find((row) => row.startsWith("XSRF-TOKEN="))?.split("=")[1];
+  if (token2) {
+    config.headers["X-XSRF-TOKEN"] = decodeURIComponent(token2);
+  }
+  return config;
+});
 var MediaFileType;
 (function(MediaFileType2) {
   MediaFileType2[MediaFileType2["DOCUMENT"] = 1] = "DOCUMENT";
@@ -6810,15 +6822,12 @@ const useConfig = () => {
     return {
       ...config,
       apiBaseUrl,
-      apiUrl: `${apiBaseUrl}/api`,
-      apiRequestHeaders: {
-        "X-API-Key": config.xApiKey
-      }
+      apiUrl: `${apiBaseUrl}/api`
     };
   }, [config]);
 };
 const useApi = () => {
-  const { apiUrl, apiRequestHeaders, debug } = useConfig();
+  const { apiUrl, apiBaseUrl, debug } = useConfig();
   const handleError = useCallback(
     (error) => {
       if (debug) {
@@ -6837,32 +6846,29 @@ const useApi = () => {
     [debug]
   );
   const request = useCallback(
-    async (payload, accessToken, accessForbiddenCallback) => {
+    async (payload, accessForbiddenCallback) => {
       let success = false;
       let response = null;
       let error = null;
       try {
-        const headers = { ...apiRequestHeaders };
-        if (accessToken) {
-          headers["Authorization"] = `Bearer ${accessToken}`;
-        }
-        response = await axios.request({
+        response = await api.request({
           method: payload.method || "get",
           params: payload.params || {},
           data: payload.data || {},
           url: payload.url || "/",
-          baseURL: apiUrl,
-          headers
+          baseURL: payload.useApiBaseUrl ? apiBaseUrl : apiUrl,
+          headers: payload.headers,
+          ...payload.responseType && { responseType: payload.responseType }
         });
         success = true;
       } catch (err) {
         error = err;
         success = false;
-        if (err.response && err.response.status === 401) {
+        if (err.response?.status == 401) {
           accessForbiddenCallback?.();
-        } else {
-          handleError(err);
-        }
+        } else if (err.response?.status == 419) {
+          console.error("CSRF token mismatch");
+        } else handleError(err);
       }
       return {
         success,
@@ -6871,9 +6877,9 @@ const useApi = () => {
         error
       };
     },
-    [apiUrl, apiRequestHeaders, handleError]
+    [apiBaseUrl, apiUrl, handleError]
   );
-  const addItem = useCallback(
+  const postItemRequest = useCallback(
     async (payload) => {
       const task = await request({
         url: `/${payload.routeBase}`,
@@ -6884,7 +6890,7 @@ const useApi = () => {
     },
     [request]
   );
-  const deleteItem = useCallback(
+  const deleteItemRequest = useCallback(
     async (payload) => {
       const task = await request({
         url: `/${payload.routeBase}/${payload.id}`,
@@ -6894,7 +6900,7 @@ const useApi = () => {
     },
     [request]
   );
-  const updateItem = useCallback(
+  const putItemRequest = useCallback(
     async (payload) => {
       const task = await request({
         url: `/${payload.routeBase}/${payload.id}`,
@@ -6905,7 +6911,7 @@ const useApi = () => {
     },
     [request]
   );
-  const getAllItems = useCallback(
+  const getAllItemsRequest = useCallback(
     async (payload) => {
       const task = await request({
         url: `/${payload.routeBase}`
@@ -6914,7 +6920,7 @@ const useApi = () => {
     },
     [request]
   );
-  const getItem = useCallback(
+  const getItemRequest = useCallback(
     async (payload) => {
       const task = await request({
         url: `/${payload.routeBase}/${payload.id}`
@@ -6925,11 +6931,11 @@ const useApi = () => {
   );
   return {
     request,
-    getItem,
-    addItem,
-    updateItem,
-    deleteItem,
-    getAllItems,
+    getItemRequest,
+    postItemRequest,
+    putItemRequest,
+    deleteItemRequest,
+    getAllItemsRequest,
     handleError
   };
 };

package/dist/{content-CGhgyzQQ.cjs → content-qfcmWHIZ.cjs}

@@ -2500,6 +2500,18 @@ const {
   getAdapter,
   mergeConfig
 } = axios;
+const api = axios.create({
+  withCredentials: true,
+  xsrfCookieName: "XSRF-TOKEN",
+  xsrfHeaderName: "X-XSRF-TOKEN"
+});
+api.interceptors.request.use((config) => {
+  const token2 = document.cookie.split("; ").find((row) => row.startsWith("XSRF-TOKEN="))?.split("=")[1];
+  if (token2) {
+    config.headers["X-XSRF-TOKEN"] = decodeURIComponent(token2);
+  }
+  return config;
+});
 var MediaFileType;
 (function(MediaFileType2) {
   MediaFileType2[MediaFileType2["DOCUMENT"] = 1] = "DOCUMENT";
@@ -6811,15 +6823,12 @@ const useConfig = () => {
     return {
       ...config,
       apiBaseUrl,
-      apiUrl: `${apiBaseUrl}/api`,
-      apiRequestHeaders: {
-        "X-API-Key": config.xApiKey
-      }
+      apiUrl: `${apiBaseUrl}/api`
     };
   }, [config]);
 };
 const useApi = () => {
-  const { apiUrl, apiRequestHeaders, debug } = useConfig();
+  const { apiUrl, apiBaseUrl, debug } = useConfig();
   const handleError = React.useCallback(
     (error) => {
       if (debug) {
@@ -6838,32 +6847,29 @@ const useApi = () => {
     [debug]
   );
   const request = React.useCallback(
-    async (payload, accessToken, accessForbiddenCallback) => {
+    async (payload, accessForbiddenCallback) => {
       let success = false;
       let response = null;
       let error = null;
       try {
-        const headers = { ...apiRequestHeaders };
-        if (accessToken) {
-          headers["Authorization"] = `Bearer ${accessToken}`;
-        }
-        response = await axios.request({
+        response = await api.request({
           method: payload.method || "get",
           params: payload.params || {},
           data: payload.data || {},
           url: payload.url || "/",
-          baseURL: apiUrl,
-          headers
+          baseURL: payload.useApiBaseUrl ? apiBaseUrl : apiUrl,
+          headers: payload.headers,
+          ...payload.responseType && { responseType: payload.responseType }
         });
         success = true;
       } catch (err) {
         error = err;
         success = false;
-        if (err.response && err.response.status === 401) {
+        if (err.response?.status == 401) {
           accessForbiddenCallback?.();
-        } else {
-          handleError(err);
-        }
+        } else if (err.response?.status == 419) {
+          console.error("CSRF token mismatch");
+        } else handleError(err);
       }
       return {
         success,
@@ -6872,9 +6878,9 @@ const useApi = () => {
         error
       };
     },
-    [apiUrl, apiRequestHeaders, handleError]
+    [apiBaseUrl, apiUrl, handleError]
   );
-  const addItem = React.useCallback(
+  const postItemRequest = React.useCallback(
     async (payload) => {
       const task = await request({
         url: `/${payload.routeBase}`,
@@ -6885,7 +6891,7 @@ const useApi = () => {
     },
     [request]
   );
-  const deleteItem = React.useCallback(
+  const deleteItemRequest = React.useCallback(
     async (payload) => {
       const task = await request({
         url: `/${payload.routeBase}/${payload.id}`,
@@ -6895,7 +6901,7 @@ const useApi = () => {
     },
     [request]
   );
-  const updateItem = React.useCallback(
+  const putItemRequest = React.useCallback(
     async (payload) => {
       const task = await request({
         url: `/${payload.routeBase}/${payload.id}`,
@@ -6906,7 +6912,7 @@ const useApi = () => {
     },
     [request]
   );
-  const getAllItems = React.useCallback(
+  const getAllItemsRequest = React.useCallback(
     async (payload) => {
       const task = await request({
         url: `/${payload.routeBase}`
@@ -6915,7 +6921,7 @@ const useApi = () => {
     },
     [request]
   );
-  const getItem = React.useCallback(
+  const getItemRequest = React.useCallback(
     async (payload) => {
       const task = await request({
         url: `/${payload.routeBase}/${payload.id}`
@@ -6926,11 +6932,11 @@ const useApi = () => {
   );
   return {
     request,
-    getItem,
-    addItem,
-    updateItem,
-    deleteItem,
-    getAllItems,
+    getItemRequest,
+    postItemRequest,
+    putItemRequest,
+    deleteItemRequest,
+    getAllItemsRequest,
     handleError
   };
 };

package/dist/hooks/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const content = require("../content-CGhgyzQQ.cjs");
+const content = require("../content-qfcmWHIZ.cjs");
 const React = require("react");
 const useNewsletter = () => {
   const { request } = content.useApi();

package/dist/hooks/index.mjs

@@ -1,5 +1,5 @@
-import { e as useApi } from "../content-j9XJsmqN.js";
-import { f, a, u, b } from "../content-j9XJsmqN.js";
+import { e as useApi } from "../content-BoknRW3o.js";
+import { f, a, u, b } from "../content-BoknRW3o.js";
 import { useState, useCallback } from "react";
 const useNewsletter = () => {
   const { request } = useApi();

package/dist/index.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
-const content = require("./content-CGhgyzQQ.cjs");
+const content = require("./content-qfcmWHIZ.cjs");
 const react = require("@inertiajs/react");
 const reactDom = require("react-dom");
 function _interopNamespaceDefault(e) {

package/dist/index.mjs

@@ -1,6 +1,6 @@
 import * as React from "react";
 import React__default, { useState, useEffect, createContext, useRef, useLayoutEffect, useId, useContext, useInsertionEffect, useMemo, useCallback, Children, isValidElement, Fragment, createElement, forwardRef, Component } from "react";
-import { u as useHelper, a as useContent, b as useProps, P as PropsContext, R as ResolveSectionsContext, c as cloneDeep, s as slideToId, E as EditorMessageType, d as RouterContext, C as ConfigContext } from "./content-j9XJsmqN.js";
+import { u as useHelper, a as useContent, b as useProps, P as PropsContext, R as ResolveSectionsContext, c as cloneDeep, s as slideToId, E as EditorMessageType, d as RouterContext, C as ConfigContext } from "./content-BoknRW3o.js";
 import { router } from "@inertiajs/react";
 import { createPortal } from "react-dom";
 var jsxRuntime = { exports: {} };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@creopse/react",
   "description": "Creopse React Toolkit",
-  "version": "0.0.19",
+  "version": "0.0.20",
   "private": false,
   "author": "Noé Gnanih <noegnanih@gmail.com>",
   "license": "MIT",

package/types/core/api.d.ts

@@ -0,0 +1,2 @@
+declare const api: import("axios").AxiosInstance;
+export default api;

package/types/hooks/api.d.ts

@@ -1,23 +1,25 @@
-import type { ApiResponse, Payload } from '@/types/api';
+import type { Payload, Response } from '@/types/api';
+import type { AxiosError } from 'axios';
 /**
- * This hook is used to make API requests.
+ * A hook that provides a way to make API requests.
  *
- * @function useApi
- * @returns {Object} An object containing the following methods:
+ * The hook provides the following methods:
  *  - `request`: Makes an API request with the given payload.
- *  - `addItem`: Adds an item to the API.
- *  - `deleteItem`: Deletes an item from the API.
- *  - `updateItem`: Updates an item in the API.
- *  - `getAllItems`: Gets all items from the API.
- *  - `getItem`: Gets an item from the API.
+ *  - `getItemRequest`: Makes a GET request to the specified API endpoint with the given payload.
+ *  - `postItemRequest`: Makes a POST request to the specified API endpoint with the given payload.
+ *  - `putItemRequest`: Makes a PUT request to the specified API endpoint with the given payload.
+ *  - `deleteItemRequest`: Makes a DELETE request to the specified API endpoint with the given payload.
+ *  - `getAllItemsRequest`: Makes a GET request to the specified API endpoint with the given payload.
  *  - `handleError`: Handles an error from the API.
+ *
+ * @returns {Object} An object containing the methods listed above.
  */
 export declare const useApi: () => {
-    request: (payload: Payload, accessToken?: string, accessForbiddenCallback?: () => void) => Promise<ApiResponse>;
-    getItem: (payload: Payload) => Promise<ApiResponse>;
-    addItem: (payload: Payload) => Promise<ApiResponse>;
-    updateItem: (payload: Payload) => Promise<ApiResponse>;
-    deleteItem: (payload: Payload) => Promise<ApiResponse>;
-    getAllItems: (payload: Payload) => Promise<ApiResponse>;
-    handleError: (error: any) => void;
+    request: <T = any>(payload: Payload, accessForbiddenCallback?: () => void) => Promise<Response<T>>;
+    getItemRequest: <T = any>(payload: Payload) => Promise<Response<T>>;
+    postItemRequest: <T = any>(payload: Payload) => Promise<Response<T>>;
+    putItemRequest: <T = any>(payload: Payload) => Promise<Response<T>>;
+    deleteItemRequest: <T = any>(payload: Payload) => Promise<Response<T>>;
+    getAllItemsRequest: <T = any>(payload: Payload) => Promise<Response<T>>;
+    handleError: (error: AxiosError) => void;
 };

package/types/hooks/config.d.ts

@@ -10,12 +10,8 @@
 export declare const useConfig: () => {
     apiBaseUrl: string;
     apiUrl: string;
-    apiRequestHeaders: {
-        'X-API-Key': string;
-    };
     debug: boolean;
     appUrl: string;
-    xApiKey: string;
     locale: string;
     fallbackLocale: string;
     encryptionKey: string;

package/types/types/api.d.ts

@@ -1,15 +1,22 @@
+import type { ResponseType } from 'axios';
 export type Method = 'get' | 'post' | 'put' | 'delete';
 export interface Payload {
     method?: Method;
     routeBase?: string;
-    params?: object;
-    data?: object;
+    responseType?: ResponseType;
+    params?: Record<string, any>;
+    data?: Record<string, any>;
     url?: string;
     id?: string;
+    headers?: Record<string, string>;
+    useApiBaseUrl?: boolean;
 }
-export interface ApiResponse {
+export interface Response<T> {
     success: boolean;
     failure: boolean;
-    result: any;
-    error: any;
+    result: {
+        [key: string]: any;
+        data?: T;
+    };
+    error?: any;
 }

package/types/types/plugin.d.ts

@@ -7,7 +7,6 @@ export type Props = SharedProps & PageProps & {
 export interface PluginConfig {
     debug: boolean;
     appUrl: string;
-    xApiKey: string;
     locale: string;
     fallbackLocale: string;
     encryptionKey: string;