robobyte-front-builder 1.0.0 → 1.0.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "robobyte-front-builder",
-  "version": "1.0.0",
+  "version": "1.0.3",
   "description": "RoboByte low-code UI builder, Report builder, and navigation extension system",
   "main": "src/lib/index.js",
   "files": [
@@ -30,9 +30,16 @@
     "react": ">=18",
     "react-dom": ">=18",
     "next": ">=13",
-    "@mui/material": ">=6",
-    "@mui/icons-material": ">=6",
+    "@mui/material": ">=7",
+    "@mui/icons-material": ">=7",
+    "@mui/lab": ">=7",
+    "@mui/system": ">=7",
+    "@mui/x-data-grid": ">=7",
+    "@mui/x-date-pickers": ">=7",
+    "@mui/x-tree-view": ">=7",
+    "@emotion/cache": ">=11",
     "@emotion/react": ">=11",
+    "@emotion/server": ">=11",
     "@emotion/styled": ">=11",
     "axios": ">=1"
   },
@@ -47,10 +54,6 @@
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/sortable": "^10.0.0",
     "@dnd-kit/utilities": "^3.2.2",
-    "@emotion/cache": "11.11.0",
-    "@emotion/react": "^11.14.0",
-    "@emotion/server": "11.11.0",
-    "@emotion/styled": "^11.14.0",
     "@fullcalendar/common": "5.11.5",
     "@fullcalendar/core": "6.1.7",
     "@fullcalendar/daygrid": "6.1.7",
@@ -59,17 +62,8 @@
     "@fullcalendar/react": "6.1.7",
     "@fullcalendar/timegrid": "6.1.7",
     "@hookform/resolvers": "3.1.0",
-    "@material-ui/core": "^4.12.4",
     "@microsoft/signalr": "^8.0.0",
     "@monaco-editor/react": "^4.7.0",
-    "@mui/icons-material": "^7.1.0",
-    "@mui/lab": "^7.0.0-beta.12",
-    "@mui/material": "^7.1.0",
-    "@mui/styled-engine-sc": "^6.0.0-alpha.18",
-    "@mui/system": "^7.1.0",
-    "@mui/x-data-grid": "^8.5.0",
-    "@mui/x-date-pickers": "^5.0.0",
-    "@mui/x-tree-view": "^8.5.0",
     "@popperjs/core": "2.11.7",
     "@react-google-maps/api": "^2.19.2",
     "@reduxjs/toolkit": "1.9.5",
@@ -79,7 +73,6 @@
     "ag-grid-react": "^33.3.2",
     "apexcharts-clevision": "3.28.5",
     "aws-amplify": "^5.3.13",
-    "axios": "1.4.0",
     "axios-mock-adapter": "1.21.4",
     "babel-eslint": "10.1.0",
     "chart.js": "4.3.0",
@@ -105,21 +98,18 @@
     "mdi-material-ui": "7.7.0",
     "moment": "^2.30.1",
     "moment-timezone": "^0.5.47",
-    "next": "^15.1.8",
     "notistack": "^3.0.2",
     "nprogress": "0.2.0",
     "numeral": "^2.0.6",
     "payment": "2.4.6",
     "prismjs": "1.29.0",
     "prop-types": "^15.8.1",
-    "react": "^19.1.0",
     "react-apexcharts": "1.4.0",
     "react-beautiful-dnd": "13.1.1",
     "react-chartjs-2": "5.2.0",
     "react-colorful": "^5.6.1",
     "react-credit-cards": "0.8.3",
     "react-datepicker": "4.11.0",
-    "react-dom": "^19.1.0",
     "react-draft-wysiwyg": "1.15.0",
     "react-dropzone": "14.2.3",
     "react-hook-form": "7.43.9",

package/src/context/AuthContext.js

@@ -1,179 +1,21 @@
-// ** React Imports
-import { createContext, useEffect, useState } from 'react'
+/**
+ * AuthContext — thin pass-through context for robobyte-front-builder.
+ *
+ * All authentication logic (login, logout, token refresh) lives in the
+ * HOST application. The host passes `user` and `accessToken` into
+ * RoboByteFrontBuilderProvider, which feeds them here.
+ *
+ * Components inside the package (TAGGrid, SGrid, SystemContext, etc.)
+ * read from this context the same way they always did — nothing changes
+ * for consumers, only the source of truth moved to the host.
+ */
+import { createContext } from 'react'
 
-// ** Next Import
-import { useRouter } from 'next/router'
-import PutRefreshToken from 'services/auth/PutRefreshToken'
-// ** Axios
-import axios from 'axios'
-
-// ** Config
-import authConfig from 'src/configs/auth'
-import { UsersEndpoints } from 'services/Endpoints/UsersEndpoints'
-import { ApiURL } from 'services/Endpoints'
-import { jwtDecode } from "jwt-decode";
-import {ReportBuilderEndpoints} from "services/Endpoints/ReportBuilderEndpoints";
-
-// ** Defaults
 const defaultProvider = {
   user: null,
   accessToken: null,
-  loading: true,
-  setUser: () => null,
-  setLoading: () => Boolean,
-  isInitialized: false,
-  login: () => Promise.resolve(),
-  logout: () => Promise.resolve(),
-  setIsInitialized: () => Boolean,
-  register: () => Promise.resolve()
 }
-const AuthContext = createContext(defaultProvider)
-const AuthProvider = ({ children }) => {
-  // ** States
-  const [user, setUser] = useState(defaultProvider.user)
-  const [loading, setLoading] = useState(defaultProvider.loading)
-  const [isInitialized, setIsInitialized] = useState(defaultProvider.isInitialized)
-  const [token, setToken] = useState()
-  // ** Hooks
-  const router = useRouter()
-  useEffect(() => {
-    const initAuth = async () => {
-      setIsInitialized(true)
-      const storedToken = window.localStorage.getItem(authConfig.storageTokenKeyName)
-      const storedRefreshToken = window.localStorage.getItem(authConfig.refreshToken)
-      if (storedToken) {
-       await PutRefreshToken()
-        setLoading(true)
-        await axios
-          .post(ApiURL + ReportBuilderEndpoints.Post.GenericGet.URL, {
-            tFilter  : [
-              {
-                path  :"Id",
-                method  : "Equals",
-                value : window.localStorage.getItem(authConfig.storageUserId)
-              }
-            ]
-          } ,{
-            headers: {
-              Authorization: 'Bearer ' + window.localStorage.getItem(authConfig.storageTokenKeyName),
-              'content-type': 'application/json'
-            },
-            params: {
-              sourceModel : 'AuthModule.Domain.AuthModels.ApplicationUser',
-              getType : 'Single',
-              page : 1,
-              pageSize: 1,
-              userId: window.localStorage.getItem(authConfig.storageUserId)
-            },
-          })
-          .then(async response => {
-            setLoading(false)
-            response.data.data = {
-              ...response.data?.data,
-              permissions : [],
-              roles : []
-            }
-            setUser({ ...response.data?.data })
-          })
-          .catch(async e => {
-            setLoading(false)
-            handleLogout()
-          })
-      } else {
-        setLoading(false)
-        handleLogout()
-      }
-    }
-    initAuth()
-  }, [])
-  const handleLogin = (params, errorCallback) => {
-
-    axios
-      .post(ApiURL + UsersEndpoints.Post.Login.URL, params)
-      .then(async res => {
-        window.localStorage.setItem(authConfig.storageTokenKeyName, res.data.accessToken)
-        window.localStorage.setItem(authConfig.storageUserId, res.data.id)
-        window.localStorage.setItem(authConfig.refreshToken, res.data.refreshToken)
-        setToken(res.data.accessToken)
-      })
-      .then(() => {
-        axios
-          .post(ApiURL + ReportBuilderEndpoints.Post.GenericGet.URL, {
-            tFilter  : [
-              {
-                path  :"Id",
-                method  : "Equals",
-                value : window.localStorage.getItem(authConfig.storageUserId)
-              }
-            ]
-          } ,{
-            headers: {
-              Authorization: 'Bearer ' + window.localStorage.getItem(authConfig.storageTokenKeyName),
-              'content-type': 'application/json'
-            },
-            params: {
-              sourceModel : 'AuthModule.Domain.AuthModels.ApplicationUser',
-              getType : 'Single',
-              page : 1,
-              pageSize: 1,
-              userId: window.localStorage.getItem(authConfig.storageUserId)
-            },
-          })
-          .then(async response => {
-            const returnUrl = router.query.returnUrl
-            response.data.data = {
-              ...response.data?.data,
-              permissions : [],
-              roles : []
-            }
-            setUser({ ...response.data?.data })
-            await window.localStorage.setItem('userData', JSON.stringify(response.data?.data))
-            const redirectURL = returnUrl && returnUrl !== '/' ? returnUrl : '/mainHome'
-            router.replace(redirectURL)
-          })
-      })
-      .catch(err => {
-        if (errorCallback) errorCallback(err)
-      })
-  }
-
-  const handleLogout = () => {
-    setUser(null)
-    setIsInitialized(false)
-    window.localStorage.removeItem('userData')
-    window.localStorage.removeItem(authConfig.storageTokenKeyName)
-    window.localStorage.removeItem(authConfig.storageUserId)
-    window.localStorage.removeItem(authConfig.refreshToken)
-    router.push('/login')
-  }
 
-  const handleRegister = (params, errorCallback) => {
-    axios
-      .post(authConfig.registerEndpoint, params)
-      .then(res => {
-        if (res.data.error) {
-          if (errorCallback) errorCallback(res.data.error)
-        } else {
-          handleLogin({ email: params.email, password: params.password })
-        }
-      })
-      .catch(err => (errorCallback ? errorCallback(err) : null))
-  }
-
-  const values = {
-    user,
-    accessToken: token,
-    loading,
-    setUser,
-    setLoading,
-    isInitialized,
-    setIsInitialized,
-    login: handleLogin,
-    logout: handleLogout,
-    register: handleRegister
-  }
-
-  return <AuthContext.Provider value={values}>{children}</AuthContext.Provider>
-}
+const AuthContext = createContext(defaultProvider)
 
-export { AuthContext, AuthProvider }
+export { AuthContext }

package/src/context/SystemContext.js

@@ -6,7 +6,8 @@ import axios from 'axios'
 // ** Axios
 
 // ** Config
-import {BaseURL, Endpoints, Services} from 'services/Endpoints'
+import {Endpoints, Services} from 'services/Endpoints'
+import {getBaseURL} from 'services/config'
 import {useJsApiLoader} from '@react-google-maps/api'
 import {AuthContext} from './AuthContext'
 import handleChange from 'services/helper/handleChange'

package/src/lib/index.js

@@ -40,6 +40,11 @@
  * ─────────────────────────────────────────────────────────────────────────────
  */
 
+// ── Configuration ─────────────────────────────────────────────────────────────
+// configureRoboByte({ baseURL, apiURL, getAccessToken, getUser })
+// Or pass these as props to RoboByteFrontBuilderProvider (preferred).
+export { configureRoboByte, getBaseURL, getApiURL, getAccessToken, getUser } from '../services/config'
+
 // ── Navigation Extension API ──────────────────────────────────────────────────
 // NavigationExtensionProvider  : Wrap your app to enable nav injection
 // useNavigationExtensionContext: Internal context accessor (used by the nav renderer)
@@ -72,4 +77,7 @@ export { default as ReportBuilderPage } from '../pages/reportModule/reportBuilde
 // Useful when you need to read or drive builder state from the host app.
 export { BuilderProvider, useBuilder } from '../context/BuilderContext'
 export { SystemContext, SystemProvider } from '../context/SystemContext'
-export { AuthContext, AuthProvider } from '../context/AuthContext'
+// AuthContext is a read-only pass-through — values come from the host via
+// RoboByteFrontBuilderProvider's user / accessToken props.
+// There is no AuthProvider in this package; use your own host auth provider.
+export { AuthContext } from '../context/AuthContext'

package/src/lib/providers/RoboByteFrontBuilderProvider.jsx

@@ -1,56 +1,88 @@
 /**
  * RoboByteFrontBuilderProvider
  *
- * Root provider for the @robobyte/front-builder package.
+ * Root provider for the robobyte-front-builder package.
  * Wrap your host app's _app.js with this component.
  *
- * It currently wires up the NavigationExtensionProvider so that
- * nav items you pass via `navExtensions` (or register via useNavExtension)
- * are merged into the sidebar automatically.
+ * ── Props ─────────────────────────────────────────────────────────────────
  *
- * EXAMPLE (_app.js in the host Next.js app):
+ * baseURL        Root URL of the API server, e.g. "https://api.yourapp.com/"
+ * apiURL         /api prefix URL,            e.g. "https://api.yourapp.com/api/"
+ * user           The currently logged-in user object from your auth context.
+ *                Used by builder components that need the current user's id.
+ * accessToken    The current Bearer token string from your auth context.
+ *                All robobyte service calls attach this as Authorization header.
+ * navExtensions  Static nav items to inject into the sidebar (see below).
  *
- *   import { RoboByteFrontBuilderProvider } from '@robobyte/front-builder'
+ * ── Example (_app.js in Mazajk / any host Next.js app) ───────────────────
  *
- *   export default function App({ Component, pageProps }) {
+ *   // Inside AuthProvider, read your own auth context and bridge it in:
+ *
+ *   function RoboByteBridge({ children }) {
+ *     const auth = useContext(AuthContext)   // YOUR app's auth context
  *     return (
  *       <RoboByteFrontBuilderProvider
- *         navExtensions={[
- *           {
- *             id: 'host-settings',
- *             title: 'Settings',
- *             icon: 'CogOutline',        // any mdi-material-ui icon name
- *             type: 'static',
- *             path: '/settings',
- *             insertAt: 'end',           // 'start' | 'end' | number | { afterId } | { beforeId }
- *           },
- *           {
- *             id: 'host-analytics',
- *             title: 'Analytics',
- *             icon: 'ChartBar',
- *             type: 'static',
- *             path: '/analytics',
- *             insertAt: { afterId: 'host-settings' },
- *           }
- *         ]}
+ *         baseURL="https://api.yourapp.com/"
+ *         apiURL="https://api.yourapp.com/api/"
+ *         user={auth.user}
+ *         accessToken={auth.accessToken}
  *       >
- *         <Component {...pageProps} />
+ *         {children}
  *       </RoboByteFrontBuilderProvider>
  *     )
  *   }
+ *
+ *   export default function App({ Component, pageProps }) {
+ *     return (
+ *       <AuthProvider>
+ *         <RoboByteBridge>
+ *           <Component {...pageProps} />
+ *         </RoboByteBridge>
+ *       </AuthProvider>
+ *     )
+ *   }
  */
 
+import { useMemo } from 'react'
 import { NavigationExtensionProvider } from '../navigation/NavigationExtensionContext'
+import { configureRoboByte } from '../../services/config'
+import { AuthContext } from '../../context/AuthContext'
 
 /**
- * @param {Object[]} navExtensions  - Static nav items to inject into the sidebar
+ * @param {string}    [baseURL]       Root API server URL (with trailing slash)
+ * @param {string}    [apiURL]        /api prefix URL     (with trailing slash)
+ * @param {object}    [user]          Current user from the host auth context
+ * @param {string}    [accessToken]   Current Bearer token from the host auth context
+ * @param {Object[]}  [navExtensions] Static nav items to inject into the sidebar
  * @param {ReactNode} children
  */
-const RoboByteFrontBuilderProvider = ({ children, navExtensions = [] }) => {
+const RoboByteFrontBuilderProvider = ({
+  children,
+  baseURL,
+  apiURL,
+  user = null,
+  accessToken = null,
+  navExtensions = [],
+}) => {
+  // Apply URL config synchronously before any child renders.
+  useMemo(() => {
+    if (baseURL || apiURL) {
+      configureRoboByte({ baseURL, apiURL })
+    }
+  }, [baseURL, apiURL])
+
+  // Auth context value — comes entirely from the host. No logic here.
+  const authValue = useMemo(
+    () => ({ user, accessToken }),
+    [user, accessToken]
+  )
+
   return (
-    <NavigationExtensionProvider items={navExtensions}>
-      {children}
-    </NavigationExtensionProvider>
+    <AuthContext.Provider value={authValue}>
+      <NavigationExtensionProvider items={navExtensions}>
+        {children}
+      </NavigationExtensionProvider>
+    </AuthContext.Provider>
   )
 }
 

package/src/services/ApiURL.js

@@ -0,0 +1,11 @@
+/**
+ * ApiURL — backward-compat shim for auth services that import:
+ *   import ApiURL from '../ApiURL'
+ *   const url = ApiURL() + '/api/...'
+ *
+ * Returns the configured API base URL at call time so that host apps
+ * can override it via configureRoboByte() before the first request.
+ */
+import { getApiURL } from './config'
+
+export default getApiURL

package/src/services/DeleteService.js

@@ -1,13 +1,10 @@
 import Axios from 'axios'
 import { DataTypes } from './ContentTypes'
-import { ApiURL } from './Endpoints'
-import authConfig from 'src/configs/auth'
+import { getApiURL, getAccessToken } from './config'
 import toast from 'react-hot-toast'
-import PutRefreshToken from './auth/PutRefreshToken'
 
 export default async function DeleteService(endpoint, showToast, data, params) {
-  await PutRefreshToken()
-  const accessToken = localStorage.getItem(authConfig.storageTokenKeyName)
+  const accessToken = getAccessToken()
     let response = { status: 'Error', message: '' }
   let result = null
   let currentParams = {
@@ -16,7 +13,7 @@ export default async function DeleteService(endpoint, showToast, data, params) {
   }
 
   if (!data) return
-  const url = ApiURL + endpoint.URL
+  const url = getApiURL() + endpoint.URL
 
   const axiosConfig = {
     method: 'delete',

package/src/services/Endpoints.js

@@ -23,10 +23,12 @@ import { ViewEndpoints } from './Endpoints/ViewEndpoints'
 import { UiBuilderEndpoints } from 'services/Endpoints/UiBuilderEndpoints'
 import { WidgetEndpoints } from 'services/Endpoints/WidgetEndpoints'
 
- // export const BaseURL = 'http://localhost:7012/'
-// export const ApiURL = 'http://localhost:7012/api/'
-export const BaseURL = 'http://140.82.34.191:3400/'
-export const ApiURL = 'http://140.82.34.191:3400/api/'
+// BaseURL and ApiURL are now sourced from the config singleton so that
+// host apps can override them via configureRoboByte() or the
+// RoboByteFrontBuilderProvider baseURL / apiURL props.
+// Use getBaseURL() / getApiURL() from 'services/config' inside functions
+// rather than caching these at module-load time.
+export { getBaseURL as BaseURL, getApiURL as ApiURL, configureRoboByte } from './config'
 
 export const Services = {
   GetService: GetService,

package/src/services/GetService.js

@@ -1,15 +1,12 @@
 import Axios from 'axios'
 import { DataTypes } from './ContentTypes'
-import { ApiURL } from './Endpoints'
-import authConfig from 'src/configs/auth'
+import { getApiURL, getAccessToken } from './config'
 import toast from 'react-hot-toast'
-import PutRefreshToken from './auth/PutRefreshToken'
 export default async function GetService(endpoint, showToast, data, params) {
-  await PutRefreshToken()
-  const accessToken = localStorage.getItem(authConfig.storageTokenKeyName)
+  const accessToken = getAccessToken()
   let response = { status: 'Error', message: '' }
   let result = null
-  const url = ApiURL + endpoint.URL
+  const url = getApiURL() + endpoint.URL
 
   const axiosConfig = {
     method: 'post',

package/src/services/PatchService.js

@@ -1,13 +1,10 @@
 import Axios from 'axios'
 import { DataTypes } from './ContentTypes'
-import { ApiURL } from './Endpoints'
-import authConfig from 'src/configs/auth'
+import { getApiURL, getAccessToken } from './config'
 import toast from 'react-hot-toast'
-import PutRefreshToken from './auth/PutRefreshToken'
 
 export default async function PatchService(endpoint, showToast, data, params) {
-  await PutRefreshToken()
-  const accessToken = localStorage.getItem(authConfig.storageTokenKeyName)
+  const accessToken = getAccessToken()
     let response = { status: 'Error', message: '' }
   let result = null
   let currentParams = {
@@ -22,7 +19,7 @@ export default async function PatchService(endpoint, showToast, data, params) {
           ...(endpoint.DataType == DataTypes.Body ? { ...data } : {})
         }
   if (!data) return
-  const url = ApiURL + endpoint.URL
+  const url = getApiURL() + endpoint.URL
 
   const axiosConfig = {
     method: 'patch',

package/src/services/PostService.js

@@ -1,13 +1,10 @@
 import Axios from 'axios'
 import { DataTypes } from './ContentTypes'
-import { ApiURL } from './Endpoints'
-import authConfig from 'src/configs/auth'
+import { getApiURL, getAccessToken } from './config'
 import toast from 'react-hot-toast'
-import PutRefreshToken from './auth/PutRefreshToken'
 
 export default async function PostService(endpoint, showToast, data, params) {
-  await PutRefreshToken()
-  const accessToken = localStorage.getItem(authConfig.storageTokenKeyName)
+  const accessToken = getAccessToken()
 
 
   let response = { status: 'Error', message: '' }
@@ -19,7 +16,7 @@ export default async function PostService(endpoint, showToast, data, params) {
   let currnetData = endpoint.DataType == DataTypes.Form || endpoint.DataType == DataTypes.Body ? data : {}
 
   if (!data) return
-  const url = ApiURL + endpoint.URL
+  const url = getApiURL() + endpoint.URL
 
   const axiosConfig = {
     method: 'post',

package/src/services/StreamService.js

@@ -1,15 +1,12 @@
 import Axios from 'axios'
-import {ApiURL} from './Endpoints'
-import authConfig from 'src/configs/auth'
-import PutRefreshToken from './auth/PutRefreshToken'
+import { getApiURL, getAccessToken } from './config'
 import toast from 'react-hot-toast'
 import {DataTypes} from "services/ContentTypes";
 
 export default async function StreamService(endpoint, showToast, data, params, api, progressCallback) {
-  await PutRefreshToken()
-  const accessToken = localStorage.getItem(authConfig.storageTokenKeyName)
+  const accessToken = getAccessToken()
 
-  const url = api ?? ApiURL + endpoint.URL
+  const url = api ?? getApiURL() + endpoint.URL
 
   let currentParams = {
     ...params,

package/src/services/UpdateService.js

@@ -1,13 +1,10 @@
 import Axios from 'axios'
 import { DataTypes } from './ContentTypes'
-import { ApiURL } from './Endpoints'
-import authConfig from 'src/configs/auth'
+import { getApiURL, getAccessToken } from './config'
 import toast from 'react-hot-toast'
-import PutRefreshToken from './auth/PutRefreshToken'
 
 export default async function UpdateService(endpoint, showToast, data, params) {
-  await PutRefreshToken()
-  const accessToken = localStorage.getItem(authConfig.storageTokenKeyName)
+  const accessToken = getAccessToken()
   let response = { status: 'Error', message: '' }
   let result = null
   let currentParams = {
@@ -21,7 +18,7 @@ export default async function UpdateService(endpoint, showToast, data, params) {
         ...(endpoint.DataType == DataTypes.Body ? { ...data } : {})
       }
   if (!data) return
-  const url = ApiURL + endpoint.URL
+  const url = getApiURL() + endpoint.URL
 
   const axiosConfig = {
     method: 'put',

package/src/services/auth/AuthService.js

@@ -1,47 +1,5 @@
-import Axios from "axios";
-import { ApiUrl } from "services/Endpoints";
-const apiURL = ApiUrl;
-
-export default async function AuthService(User) {
-  let result = { status: "Error", message: "" };
-
-  if (!User) return;
-  const url = apiURL + `/api/Auth/Login`;
-
-  const axiosConfig = {
-    method: "post",
-    headers: {
-      "Content-Type": "application/json-patch+json",
-    },
-  };
-
-  try {
-    const resporone = await Axios.post(url, User, axiosConfig)
-      .then((r) => {
-        result = r.data;
-      })
-      .catch((r) => {
-
-        if (r.response && r.response.status == 400) {
-          result = {
-            status: "Error",
-            message: r.response.data,
-          };
-        } else if (r.response && r.response.status == 401) {
-          result = {
-            status: "Error",
-            message: "غير مخول بالدخول",
-          };
-        } else {
-          result = {
-            status: "Error",
-            message: "حدث خطأ في الاتصال مع الخادم",
-          };
-        }
-      });
-  } catch (error) {
-
-  }
-
-  return result;
-}
+/**
+ * This file has been removed.
+ * Authentication is handled entirely by the host application.
+ * robobyte-front-builder no longer owns any auth logic.
+ */

package/src/services/auth/GetUsersService.js

@@ -1,38 +1,5 @@
-import Axios from 'axios';
-import ApiURL from '../ApiURL' 
-
-export default async function GetUsersService(User,filter){
-    
-    let result =null;
-    const apiURL = ApiURL() + '/api/Users/GetByUserRole';
-    
-    if (!User )
-        return;
-    let currentFilter
-    if(filter){
-        currentFilter={...filter}
-    }else{
-        currentFilter={
-            page:1,
-            pageSize:100
-        }
-    }
-    const axiosConfig={
-        method: 'get',
-        headers: {
-          'Authorization': `Bearer ${User.accessToken}`,
-          'Content-Type': 'application/json-patch+json',
-      },params:{
-          ...currentFilter
-      }
-        };
-
-            const response = await Axios.get(apiURL,axiosConfig);
-            if (response.status===200)
-            {
-                result = response.data;
-                
-            }
-            
-return result
-}
+/**
+ * This file has been removed.
+ * Authentication is handled entirely by the host application.
+ * robobyte-front-builder no longer owns any auth logic.
+ */

package/src/services/auth/PostRegisterUser.js

@@ -1,29 +1,5 @@
-import Axios from 'axios';
-import ApiURL from '../ApiURL' 
-
-export default async function PostRegisterUser(User,data){
-    
-    
-    let result =null;
-    const apiURL = ApiURL() + '/api/Auth/Register';
-    
-    
-    if (!User || !data)
-        return;
-    const axiosConfig={
-        method: 'post',
-        headers: {
-          'Authorization': `Bearer ${User.accessToken}`,
-          'Content-Type': 'application/json-patch+json',
-      },
-     
-        };
-
-            const resporone = await Axios.post(apiURL,data,axiosConfig);
-            if (resporone.status===200)
-            {
-                result = resporone.data;
-              
-            }
-return result
-}
+/**
+ * This file has been removed.
+ * Authentication is handled entirely by the host application.
+ * robobyte-front-builder no longer owns any auth logic.
+ */

package/src/services/auth/PostResetPasswordService.js

@@ -1,28 +1,5 @@
-import Axios from 'axios';
-import ApiURL from '../ApiURL'
-
-export default async function PostResetPasswordService(User,data){
-
-    let result =null;
-    const apiURL = ApiURL() + '/api/Auth/ResetPassword';
-
-
-    if (!User || !data)
-        return;
-    const axiosConfig={
-        method: 'post',
-        headers: {
-          'Authorization': `Bearer ${User.accessToken}`,
-          'Content-Type': 'application/json-patch+json',
-      }
-        };
-
-            const resporone = await Axios.post(apiURL,data,axiosConfig);
-
-            if (resporone.status===200)
-            {
-                result = resporone.data;
-
-            }
-return result
-}
+/**
+ * This file has been removed.
+ * Authentication is handled entirely by the host application.
+ * robobyte-front-builder no longer owns any auth logic.
+ */

package/src/services/auth/PutAccountService.js

@@ -1,29 +1,5 @@
-import Axios from "axios";
-import ApiURL from "../ApiURL";
-
-export default async function PutAccountService(User, data) {
-  let result = null;
-  if (!User || !data) return;
-  const apiURL = ApiURL() + `/api/Users/${data.id}`;
-
-  const axiosConfig = {
-    method: "put",
-    headers: {
-      Authorization: `Bearer ${User.accessToken}`,
-      "Content-Type": "application/json-patch+json",
-    },
-  };
-
-  try {
-    const resporone = await Axios.put(apiURL, data, axiosConfig);
-
-    if (resporone.status === 200) {
-      result = resporone.data;
-    }
-    throw resporone;
-  } catch (error) {
-
-  }
-
-  return result;
-}
+/**
+ * This file has been removed.
+ * Authentication is handled entirely by the host application.
+ * robobyte-front-builder no longer owns any auth logic.
+ */

package/src/services/auth/PutRefreshToken.js

@@ -1,69 +1,5 @@
-import Axios from 'axios';
-import {ApiURL, BaseURL} from '../Endpoints'
-import {jwtDecode} from "jwt-decode";
-import {ElevatorPassengerOffOutline} from 'mdi-material-ui';
-import {useContext} from 'react';
-import authConfig from 'src/configs/auth'
-import {Router} from 'next/router';
-import {useRouter} from 'next/router';
-
-
-const apiURL = BaseURL
-
-const handleLogout = () => {
-  localStorage.removeItem('userData')
-  localStorage.removeItem('refreshToken')
-  localStorage.removeItem('userId')
-  localStorage.removeItem('accessToken')
-
-  window.location.href = '/login'
-
-}
-
-export default async function PutRefreshToken() {
-  let token = localStorage.getItem(authConfig.storageTokenKeyName)
-  if (token == null || token == '') {
-    handleLogout()
-  }
-  let refreshToken = localStorage.getItem(authConfig.refreshToken)
-  let response = null;
-
-  function isTokenExpired(token) {
-    try {
-      const decodedToken = jwtDecode(token);
-      const expirationDate = new Date(decodedToken.exp * 1000);
-      return expirationDate < new Date();
-    } catch {
-      handleLogout()
-    }
-
-  }
-
-  const istokenExpired = isTokenExpired(token)
-  if (istokenExpired) {
-    const url = apiURL + `api/Auth/Refresh-Token?refreshToken=${refreshToken}`;
-    const axiosConfig = {
-      method: 'put',
-      headers: {
-
-        'Content-Type': 'application/json-patch+json',
-      },
-    };
-
-    try {
-      response = await Axios.put(url, axiosConfig);
-      if (response.status == 200) {
-        localStorage.setItem(authConfig.storageTokenKeyName, response.data.accessToken)
-      } else {
-        handleLogout();
-      }
-
-    } catch (error) {
-      handleLogout();
-    }
-
-  }
-
-
-  return
-}
+/**
+ * This file has been removed.
+ * Token refresh is handled entirely by the host application.
+ * robobyte-front-builder no longer owns any auth logic.
+ */

package/src/services/auth/RefreshToken.js

@@ -0,0 +1,5 @@
+/**
+ * This file has been removed.
+ * Authentication is handled entirely by the host application.
+ * robobyte-front-builder no longer owns any auth logic.
+ */

package/src/services/config.js

@@ -0,0 +1,103 @@
+/**
+ * RoboByte Configuration
+ *
+ * Single source of truth for API URLs and auth accessors.
+ * This module has NO imports from other local service files — it can
+ * never participate in a circular dependency.
+ *
+ * ── Usage in the host app ──────────────────────────────────────────────────
+ *
+ *   // Option A — via RoboByteFrontBuilderProvider props (recommended):
+ *   <RoboByteFrontBuilderProvider
+ *     baseURL="https://api.yourapp.com/"
+ *     apiURL="https://api.yourapp.com/api/"
+ *     user={authUser}
+ *     accessToken={authToken}
+ *   >
+ *
+ *   // Option B — imperative call once before rendering:
+ *   import { configureRoboByte } from 'robobyte-front-builder'
+ *   configureRoboByte({
+ *     baseURL: 'https://api.yourapp.com/',
+ *     apiURL:  'https://api.yourapp.com/api/',
+ *     getAccessToken: () => localStorage.getItem('accessToken'),
+ *     getUser: () => JSON.parse(localStorage.getItem('userData') || 'null'),
+ *   })
+ *
+ * ─────────────────────────────────────────────────────────────────────────
+ */
+
+const _config = {
+  baseURL: 'http://140.82.34.191:3400/',
+  apiURL: 'http://140.82.34.191:3400/api/',
+
+  // Default token reader — reads the key Mazajk (and most host apps) use.
+  // Override via configureRoboByte({ getAccessToken }) or via the provider prop.
+  getAccessToken: () => {
+    if (typeof window === 'undefined') return null
+    return localStorage.getItem('accessToken') ?? null
+  },
+
+  // Default user reader — parses the JSON object Mazajk stores in localStorage.
+  // Override via configureRoboByte({ getUser }) or via the provider prop.
+  getUser: () => {
+    if (typeof window === 'undefined') return null
+    try {
+      const raw = localStorage.getItem('userData')
+      return raw ? JSON.parse(raw) : null
+    } catch {
+      return null
+    }
+  },
+}
+
+/**
+ * Configure robobyte-front-builder.
+ * All fields are optional — only the ones you pass will be updated.
+ *
+ * @param {Object}   [options]
+ * @param {string}   [options.baseURL]        Root URL of the API server (trailing slash)
+ * @param {string}   [options.apiURL]         /api prefix URL             (trailing slash)
+ * @param {Function} [options.getAccessToken] () => string | null — returns the current Bearer token
+ * @param {Function} [options.getUser]        () => object | null — returns the current user object
+ */
+export function configureRoboByte({ baseURL, apiURL, getAccessToken, getUser } = {}) {
+  if (baseURL) {
+    _config.baseURL = baseURL.endsWith('/') ? baseURL : baseURL + '/'
+  }
+  if (apiURL) {
+    _config.apiURL = apiURL.endsWith('/') ? apiURL : apiURL + '/'
+  }
+  if (typeof getAccessToken === 'function') {
+    _config.getAccessToken = getAccessToken
+  }
+  if (typeof getUser === 'function') {
+    _config.getUser = getUser
+  }
+}
+
+/** Returns the current base URL (e.g. "https://api.example.com/") */
+export function getBaseURL() {
+  return _config.baseURL
+}
+
+/** Returns the current API URL (e.g. "https://api.example.com/api/") */
+export function getApiURL() {
+  return _config.apiURL
+}
+
+/**
+ * Returns the current Bearer access token.
+ * Call this inside service functions — never cache the result at module level.
+ */
+export function getAccessToken() {
+  return _config.getAccessToken()
+}
+
+/**
+ * Returns the current user object from the host app.
+ * Call this inside component render functions.
+ */
+export function getUser() {
+  return _config.getUser()
+}

package/src/views/builder/viewer/renderers/RichTextRenderer.jsx

@@ -1,10 +1,23 @@
 import { useRef } from 'react'
-import SunEditor from 'suneditor-react'
-import 'suneditor/dist/css/suneditor.min.css'
+import dynamic from 'next/dynamic'
 import { Box, FormHelperText } from '@mui/material'
 import ViewerComponentWrapper from '../ViewerComponentWrapper'
 import { resolveProps } from 'services/builderHelper/resolveProps'
 
+// SunEditor requires the DOM and loads suneditor/src/plugins at require-time,
+// which is raw ESM with bare specifiers. Node.js 22's strict ESM resolver
+// cannot resolve those extensionless imports at SSR, causing a fatal error.
+// Dynamic import with ssr:false keeps the entire module out of the server bundle.
+const SunEditor = dynamic(
+  () => {
+    // Import the CSS alongside the component so it's only loaded client-side too.
+    // Using require() inside the factory avoids a separate async CSS chunk.
+    require('suneditor/dist/css/suneditor.min.css')
+    return import('suneditor-react')
+  },
+  { ssr: false }
+)
+
 export default function RichTextRenderer({ node, viewerContext }) {
   const { data, form, updateFormValue, validationErrors } = viewerContext
   const main = resolveProps(node, 'main', { form, data })
@@ -52,7 +65,7 @@ export default function RichTextRenderer({ node, viewerContext }) {
             height: main.height || '300px',
             placeholder: main.placeholder || 'Enter text here...',
             disabled: main.disabled,
-            mode: main.mode || 'classic', // classic, inline, balloon, balloon-always
+            mode: main.mode || 'classic',
             resizingBar: main.resizingBar !== false,
             showPathLabel: main.showPathLabel !== false,
             charCounter: main.charCounter !== false,

package/src/views/genericTable/cellRenderers/imageRenderer.js

@@ -1,5 +1,4 @@
 import { Avatar, IconButton } from "@mui/material";
-import { BaseURL } from "services/Endpoints";
 import { CloudUploadOutline } from "mdi-material-ui";
 import { Box } from "@mui/system";
 import { useContext } from "react";

package/src/views/genericTable/template/addTemplate.js

@@ -20,7 +20,7 @@ import Box from '@mui/material/Box'
 import {Close} from 'mdi-material-ui'
 import {useEffect, useState} from 'react'
 import {useForm} from 'react-hook-form'
-import {BaseURL, Endpoints, Services} from 'src/services/Endpoints'
+import {Endpoints, Services} from 'src/services/Endpoints'
 
 // ** Third Party Imports