@yeverlibs/ds 1.1.12 → 1.1.13

package/dist/index.mjs

@@ -2,12 +2,15 @@ import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import * as React107 from 'react';
 import React107__default, { forwardRef, createContext, useState, useEffect, memo, useCallback, useContext, useRef, Suspense } from 'react';
-import { usePathname, useRouter, useSearchParams } from 'next/navigation';
+import { usePathname, useRouter, useSearchParams, redirect } from 'next/navigation';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import tw5 from 'tailwind-styled-components';
 import Image4 from 'next/image';
 import ReactDOM from 'react-dom';
 import { toast } from 'sonner';
+import { revalidatePath } from 'next/cache';
+import { headers } from 'next/headers';
+import Cookies from 'js-cookie';
 import Select from 'react-select';
 import { isValid, format, parse, startOfMonth, subMonths, endOfMonth, subDays, startOfDay, endOfDay, startOfWeek, endOfWeek, addDays, isWithinInterval, isSameDay, addMonths } from 'date-fns';
 import { ptBR } from 'date-fns/locale';
@@ -17,7 +20,6 @@ import { AnimatePresence, motion } from 'framer-motion';
 import { ResponsiveBar } from '@nivo/bar';
 import { ResponsiveLine } from '@nivo/line';
 import { ResponsivePie } from '@nivo/pie';
-import Cookies from 'js-cookie';
 import currency from 'currency.js';
 
 // src/lib/utils.ts
@@ -4098,10 +4100,259 @@ async function handleFormSubmission({
   }
   return result;
 }
+async function getCsrfToken() {
+  const baseURL = process.env.NEXT_PUBLIC_API_URL ?? "http://api.yever.local";
+  const response = await fetch(`${baseURL}/sanctum/csrf-cookie`, {
+    credentials: "include",
+    headers: {
+      "X-Requested-With": "XMLHttpRequest"
+    }
+  });
+  if (!response.ok) {
+    throw new Error("Falha ao obter token CSRF");
+  }
+  await new Promise((resolve) => setTimeout(resolve, 100));
+}
+async function apiFetch(options) {
+  const baseURL = process.env.NEXT_PUBLIC_API_URL ?? "";
+  const isAbsolute = /^https?:\/\//i.test(options.url);
+  const url = isAbsolute ? options.url : `${baseURL}${options.url}`;
+  const method = (options.method ?? "GET").toString().toLowerCase();
+  const needsCSRFToken = ["post", "put", "delete"].includes(method);
+  const hasCSRFCookie = Cookies.get("XSRF-TOKEN");
+  if (needsCSRFToken && !hasCSRFCookie) {
+    await getCsrfToken();
+  }
+  const defaultHeaders = {
+    "X-Requested-With": "XMLHttpRequest",
+    Accept: "application/json"
+  };
+  if (!(options.body instanceof FormData)) {
+    defaultHeaders["Content-Type"] = "application/json";
+  }
+  const finalHeaders = new Headers(defaultHeaders);
+  if (options.headers) {
+    if (options.headers instanceof Headers) {
+      options.headers.forEach((v, k) => finalHeaders.set(k, v));
+    } else {
+      Object.entries(options.headers).forEach(([k, v]) => {
+        if (v !== void 0) finalHeaders.set(k, v);
+      });
+    }
+  }
+  const csrfToken = Cookies.get("XSRF-TOKEN");
+  if (csrfToken) {
+    finalHeaders.set("X-XSRF-TOKEN", csrfToken);
+  }
+  let finalOptions = options;
+  if (options.body) {
+    finalOptions = {
+      ...options,
+      body: options.body instanceof FormData ? options.body : JSON.stringify(options.body)
+    };
+  }
+  let response = await fetch(url, {
+    credentials: "include",
+    headers: finalHeaders,
+    ...finalOptions
+  });
+  if (response.status === 419) {
+    Cookies.remove("XSRF-TOKEN");
+    await getCsrfToken();
+    const newToken = Cookies.get("XSRF-TOKEN");
+    if (newToken) {
+      finalHeaders.set("X-XSRF-TOKEN", newToken);
+    }
+    response = await fetch(url, {
+      credentials: "include",
+      headers: finalHeaders,
+      ...options
+    });
+    if (!response.ok) {
+      Cookies.remove("XSRF-TOKEN");
+      Cookies.remove("yeverClientUser");
+      window.location.href = "/login";
+      return Promise.reject(new Error("CSRF token expirado"));
+    }
+  }
+  const headers2 = {};
+  response.headers.forEach((value, key) => {
+    headers2[key] = value;
+  });
+  if (!response.ok) {
+    const data2 = await response.json().catch(() => null);
+    const errorMessage = typeof data2 === "object" && data2 !== null && "message" in data2 ? data2.message : "Request failed";
+    const error = new Error(errorMessage);
+    error.status = response.status;
+    error.response = {
+      data: data2,
+      status: response.status
+    };
+    throw error;
+  }
+  let data = null;
+  if (options.responseType === "blob") {
+    data = await response.blob().catch(() => null);
+  } else {
+    data = await response.json().catch(() => null);
+  }
+  return {
+    status: response.status,
+    statusText: response.statusText,
+    data,
+    headers: headers2
+  };
+}
+
+// src/utils/parse-parameters-into-url/index.tsx
+var parseParametersIntoUrl = (url, query, filtersAllowed) => {
+  let urlFiltered = url;
+  for (const key in query) {
+    if (query && Object.keys(query).length > 0) {
+      urlFiltered = urlFiltered.replace(`/${key}/`, `/${query[key]}/`);
+      urlFiltered = urlFiltered.replace(`/${key}`, `/${query[key]}`);
+      if (filtersAllowed && filtersAllowed.includes(key)) {
+        if (urlFiltered.includes("?")) {
+          if (key === "searchNew") {
+            urlFiltered = urlFiltered + `&${key}=${atob(query[key])}`;
+          } else {
+            urlFiltered = urlFiltered + `&${key}=${query[key]}`;
+          }
+        } else {
+          if (key === "searchNew") {
+            urlFiltered = urlFiltered + `?${key}=${atob(query[key])}`;
+          } else {
+            urlFiltered = urlFiltered + `?${key}=${query[key]}`;
+          }
+        }
+      }
+    }
+  }
+  return urlFiltered;
+};
+
+// src/lib/fetch-server-side/index.ts
+var fetchServerSide = async ({
+  urlRequest,
+  parseData,
+  filtersAllowed,
+  method = "GET",
+  body
+}) => {
+  "use server";
+  try {
+    const headersObject = Object.fromEntries((await headers()).entries());
+    const searchParams = new URLSearchParams(headersObject.referer ? new URL(headersObject.referer).search : "");
+    const query = Array.from(searchParams.entries()).reduce((acc, [key, value]) => {
+      acc[key] = value;
+      return acc;
+    }, {});
+    const url = parseParametersIntoUrl(urlRequest, query, filtersAllowed);
+    const origin = headersObject.host;
+    const cookie = headersObject.cookie;
+    const xsrfToken = cookie?.match(/XSRF-TOKEN=([^;]+)/)?.[1];
+    const requestHeaders = {
+      Cookie: cookie,
+      origin
+    };
+    if (xsrfToken) {
+      requestHeaders["X-XSRF-TOKEN"] = decodeURIComponent(xsrfToken);
+    }
+    let pagination;
+    const res = await apiFetch({
+      url,
+      method,
+      body,
+      headers: requestHeaders,
+      cache: "no-store"
+    });
+    if (res?.data && typeof res.data === "object" && "paginate" in res.data) {
+      pagination = res.data.paginate;
+    }
+    const parsedData = parseData ? parseData(res) : res;
+    return {
+      props: {
+        pagination,
+        data: parsedData
+      }
+    };
+  } catch (error) {
+    const apiError = error;
+    switch (apiError.response?.status) {
+      case 401:
+        redirect("/login");
+      case 403:
+        return {
+          props: {
+            error: {
+              status: 403,
+              message: "Voc\xEA n\xE3o tem permiss\xE3o para executar essa a\xE7\xE3o",
+              errors: {}
+            },
+            data: null
+          }
+        };
+      case 404:
+        return {
+          props: {
+            error: {
+              status: 404,
+              message: apiError.response.data?.message || "Recurso n\xE3o encontrado",
+              errors: apiError.response?.data?.errors || {}
+            },
+            data: null
+          }
+        };
+      case 422:
+        return {
+          props: {
+            error: {
+              status: 422,
+              message: apiError.response.data?.message || "Erro de valida\xE7\xE3o",
+              errors: apiError.response?.data?.errors
+            }
+          }
+        };
+      case 500:
+        return {
+          props: {
+            error: {
+              status: 500,
+              message: apiError.response.data?.message || "Ocorreu um erro durante o processamento dessa requisi\xE7\xE3o. A Yever foi notificada e estamos atuando para sanar o problema.",
+              errors: {}
+            }
+          }
+        };
+      default:
+        if (apiError.response?.data?.errors || apiError.response?.data?.message) {
+          return {
+            props: {
+              error: {
+                status: apiError.response.status,
+                message: apiError.response.data?.message,
+                errors: apiError.response.data?.errors
+              }
+            }
+          };
+        }
+        redirect("/500");
+    }
+  }
+};
+
+// src/_design-system/delete-modal/_actions/index.ts
+async function deleteFunc(endpoint, location) {
+  const response = await fetchServerSide({
+    urlRequest: endpoint,
+    method: "DELETE"
+  });
+  revalidatePath(location);
+  return response;
+}
 var DeleteModal = ({
   isModalOpen,
   setIsModalOpen,
-  onDelete,
+  endpoint,
   successMessage,
   location,
   title,
@@ -4111,13 +4362,9 @@ var DeleteModal = ({
   const [loading, setLoading] = useState(false);
   const router = useRouter();
   const handleSubmit = async () => {
-    if (!onDelete) {
-      console.error("DeleteModal: onDelete function is required");
-      return;
-    }
     setLoading(true);
     await handleFormSubmission({
-      customAction: onDelete,
+      customAction: () => deleteFunc(endpoint, location),
       successMessages: {
         custom: successMessage || "Item deletado com sucesso"
       },
@@ -4125,7 +4372,7 @@ var DeleteModal = ({
         setIsModalOpen(false);
         if (onSuccess) {
           onSuccess();
-        } else if (location) {
+        } else {
           router.push(location);
         }
       }
@@ -6536,15 +6783,15 @@ var TableContent = ({
 var Table = (props) => {
   return /* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsx(TableContent, { ...props }) });
 };
-var Tabs = ({ headers, children, noGap, active, alignDiv = "full" }) => {
+var Tabs = ({ headers: headers2, children, noGap, active, alignDiv = "full" }) => {
   const [activeTab, setActiveTab] = useState(active || 0);
-  const flattenHeaders = (headers2) => {
-    if (Array.isArray(headers2[0])) {
-      return headers2.flat();
+  const flattenHeaders = (headers3) => {
+    if (Array.isArray(headers3[0])) {
+      return headers3.flat();
     }
-    return headers2;
+    return headers3;
   };
-  const flattenedHeaders = flattenHeaders(headers);
+  const flattenedHeaders = flattenHeaders(headers2);
   return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col", noGap ? "" : "gap-4"), children: [
     /* @__PURE__ */ jsx("div", { className: "flex gap-4 overflow-x-auto overflow-y-hidden border-b border-gray-300", children: flattenedHeaders.map((header, index) => /* @__PURE__ */ jsx(
       "button",
@@ -8065,138 +8312,6 @@ var PieChart = ({
     }
   );
 };
-async function getCsrfToken() {
-  const baseURL = process.env.NEXT_PUBLIC_API_URL ?? "http://api.yever.local";
-  const response = await fetch(`${baseURL}/sanctum/csrf-cookie`, {
-    credentials: "include",
-    headers: {
-      "X-Requested-With": "XMLHttpRequest"
-    }
-  });
-  if (!response.ok) {
-    throw new Error("Falha ao obter token CSRF");
-  }
-  await new Promise((resolve) => setTimeout(resolve, 100));
-}
-async function apiFetch(options) {
-  const baseURL = process.env.NEXT_PUBLIC_API_URL ?? "";
-  const isAbsolute = /^https?:\/\//i.test(options.url);
-  const url = isAbsolute ? options.url : `${baseURL}${options.url}`;
-  const method = (options.method ?? "GET").toString().toLowerCase();
-  const needsCSRFToken = ["post", "put", "delete"].includes(method);
-  const hasCSRFCookie = Cookies.get("XSRF-TOKEN");
-  if (needsCSRFToken && !hasCSRFCookie) {
-    await getCsrfToken();
-  }
-  const defaultHeaders = {
-    "X-Requested-With": "XMLHttpRequest",
-    Accept: "application/json"
-  };
-  if (!(options.body instanceof FormData)) {
-    defaultHeaders["Content-Type"] = "application/json";
-  }
-  const finalHeaders = new Headers(defaultHeaders);
-  if (options.headers) {
-    if (options.headers instanceof Headers) {
-      options.headers.forEach((v, k) => finalHeaders.set(k, v));
-    } else {
-      Object.entries(options.headers).forEach(([k, v]) => {
-        if (v !== void 0) finalHeaders.set(k, v);
-      });
-    }
-  }
-  const csrfToken = Cookies.get("XSRF-TOKEN");
-  if (csrfToken) {
-    finalHeaders.set("X-XSRF-TOKEN", csrfToken);
-  }
-  let finalOptions = options;
-  if (options.body) {
-    finalOptions = {
-      ...options,
-      body: options.body instanceof FormData ? options.body : JSON.stringify(options.body)
-    };
-  }
-  let response = await fetch(url, {
-    credentials: "include",
-    headers: finalHeaders,
-    ...finalOptions
-  });
-  if (response.status === 419) {
-    Cookies.remove("XSRF-TOKEN");
-    await getCsrfToken();
-    const newToken = Cookies.get("XSRF-TOKEN");
-    if (newToken) {
-      finalHeaders.set("X-XSRF-TOKEN", newToken);
-    }
-    response = await fetch(url, {
-      credentials: "include",
-      headers: finalHeaders,
-      ...options
-    });
-    if (!response.ok) {
-      Cookies.remove("XSRF-TOKEN");
-      Cookies.remove("yeverClientUser");
-      window.location.href = "/login";
-      return Promise.reject(new Error("CSRF token expirado"));
-    }
-  }
-  const headers = {};
-  response.headers.forEach((value, key) => {
-    headers[key] = value;
-  });
-  if (!response.ok) {
-    const data2 = await response.json().catch(() => null);
-    const errorMessage = typeof data2 === "object" && data2 !== null && "message" in data2 ? data2.message : "Request failed";
-    const error = new Error(errorMessage);
-    error.status = response.status;
-    error.response = {
-      data: data2,
-      status: response.status
-    };
-    throw error;
-  }
-  let data = null;
-  if (options.responseType === "blob") {
-    data = await response.blob().catch(() => null);
-  } else {
-    data = await response.json().catch(() => null);
-  }
-  return {
-    status: response.status,
-    statusText: response.statusText,
-    data,
-    headers
-  };
-}
-
-// src/utils/parse-parameters-into-url/index.tsx
-var parseParametersIntoUrl = (url, query, filtersAllowed) => {
-  let urlFiltered = url;
-  for (const key in query) {
-    if (query && Object.keys(query).length > 0) {
-      urlFiltered = urlFiltered.replace(`/${key}/`, `/${query[key]}/`);
-      urlFiltered = urlFiltered.replace(`/${key}`, `/${query[key]}`);
-      if (filtersAllowed && filtersAllowed.includes(key)) {
-        if (urlFiltered.includes("?")) {
-          if (key === "searchNew") {
-            urlFiltered = urlFiltered + `&${key}=${atob(query[key])}`;
-          } else {
-            urlFiltered = urlFiltered + `&${key}=${query[key]}`;
-          }
-        } else {
-          if (key === "searchNew") {
-            urlFiltered = urlFiltered + `?${key}=${atob(query[key])}`;
-          } else {
-            urlFiltered = urlFiltered + `?${key}=${query[key]}`;
-          }
-        }
-      }
-    }
-  }
-  return urlFiltered;
-};
-
-// src/hooks/use-fetch-client-side/index.tsx
 var noopLoading = {
   loadingActions: {
     setLoading: () => {
@@ -8257,22 +8372,22 @@ function useFetchClientSide({
       if (body instanceof FormData) {
         delete configHeaders["Content-Type"];
       }
-      const headers = {
+      const headers2 = {
         "X-Requested-With": "XMLHttpRequest",
         Accept: "application/json",
         ...configHeaders
       };
       if (body && !(body instanceof FormData)) {
-        headers["Content-Type"] = "application/json";
+        headers2["Content-Type"] = "application/json";
       }
       if (csrfToken) {
-        headers["X-XSRF-TOKEN"] = decodeURIComponent(csrfToken);
+        headers2["X-XSRF-TOKEN"] = decodeURIComponent(csrfToken);
       }
       const response = await apiFetch({
         url: customUrl || urlFiltered,
         method: customMethod || method,
         body,
-        headers,
+        headers: headers2,
         credentials: "include",
         signal,
         responseType: config?.responseType