- {FeatureFlags.ENABLE_SOCIAL_LINKS && (
+ {ENABLE_SOCIAL_LINKS && (
<>
)}
- {FeatureFlags.ENABLE_DARK_MODE && (
+ {ENABLE_DARK_MODE && (
);
diff --git a/src/frontend/src/components/storeGuard/index.tsx b/src/frontend/src/components/storeGuard/index.tsx
index 87f407656..08354e8a3 100644
--- a/src/frontend/src/components/storeGuard/index.tsx
+++ b/src/frontend/src/components/storeGuard/index.tsx
@@ -1,11 +1,11 @@
-import { Navigate } from "react-router-dom";
+import { CustomNavigate } from "@/customization/components/custom-navigate";
import { useStoreStore } from "../../stores/storeStore";
export const StoreGuard = ({ children }) => {
const hasStore = useStoreStore((state) => state.hasStore);
if (!hasStore) {
- return
;
+ return
;
}
return children;
diff --git a/src/frontend/src/constants/constants.ts b/src/frontend/src/constants/constants.ts
index e59a47124..51a53e0f7 100644
--- a/src/frontend/src/constants/constants.ts
+++ b/src/frontend/src/constants/constants.ts
@@ -1,5 +1,6 @@
// src/constants/constants.ts
+import custom from "../customization/config-constants";
import { languageMap } from "../types/components";
/**
@@ -567,9 +568,7 @@ export const ADMIN_HEADER_TITLE = "Admin Page";
export const ADMIN_HEADER_DESCRIPTION =
"Navigate through this section to efficiently oversee all application users. From here, you can seamlessly manage user accounts.";
-export const BASE_URL_API = "/api/v1/";
-
-export const BACKEND_URL = process.env.BACKEND_URL || "http://localhost:7860/";
+export const BASE_URL_API = custom.BASE_URL_API || "/api/v1/";
/**
* URLs excluded from error retries.
@@ -580,7 +579,7 @@ export const URL_EXCLUDED_FROM_ERROR_RETRIES = [
`${BASE_URL_API}validate/code`,
`${BASE_URL_API}custom_component`,
`${BASE_URL_API}validate/prompt`,
- `http://localhost:7860/login`,
+ `${BASE_URL_API}/login`,
`${BASE_URL_API}api_key/store`,
];
diff --git a/src/frontend/src/contexts/index.tsx b/src/frontend/src/contexts/index.tsx
index 66bf9629e..c0c7a5b0b 100644
--- a/src/frontend/src/contexts/index.tsx
+++ b/src/frontend/src/contexts/index.tsx
@@ -1,3 +1,4 @@
+import { CustomWrapper } from "@/customization/custom-wrapper";
import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
import { ReactNode } from "react";
import { ReactFlowProvider } from "reactflow";
@@ -10,16 +11,18 @@ export default function ContextWrapper({ children }: { children: ReactNode }) {
//element to wrap all context
return (
<>
-
-
-
-
-
- {children}
-
-
-
-
+
+
+
+
+
+
+ {children}
+
+
+
+
+
);
}
diff --git a/src/frontend/src/controllers/API/api.tsx b/src/frontend/src/controllers/API/api.tsx
index 1a5091860..ce04a80bc 100644
--- a/src/frontend/src/controllers/API/api.tsx
+++ b/src/frontend/src/controllers/API/api.tsx
@@ -1,4 +1,5 @@
import { LANGFLOW_ACCESS_TOKEN } from "@/constants/constants";
+import { useCustomApiHeaders } from "@/customization/hooks/use-custom-api-headers";
import useAuthStore from "@/stores/authStore";
import axios, { AxiosError, AxiosInstance, AxiosRequestConfig } from "axios";
import { useContext, useEffect } from "react";
@@ -22,8 +23,8 @@ function ApiInterceptor() {
let { accessToken, authenticationErrorCount } = useContext(AuthContext);
const { mutate: mutationLogout } = useLogout();
const { mutate: mutationRenewAccessToken } = useRefreshAccessToken();
- const logout = useAuthStore((state) => state.logout);
const isLoginPage = location.pathname.includes("login");
+ const customHeaders = useCustomApiHeaders();
useEffect(() => {
const interceptor = api.interceptors.response.use(
@@ -102,6 +103,10 @@ function ApiInterceptor() {
config.headers["Authorization"] = `Bearer ${accessToken}`;
}
+ for (const [key, value] of Object.entries(customHeaders)) {
+ config.headers[key] = value;
+ }
+
return {
...config,
signal: controller.signal,
@@ -117,7 +122,7 @@ function ApiInterceptor() {
api.interceptors.response.eject(interceptor);
api.interceptors.request.eject(requestInterceptor);
};
- }, [accessToken, setErrorData]);
+ }, [accessToken, setErrorData, customHeaders]);
function checkErrorCount() {
if (isLoginPage) return;
@@ -126,14 +131,7 @@ function ApiInterceptor() {
if (authenticationErrorCount > 3) {
authenticationErrorCount = 0;
- mutationLogout(undefined, {
- onSuccess: () => {
- logout();
- },
- onError: (error) => {
- console.error(error);
- },
- });
+ mutationLogout();
return false;
}
@@ -142,6 +140,11 @@ function ApiInterceptor() {
async function tryToRenewAccessToken(error: AxiosError) {
if (isLoginPage) return;
+ if (error.config?.headers) {
+ for (const [key, value] of Object.entries(customHeaders)) {
+ error.config.headers[key] = value;
+ }
+ }
mutationRenewAccessToken(
{},
{
@@ -152,14 +155,7 @@ function ApiInterceptor() {
},
onError: (error) => {
console.error(error);
- mutationLogout(undefined, {
- onSuccess: () => {
- logout();
- },
- onError: (error) => {
- console.error(error);
- },
- });
+ mutationLogout();
return Promise.reject("Authentication error");
},
},
diff --git a/src/frontend/src/controllers/API/queries/api-keys/use-delete-api-key.ts b/src/frontend/src/controllers/API/queries/api-keys/use-delete-api-key.ts
index a0ec09204..b70914318 100644
--- a/src/frontend/src/controllers/API/queries/api-keys/use-delete-api-key.ts
+++ b/src/frontend/src/controllers/API/queries/api-keys/use-delete-api-key.ts
@@ -8,9 +8,10 @@ interface IDeleteApiKey {
}
// add types for error handling and success
-export const useDeleteApiKey: useMutationFunctionType
= (
- options,
-) => {
+export const useDeleteApiKey: useMutationFunctionType<
+ undefined,
+ IDeleteApiKey
+> = (options) => {
const { mutate } = UseRequestProcessor();
const deleteApiKeyFn = async (payload: IDeleteApiKey): Promise => {
diff --git a/src/frontend/src/controllers/API/queries/auth/use-get-autologin.ts b/src/frontend/src/controllers/API/queries/auth/use-get-autologin.ts
index d4bb7c710..9900e3169 100644
--- a/src/frontend/src/controllers/API/queries/auth/use-get-autologin.ts
+++ b/src/frontend/src/controllers/API/queries/auth/use-get-autologin.ts
@@ -6,6 +6,7 @@ import { useQueryFunctionType, Users } from "../../../../types/api";
import { api } from "../../api";
import { getURL } from "../../helpers/constants";
import { UseRequestProcessor } from "../../services/request-processor";
+import { useLogout } from "./use-post-logout";
export interface AutoLoginResponse {
frontend_timeout: number;
@@ -21,8 +22,8 @@ export const useGetAutoLogin: useQueryFunctionType = (
const { login, setUserData, getUser } = useContext(AuthContext);
const setAutoLogin = useAuthStore((state) => state.setAutoLogin);
const isAuthenticated = useAuthStore((state) => state.isAuthenticated);
- const logout = useAuthStore((state) => state.logout);
const isLoginPage = location.pathname.includes("login");
+ const { mutate: mutationLogout } = useLogout();
async function getAutoLoginFn(): Promise {
try {
@@ -40,7 +41,7 @@ export const useGetAutoLogin: useQueryFunctionType = (
setAutoLogin(false);
if (!isLoginPage) {
if (!isAuthenticated) {
- await logout();
+ mutationLogout();
throw new Error("Unauthorized");
} else {
getUser();
diff --git a/src/frontend/src/controllers/API/queries/auth/use-post-logout.ts b/src/frontend/src/controllers/API/queries/auth/use-post-logout.ts
index 80aa0c15a..c5b2d6596 100644
--- a/src/frontend/src/controllers/API/queries/auth/use-post-logout.ts
+++ b/src/frontend/src/controllers/API/queries/auth/use-post-logout.ts
@@ -1,6 +1,7 @@
import useAuthStore from "@/stores/authStore";
import { useMutationFunctionType } from "@/types/api";
+import { useCustomNavigate } from "@/customization/hooks/use-custom-navigate";
import { api } from "../../api";
import { getURL } from "../../helpers/constants";
import { UseRequestProcessor } from "../../services/request-processor";
@@ -9,6 +10,7 @@ export const useLogout: useMutationFunctionType = (
options?,
) => {
const { mutate } = UseRequestProcessor();
+ const navigate = useCustomNavigate();
const logout = useAuthStore((state) => state.logout);
async function logoutUser(): Promise {
@@ -23,6 +25,7 @@ export const useLogout: useMutationFunctionType = (
const mutation = mutate(["useLogout"], logoutUser, {
onSuccess: () => {
logout();
+ navigate("/login");
},
onError: (error) => {
console.error(error);
diff --git a/src/frontend/src/controllers/API/queries/config/use-get-config.ts b/src/frontend/src/controllers/API/queries/config/use-get-config.ts
index 975b21b3e..da1adfcd8 100644
--- a/src/frontend/src/controllers/API/queries/config/use-get-config.ts
+++ b/src/frontend/src/controllers/API/queries/config/use-get-config.ts
@@ -12,7 +12,7 @@ export interface ConfigResponse {
health_check_max_retries: number;
}
-export const useGetConfig: useQueryFunctionType = (
+export const useGetConfig: useQueryFunctionType = (
options,
) => {
const setAutoSaving = useFlowsManagerStore((state) => state.setAutoSaving);
@@ -38,6 +38,7 @@ export const useGetConfig: useQueryFunctionType = (
setAutoSavingInterval(data.auto_saving_interval);
setHealthCheckMaxRetries(data.health_check_max_retries);
}
+ return data;
};
const queryResult = query(["useGetConfig"], getConfigFn, options);
diff --git a/src/frontend/src/controllers/API/utils.tsx b/src/frontend/src/controllers/API/utils.tsx
deleted file mode 100644
index 3991caa2e..000000000
--- a/src/frontend/src/controllers/API/utils.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-import axios from "axios";
-import { BASE_URL_API } from "../../constants/constants";
-
-/**
- * Fetches the configuration data from the API.
- * @returns {Promise} A promise that resolves to the configuration data.
- * @throws {Error} If there was an error fetching the configuration data.
- */
-export async function fetchConfig() {
- try {
- const response = await axios.get(`${BASE_URL_API}config`);
- return response.data;
- } catch (error) {
- console.error("Failed to fetch configuration:", error);
- throw error;
- }
-}
-
-/**
- * Sets up default configurations for Axios.
- * Fetches the timeout configuration and sets it as the default timeout for Axios requests.
- */
-export async function setupAxiosDefaults() {
- const config = await fetchConfig();
- // Create Axios instance with the fetched timeout configuration
-
- const timeoutInMilliseconds = config.frontend_timeout
- ? config.frontend_timeout * 1000
- : 30000;
- axios.defaults.baseURL = "";
- axios.defaults.timeout = timeoutInMilliseconds;
-}
diff --git a/src/frontend/src/customization/components/custom-header.tsx b/src/frontend/src/customization/components/custom-header.tsx
new file mode 100644
index 000000000..c8b3cdcfe
--- /dev/null
+++ b/src/frontend/src/customization/components/custom-header.tsx
@@ -0,0 +1,3 @@
+export function CustomHeader() {
+ return <>;
+}
diff --git a/src/frontend/src/customization/components/custom-link.tsx b/src/frontend/src/customization/components/custom-link.tsx
new file mode 100644
index 000000000..68e97ac8b
--- /dev/null
+++ b/src/frontend/src/customization/components/custom-link.tsx
@@ -0,0 +1,11 @@
+import { Link, LinkProps, useParams } from "react-router-dom";
+import { ENABLE_CUSTOM_PARAM } from "../feature-flags";
+
+export function CustomLink({ to, ...props }: LinkProps) {
+ const { customParam } = useParams();
+
+ const newLocation =
+ ENABLE_CUSTOM_PARAM && to[0] === "/" ? `/${customParam}${to}` : to;
+
+ return ;
+}
diff --git a/src/frontend/src/customization/components/custom-navigate.tsx b/src/frontend/src/customization/components/custom-navigate.tsx
new file mode 100644
index 000000000..6493bd5c9
--- /dev/null
+++ b/src/frontend/src/customization/components/custom-navigate.tsx
@@ -0,0 +1,10 @@
+import { Navigate, NavigateProps, useParams } from "react-router-dom";
+import { ENABLE_CUSTOM_PARAM } from "../feature-flags";
+
+export function CustomNavigate({ to, ...props }: NavigateProps) {
+ const { customParam } = useParams();
+ const newLocation =
+ ENABLE_CUSTOM_PARAM && to[0] === "/" ? `/${customParam}${to}` : to;
+
+ return ;
+}
diff --git a/src/frontend/src/customization/config-constants.ts b/src/frontend/src/customization/config-constants.ts
new file mode 100644
index 000000000..1f4a28a59
--- /dev/null
+++ b/src/frontend/src/customization/config-constants.ts
@@ -0,0 +1,13 @@
+export const BASENAME = "";
+export const PORT = 3000;
+export const PROXY_TARGET = "http://127.0.0.1:7860";
+export const API_ROUTES = ["^/api/v1/", "/health"];
+export const BASE_URL_API = "/api/v1/";
+
+export default {
+ BASENAME,
+ PORT,
+ PROXY_TARGET,
+ API_ROUTES,
+ BASE_URL_API,
+};
diff --git a/src/frontend/src/customization/custom-wrapper.tsx b/src/frontend/src/customization/custom-wrapper.tsx
new file mode 100644
index 000000000..b4be3f539
--- /dev/null
+++ b/src/frontend/src/customization/custom-wrapper.tsx
@@ -0,0 +1,3 @@
+export function CustomWrapper({ children }) {
+ return children;
+}
diff --git a/src/frontend/src/customization/feature-flags.ts b/src/frontend/src/customization/feature-flags.ts
new file mode 100644
index 000000000..db68d0045
--- /dev/null
+++ b/src/frontend/src/customization/feature-flags.ts
@@ -0,0 +1,8 @@
+export const ENABLE_DARK_MODE = true;
+export const ENABLE_API = true;
+export const ENABLE_LANGFLOW_STORE = true;
+export const ENABLE_PROFILE_ICONS = true;
+export const ENABLE_SOCIAL_LINKS = true;
+export const ENABLE_BRANDING = true;
+export const ENABLE_MVPS = false;
+export const ENABLE_CUSTOM_PARAM = false;
diff --git a/src/frontend/src/customization/hooks/use-custom-api-headers.ts b/src/frontend/src/customization/hooks/use-custom-api-headers.ts
new file mode 100644
index 000000000..edabcdd2b
--- /dev/null
+++ b/src/frontend/src/customization/hooks/use-custom-api-headers.ts
@@ -0,0 +1,5 @@
+export function useCustomApiHeaders() {
+ const customHeaders = {};
+
+ return customHeaders;
+}
diff --git a/src/frontend/src/customization/hooks/use-custom-navigate.ts b/src/frontend/src/customization/hooks/use-custom-navigate.ts
new file mode 100644
index 000000000..cd32efefd
--- /dev/null
+++ b/src/frontend/src/customization/hooks/use-custom-navigate.ts
@@ -0,0 +1,27 @@
+import {
+ NavigateFunction,
+ NavigateOptions,
+ To,
+ useNavigate,
+ useParams,
+} from "react-router-dom";
+import { ENABLE_CUSTOM_PARAM } from "../feature-flags";
+
+export function useCustomNavigate(): NavigateFunction {
+ const domNavigate = useNavigate();
+
+ const { customParam } = useParams();
+
+ function navigate(to: To | number, options?: NavigateOptions) {
+ if (typeof to === "number") {
+ domNavigate(to);
+ } else {
+ domNavigate(
+ ENABLE_CUSTOM_PARAM && to[0] === "/" ? `/${customParam}${to}` : to,
+ options,
+ );
+ }
+ }
+
+ return navigate;
+}
diff --git a/src/frontend/src/customization/hooks/use-primary-loading.ts b/src/frontend/src/customization/hooks/use-primary-loading.ts
new file mode 100644
index 000000000..4b3853cd0
--- /dev/null
+++ b/src/frontend/src/customization/hooks/use-primary-loading.ts
@@ -0,0 +1,20 @@
+import { UseRequestProcessor } from "@/controllers/API/services/request-processor";
+import { useQueryFunctionType } from "@/types/api";
+
+export const usePrimaryLoading: useQueryFunctionType = (
+ options,
+) => {
+ const { query } = UseRequestProcessor();
+
+ const getPrimaryLoadingFn = async () => {
+ return null;
+ };
+
+ const queryResult = query(
+ ["usePrimaryLoading"],
+ getPrimaryLoadingFn,
+ options,
+ );
+
+ return queryResult;
+};
diff --git a/src/frontend/src/modals/IOModal/components/chatView/fileComponent/index.tsx b/src/frontend/src/modals/IOModal/components/chatView/fileComponent/index.tsx
index 704d9934c..7af61165b 100644
--- a/src/frontend/src/modals/IOModal/components/chatView/fileComponent/index.tsx
+++ b/src/frontend/src/modals/IOModal/components/chatView/fileComponent/index.tsx
@@ -1,8 +1,7 @@
import { useGetDownloadFileMutation } from "@/controllers/API/queries/files";
import { useState } from "react";
import { ForwardedIconComponent } from "../../../../../components/genericIconComponent";
-import { BACKEND_URL, BASE_URL_API } from "../../../../../constants/constants";
-import useFlowsManagerStore from "../../../../../stores/flowsManagerStore";
+import { BASE_URL_API } from "../../../../../constants/constants";
import { fileCardPropsType } from "../../../../../types/components";
import formatFileName from "../filePreviewChat/utils/format-file-name";
import DownloadButton from "./components/downloadButton/downloadButton";
diff --git a/src/frontend/src/modals/newFlowModal/components/NewFlowCardComponent/index.tsx b/src/frontend/src/modals/newFlowModal/components/NewFlowCardComponent/index.tsx
index ed7885f48..05c87c68b 100644
--- a/src/frontend/src/modals/newFlowModal/components/NewFlowCardComponent/index.tsx
+++ b/src/frontend/src/modals/newFlowModal/components/NewFlowCardComponent/index.tsx
@@ -1,5 +1,6 @@
+import { useCustomNavigate } from "@/customization/hooks/use-custom-navigate";
import useAddFlow from "@/hooks/flows/use-add-flow";
-import { useNavigate, useParams } from "react-router-dom";
+import { useParams } from "react-router-dom";
import {
Card,
CardContent,
@@ -9,7 +10,7 @@ import {
export default function NewFlowCardComponent() {
const addFlow = useAddFlow();
- const navigate = useNavigate();
+ const navigate = useCustomNavigate();
const { folderId } = useParams();
return (
diff --git a/src/frontend/src/modals/newFlowModal/components/undrawCards/index.tsx b/src/frontend/src/modals/newFlowModal/components/undrawCards/index.tsx
index d0a5cd785..0bcfb75ef 100644
--- a/src/frontend/src/modals/newFlowModal/components/undrawCards/index.tsx
+++ b/src/frontend/src/modals/newFlowModal/components/undrawCards/index.tsx
@@ -1,5 +1,5 @@
///
-import { useNavigate, useParams } from "react-router-dom";
+import { useParams } from "react-router-dom";
import BlogPost from "../../../../assets/undraw_blog_post_re_fy5x.svg?react";
import ChatBot from "../../../../assets/undraw_chat_bot_re_e2gj.svg?react";
import PromptChaining from "../../../../assets/undraw_cloud_docs_re_xjht.svg?react";
@@ -10,6 +10,7 @@ import APIRequest from "../../../../assets/undraw_real_time_analytics_re_yliv.sv
import BasicPrompt from "../../../../assets/undraw_short_bio_re_fmx0.svg?react";
import TransferFiles from "../../../../assets/undraw_transfer_files_re_a2a9.svg?react";
+import { useCustomNavigate } from "@/customization/hooks/use-custom-navigate";
import useAddFlow from "@/hooks/flows/use-add-flow";
import {
Card,
@@ -25,7 +26,7 @@ export default function UndrawCardComponent({
flow,
}: UndrawCardComponentProps): JSX.Element {
const addFlow = useAddFlow();
- const navigate = useNavigate();
+ const navigate = useCustomNavigate();
const { folderId } = useParams();
const myCollectionId = useFolderStore((state) => state.myCollectionId);
diff --git a/src/frontend/src/pages/AppInitPage/index.tsx b/src/frontend/src/pages/AppInitPage/index.tsx
index a724a21b9..80dab69ab 100644
--- a/src/frontend/src/pages/AppInitPage/index.tsx
+++ b/src/frontend/src/pages/AppInitPage/index.tsx
@@ -1,6 +1,7 @@
import { useGetAutoLogin } from "@/controllers/API/queries/auth";
import { useGetConfig } from "@/controllers/API/queries/config/use-get-config";
import { useGetVersionQuery } from "@/controllers/API/queries/version";
+import { usePrimaryLoading } from "@/customization/hooks/use-primary-loading";
import { useDarkStore } from "@/stores/darkStore";
import useFlowsManagerStore from "@/stores/flowsManagerStore";
import { useEffect } from "react";
@@ -12,7 +13,8 @@ export function AppInitPage() {
const refreshStars = useDarkStore((state) => state.refreshStars);
const isLoading = useFlowsManagerStore((state) => state.isLoading);
- const { isFetched } = useGetAutoLogin();
+ const { isFetched: isLoaded } = usePrimaryLoading();
+ const { isFetched } = useGetAutoLogin({ enabled: isLoaded });
useGetVersionQuery({ enabled: isFetched });
useGetConfig({ enabled: isFetched });
diff --git a/src/frontend/src/pages/AppWrapperPage/index.tsx b/src/frontend/src/pages/AppWrapperPage/index.tsx
index e1a0c7a93..e28cb29a3 100644
--- a/src/frontend/src/pages/AppWrapperPage/index.tsx
+++ b/src/frontend/src/pages/AppWrapperPage/index.tsx
@@ -9,6 +9,7 @@ import {
TIMEOUT_ERROR_MESSAGE,
} from "@/constants/constants";
import { useGetHealthQuery } from "@/controllers/API/queries/health";
+import { CustomHeader } from "@/customization/components/custom-header";
import useFlowsManagerStore from "@/stores/flowsManagerStore";
import { useUtilityStore } from "@/stores/utilityStore";
import { AxiosError } from "axios";
@@ -96,6 +97,7 @@ export function AppWrapperPage() {
return (
+
{
// any reset function
@@ -107,7 +109,6 @@ export function AppWrapperPage() {
-
diff --git a/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
index bdfe87228..efc6a1e24 100644
--- a/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
+++ b/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
@@ -1,4 +1,4 @@
-import FeatureFlags from "@/../feature-config.json";
+import { ENABLE_MVPS } from "@/customization/feature-flags";
import { useStoreStore } from "@/stores/storeStore";
import { cloneDeep } from "lodash";
import { useEffect, useState } from "react";
@@ -193,10 +193,10 @@ export default function ExtraSidebar(): JSX.Element {
// Set search input state
setSearch(event.target.value);
}}
- autocomplete="off"
- readonly="readonly"
+ autoComplete="off"
+ readOnly
onClick={() =>
- document.getElementById("search").removeAttribute("readonly")
+ document?.getElementById("search")?.removeAttribute("readonly")
}
/>
)}
- {FeatureFlags.ENABLE_MVPS && (
+ {ENABLE_MVPS && (
<>
diff --git a/src/frontend/src/pages/FlowPage/index.tsx b/src/frontend/src/pages/FlowPage/index.tsx
index 0321d9e11..9c622ded5 100644
--- a/src/frontend/src/pages/FlowPage/index.tsx
+++ b/src/frontend/src/pages/FlowPage/index.tsx
@@ -1,12 +1,13 @@
-import FeatureFlags from "@/../feature-config.json";
import { useGetRefreshFlows } from "@/controllers/API/queries/flows/use-get-refresh-flows";
import { useGetGlobalVariables } from "@/controllers/API/queries/variables";
+import { ENABLE_BRANDING } from "@/customization/feature-flags";
+import { useCustomNavigate } from "@/customization/hooks/use-custom-navigate";
import useSaveFlow from "@/hooks/flows/use-save-flow";
import { SaveChangesModal } from "@/modals/saveChangesModal";
import { useTypesStore } from "@/stores/typesStore";
import { customStringify } from "@/utils/reactflowUtils";
import { useEffect } from "react";
-import { useBlocker, useNavigate, useParams } from "react-router-dom";
+import { useBlocker, useParams } from "react-router-dom";
import FlowToolbar from "../../components/chatComponent";
import { useDarkStore } from "../../stores/darkStore";
import useFlowStore from "../../stores/flowStore";
@@ -27,7 +28,7 @@ export default function FlowPage({ view }: { view?: boolean }): JSX.Element {
const version = useDarkStore((state) => state.version);
const setOnFlowPage = useFlowStore((state) => state.setOnFlowPage);
const { id } = useParams();
- const navigate = useNavigate();
+ const navigate = useCustomNavigate();
useGetGlobalVariables();
const saveFlow = useSaveFlow();
@@ -106,7 +107,7 @@ export default function FlowPage({ view }: { view?: boolean }): JSX.Element {
)}
- {FeatureFlags.ENABLE_BRANDING && version && (
+ {ENABLE_BRANDING && version && (
-
+
-
+