dirk-cfx-react 1.1.38 → 1.1.40

package/dist/providers/index.cjs

@@ -142,7 +142,38 @@ var theme = core.createTheme({
   }
 });
 var theme_default = theme;
+
+// src/utils/misc.ts
+var isEnvBrowser = () => !window.invokeNative;
+
+// src/utils/fetchNui.ts
+async function fetchNui(eventName, data, mockData) {
+  const options = {
+    method: "post",
+    headers: {
+      "Content-Type": "application/json; charset=UTF-8"
+    },
+    body: JSON.stringify(data)
+  };
+  if (isEnvBrowser() && mockData === void 0) {
+    console.warn(
+      `[fetchNui] Called fetchNui for event "${eventName}" in browser environment without mockData. Returning empty object.`
+    );
+    return {};
+  }
+  const overrideResourceName = useSettings.getState().overideResourceName;
+  const resourceName = window.GetParentResourceName ? window.GetParentResourceName() : overrideResourceName ? overrideResourceName : "dirk-cfx-react";
+  const resp = await fetch(`https://${resourceName}/${eventName}`, options);
+  return await resp.json();
+}
+async function registerInitialFetch(eventName, data, mockData) {
+  const fetcher = () => fetchNui(eventName, data, mockData);
+  return fetcher();
+}
+
+// src/utils/useSettings.ts
 var useSettings = zustand.create(() => ({
+  currency: "$",
   game: "fivem",
   primaryColor: "dirk",
   primaryShade: 9,
@@ -160,6 +191,15 @@ var useSettings = zustand.create(() => ({
     "#0b33ff"
   ]
 }));
+registerInitialFetch("GET_SETTINGS", void 0).then((data) => {
+  if (!data) {
+    console.warn("No settings data received from GET_SETTINGS fetch.");
+    return;
+  }
+  useSettings.setState({
+    ...data
+  });
+});
 
 // src/utils/mergeMantineTheme.ts
 var isValidColorScale = (v) => Array.isArray(v) && v.length === 10 && v.every((shade) => typeof shade === "string");
@@ -199,32 +239,6 @@ var DirkErrorBoundary = class extends React__default.default.Component {
     ] });
   }
 };
-
-// src/utils/misc.ts
-var isEnvBrowser = () => !window.invokeNative;
-
-// src/utils/fetchNui.ts
-async function fetchNui(eventName, data, mockData) {
-  const options = {
-    method: "post",
-    headers: {
-      "Content-Type": "application/json; charset=UTF-8"
-    },
-    body: JSON.stringify(data)
-  };
-  if (isEnvBrowser() && mockData === void 0) {
-    console.warn(
-      `[fetchNui] Called fetchNui for event "${eventName}" in browser environment without mockData. Returning empty object.`
-    );
-    return {};
-  }
-  const overrideResourceName = useSettings.getState().overideResourceName;
-  const resourceName = window.GetParentResourceName ? window.GetParentResourceName() : overrideResourceName ? overrideResourceName : "dirk-cfx-react";
-  console.log(`[fetchNui] Sending event "${eventName}" to resource "${resourceName}" with data:`, data);
-  const resp = await fetch(`https://${resourceName}/${eventName}`, options);
-  console.log(`[fetchNui] Received response for event "${eventName}":`, resp);
-  return await resp.json();
-}
 fontawesomeSvgCore.library.add(freeSolidSvgIcons.fas, freeRegularSvgIcons.far, freeBrandsSvgIcons.fab);
 function DirkProvider({ children, overideResourceName, themeOverride }) {
   const {

package/dist/providers/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/theme.ts","../../src/utils/useSettings.ts","../../src/utils/mergeMantineTheme.ts","../../src/providers/DirkErrorBoundary.tsx","../../src/utils/misc.ts","../../src/utils/fetchNui.ts","../../src/providers/DirkProvider.tsx"],"names":["createTheme","theme","create","React","error","jsxs","Box","jsx","Text","Code","library","fas","far","fab","useLayoutEffect","useEffect","useMemo","BackgroundImage","MantineProvider"],"mappings":"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","file":"index.cjs","sourcesContent":["import { ColorInput, createTheme, MantineTheme, MultiSelect, NumberInput, TextInput } from \"@mantine/core\";\r\n\r\nexport const label = {\r\n  fontSize: 'var(--mantine-font-size-xs)',\r\n  fontFamily: 'Akrobat Bold',\r\n  letterSpacing: '0.05em',\r\n  textTransform: 'uppercase', \r\n};\r\nexport const error = {\r\n  fontSize: 'var(--mantine-font-size-xs)',\r\n  fontFamily: 'Akrobat Regular',\r\n};\r\nexport const description = {\r\n  fontSize: 'var(--mantine-font-size-xs)',\r\n};\r\n\r\nexport const genericInputStyles = {\r\n  styles: {\r\n    label: label,\r\n    error: error,\r\n    description: description,\r\n    \r\n    input:{\r\n      backgroundColor: 'rgba(76, 76, 76, 0.3)', \r\n      minHeight: '4vh',\r\n    },\r\n  },\r\n};\r\n\r\nconst theme = createTheme({\r\n  primaryColor: \"dirk\",\r\n  primaryShade: 9,\r\n  defaultRadius: \"xs\",\r\n  fontFamily: \"Akrobat Regular, sans-serif\",\r\n\r\n  radius:{\r\n    xxs: '0.3vh',\r\n    xs: '0.5vh',\r\n    sm: '0.75vh',\r\n    md: '1vh',\r\n    lg: '1.5vh',\r\n    xl: '2vh',\r\n    xxl: '3vh',\r\n  },\r\n\r\n  fontSizes: {\r\n    xxs: '1.2vh',\r\n    xs: '1.5vh',\r\n    sm: '1.8vh',\r\n    md: '2.2vh',\r\n    lg: '2.8vh',\r\n    xl: '3.3vh',\r\n    xxl: '3.8vh',\r\n  },\r\n\r\n  lineHeights: {\r\n    xxs: '1.4vh',\r\n    xs: '1.8vh',\r\n    sm: '2.2vh',\r\n    md: '2.8vh',\r\n    lg: '3.3vh',\r\n    xl: '3.8vh',\r\n  },\r\n\r\n  spacing:{\r\n    xxs: '0.5vh',\r\n    xs: '0.75vh',\r\n    sm: '1.5vh',\r\n    md: '2vh',\r\n    lg: '3vh',\r\n    xl: '4vh',\r\n    xxl: '5vh',\r\n  },\r\n\r\n  components:{\r\n    Progress:{\r\n      styles:{\r\n        label: {\r\n          fontFamily: 'Akrobat Bold',\r\n          letterSpacing: '0.05em',\r\n          textTransform: 'uppercase', \r\n        },\r\n\r\n        root:{\r\n          backgroundColor: 'rgba(77, 77, 77, 0.4)',\r\n        },\r\n        \r\n      }\r\n    },\r\n    \r\n    \r\n    Input:  genericInputStyles,\r\n    TextInput: genericInputStyles,\r\n    NumberInput: genericInputStyles,\r\n    Select: genericInputStyles,\r\n    MultiSelect:  genericInputStyles, \r\n    Textarea: genericInputStyles,\r\n    ColorInput: genericInputStyles,\r\n    DateInput: genericInputStyles,\r\n\r\n    Pill: {\r\n      styles: (theme: MantineTheme) => ({\r\n        root: {\r\n          display: 'inline-flex',\r\n          alignItems: 'center',\r\n          justifyContent: 'space-between',\r\n          backgroundColor: 'rgba(76, 76, 76, 0.3)',\r\n          height: 'fit-content',\r\n          textTransform: 'uppercase',\r\n          letterSpacing: '0.05em',\r\n          fontFamily: 'Akrobat Bold',\r\n          fontSize: '1.25vh',\r\n          borderRadius: theme.defaultRadius,\r\n          paddingBottom: '0.5vh',\r\n          paddingTop: '0.5vh',\r\n        }\r\n      })\r\n    },\r\n\r\n  },\r\n\r\n  colors: {\r\n\r\n    dirk:[\r\n      \"#ffffff\",\r\n      \"#f3fce9\",\r\n      \"#dbf5bd\",\r\n      \"#c3ee91\",\r\n      \"#ace765\",\r\n      \"#94e039\",\r\n      \"#7ac61f\",\r\n      \"#5f9a18\",\r\n      \"#29420a\",\r\n      \"#446e11\",\r\n    ],\r\n  },\r\n});\r\n\r\n\r\nexport default theme;","import { create } from \"zustand\";\r\nimport { registerInitialFetch } from \"./fetchNui\";\r\nimport { MantineColorsTuple } from \"@mantine/core\";\r\n\r\nexport type SettingsState = {\r\n  game: \"fivem\" | \"rdr3\";\r\n  primaryColor: string;\r\n  primaryShade: number;\r\n  itemImgPath: string;\r\n  customTheme?: MantineColorsTuple;\r\n  overideResourceName?: string;\r\n};\r\n\r\nexport const useSettings = create<SettingsState>(() => ({\r\n  game: \"fivem\",\r\n  primaryColor: \"dirk\",\r\n  primaryShade: 9,\r\n  itemImgPath: \"\",\r\n  customTheme: [\r\n    \"#f0f4ff\",\r\n    \"#d9e3ff\",\r\n    \"#bfcfff\",\r\n    \"#a6bbff\",\r\n    \"#8ca7ff\",\r\n    \"#7393ff\",\r\n    \"#5a7fff\",\r\n    \"#406bff\",\r\n    \"#2547ff\",\r\n    \"#0b33ff\",\r\n  ],\r\n}));\r\n\r\n// registerInitialFetch<Partial<SettingsState>>('GET_SETTINGS', undefined).then((data) => {\r\n//   console.log('Fetched settings:', data);\r\n//     if (!data) {\r\n//       console.warn('No settings data received from GET_SETTINGS fetch.');\r\n//       return;\r\n//     }\r\n//     useSettings.setState({\r\n//       ...data,\r\n//     });\r\n// })\r\n","import type { MantineColorsTuple, MantineThemeOverride } from \"@mantine/core\";\r\n\r\nconst isValidColorScale = (v: unknown): v is MantineColorsTuple =>\r\n  Array.isArray(v) && v.length === 10 && v.every((shade) => typeof shade === \"string\");\r\n\r\nexport function mergeMantineThemeSafe(\r\n  base: MantineThemeOverride,\r\n  custom?: MantineColorsTuple,\r\n  override?: MantineThemeOverride\r\n): MantineThemeOverride {\r\n  const colors = { ...base.colors };\r\n\r\n  if (custom && isValidColorScale(custom)) {\r\n    colors[\"custom\"] = custom;\r\n  } \r\n\r\n  return {\r\n    ...base,\r\n    ...override,\r\n    colors: {\r\n      ...colors,\r\n      ...(override?.colors ?? {}),\r\n    },\r\n  };\r\n}\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport { Box, Code, Text } from \"@mantine/core\";\r\n\r\nexport class DirkErrorBoundary extends React.Component<\r\n  { children: React.ReactNode },\r\n  { error: Error | null }\r\n> {\r\n  state: { error: Error | null } = { error: null };\r\n\r\n  static getDerivedStateFromError(error: Error) {\r\n    return { error };\r\n  }\r\n\r\n  componentDidCatch(error: Error, info: React.ErrorInfo) {\r\n    console.group(\"🔥 Dirk UI Crash\");\r\n    console.error(error);\r\n    console.error(info.componentStack);\r\n    console.groupEnd();\r\n  }\r\n\r\n  render() {\r\n    if (!this.state.error) return this.props.children;\r\n\r\n    return (\r\n      <Box p=\"md\" bg=\"dark.8\">\r\n        <Text c=\"red\" fw={600}>UI crashed</Text>\r\n        <Code block mt=\"sm\">{this.state.error.message}</Code>\r\n      </Box>\r\n    );\r\n  }\r\n}\r\n","export const isEnvBrowser = (): boolean => !(window as any).invokeNative;\r\n\r\n// Basic no operation function\r\nexport const noop = () => {};\r\n\r\nexport const splitFAString = (faString:string) => {\r\n  const [prefix, newIcon] = faString.split('-');\r\n  if (!prefix || !newIcon) return {prefix: 'fas', newIcon: 'question'};\r\n  return {prefix, newIcon};\r\n}\r\n\r\nexport const numberToRoman = (num:number) => {\r\n  const romanNumerals = ['I', 'II', 'III', 'IV', 'V', 'VI', 'VII', 'VIII', 'IX', 'X', 'XI', 'XII', 'XIII', 'XIV', 'XV', 'XVI', 'XVII', 'XVIII', 'XIX', 'XX']  \r\n  return romanNumerals[num]\r\n}\r\n\r\nexport const copyToClipboard = (text:string) => {\r\n  const el = document.createElement('textarea');\r\n  el.value = text;\r\n  document.body.appendChild(el);\r\n  el.select();\r\n  document.execCommand('copy');\r\n  document.body.removeChild(el);\r\n}\r\n\r\nexport const openLink = (url:string) => {\r\n  if (isEnvBrowser()) {\r\n    window.open(url, '_blank');\r\n  } else {\r\n    // @ts-expect-error -- invokeNative exists in NUI\r\n    window.invokeNative('openLink', url);\r\n  } \r\n}","import { useEffect } from \"react\";\r\nimport { isEnvBrowser } from \"./misc\";\r\nimport { useSettings } from \"./useSettings\";\r\n\r\n/**\r\n * Simple wrapper around fetch API tailored for CEF/NUI use.\r\n */\r\nexport async function fetchNui<T = unknown>(\r\n  eventName: string,\r\n  data?: unknown,\r\n  mockData?: T,\r\n): Promise<T> {\r\n  const options = {\r\n    method: \"post\",\r\n    headers: {\r\n      \"Content-Type\": \"application/json; charset=UTF-8\",\r\n    },\r\n    body: JSON.stringify(data),\r\n  };\r\n\r\n  if (isEnvBrowser() && mockData !== undefined) return mockData;\r\n  if (isEnvBrowser() && mockData === undefined) {\r\n    console.warn(\r\n      `[fetchNui] Called fetchNui for event \"${eventName}\" in browser environment without mockData. Returning empty object.`,\r\n    );\r\n    return {} as T;\r\n  }\r\n\r\n  const overrideResourceName = useSettings.getState().overideResourceName;\r\n\r\n  const resourceName = (window as any).GetParentResourceName\r\n    ? (window as any).GetParentResourceName()\r\n    : overrideResourceName ? overrideResourceName : \"dirk-cfx-react\";\r\n  console.log(`[fetchNui] Sending event \"${eventName}\" to resource \"${resourceName}\" with data:`, data);\r\n  const resp = await fetch(`https://${resourceName}/${eventName}`, options);\r\n  console.log(`[fetchNui] Received response for event \"${eventName}\":`, resp);\r\n  return await resp.json();\r\n}\r\n\r\n// -----------------------------\r\n// Initial fetch registration\r\n// -----------------------------\r\nexport type InitialFetch<T> = () => Promise<T>;\r\nexport const initialFetches: Record<string, InitialFetch<unknown>> = {};\r\n\r\n/**\r\n * Registers an initial fetch that automatically uses fetchNui.\r\n * Works like:\r\n * ```ts\r\n * registerInitialFetch<{ name: string }>(\"MY_EVENT_NAME\", undefined, { name: \"Mocky\" });\r\n * ```\r\n * and returns a Promise resolving to the same type as fetchNui.\r\n */\r\nexport async function registerInitialFetch<T = unknown>(\r\n  eventName: string,\r\n  data?: unknown,\r\n  mockData?: T,\r\n): Promise<T> {\r\n  const fetcher = () => fetchNui<T>(eventName, data, mockData);\r\n  initialFetches[eventName] = fetcher;\r\n  return fetcher(); // run immediately if needed\r\n}\r\n\r\n/**\r\n * Runs all registered initial fetches in parallel.\r\n */\r\nexport async function runFetches() {\r\n  return Promise.all(\r\n    Object.entries(initialFetches).map(async ([eventName, fetcher]) => {\r\n      const data = await fetcher();\r\n      return { eventName, data };\r\n    }),\r\n  );\r\n}\r\n\r\n/**\r\n * React hook to automatically run all registered fetches on mount.\r\n */\r\nexport const useAutoFetcher = () => {\r\n  useEffect(() => {\r\n    if (isEnvBrowser()) return;\r\n    const run = async () => {\r\n      const results = await runFetches();\r\n    };\r\n    run();\r\n  }, []);\r\n};\r\n\r\n\r\nexport const fetchLuaTable = <T>(tableName: string, mockData?: T): Promise<T> => {  \r\n  return fetchNui<T>('FETCH_LUA_TABLE', { tableName }, mockData);\r\n} \r\n\r\nexport const registerInitialLuaTableFetch = <T>(tableName: string, mockData?: T): Promise<T> => { \r\n  return registerInitialFetch<T>('FETCH_LUA_TABLE', { tableName }, mockData);\r\n} \r\n\r\n\r\n\r\n// useage example:\r\n// registerInitialLuaTableFetch<{ [key: string]: string }>('my_lua_table', { key1: 'value1', key2: 'value2' }); \r\n","\"use client\";\r\n\r\nimport \"@mantine/core/styles.css\";\r\nimport \"@mantine/notifications/styles.css\";\r\nimport './styles/notify.css';\r\nimport './styles/fonts.css';\r\nimport './styles/scrollBar.css';\r\nimport './styles/tornEdge.css';\r\n\r\n\r\nimport { library } from \"@fortawesome/fontawesome-svg-core\";\r\nimport { fab } from \"@fortawesome/free-brands-svg-icons\";\r\nimport { far } from \"@fortawesome/free-regular-svg-icons\";\r\nimport { fas } from \"@fortawesome/free-solid-svg-icons\";\r\nlibrary.add(fas, far, fab);\r\n\r\nimport { MantineProvider, BackgroundImage, MantineColorShade } from \"@mantine/core\";\r\nimport { useMemo, useEffect, useLayoutEffect } from \"react\";\r\nimport theme from \"@/theme\";\r\n\r\nimport { SettingsState, useSettings } from \"@/utils/useSettings\";\r\nimport { mergeMantineThemeSafe } from \"@/utils/mergeMantineTheme\";\r\nimport { DirkErrorBoundary } from \"./DirkErrorBoundary\";\r\nimport { fetchNui, isEnvBrowser } from \"@/utils\";\r\n\r\nexport type DirkProviderProps = {\r\n  children: React.ReactNode;\r\n  overideResourceName?: string;\r\n  themeOverride?: any;\r\n};\r\n\r\nexport function DirkProvider({ children, overideResourceName, themeOverride }: DirkProviderProps) {\r\n  const {\r\n    primaryColor,\r\n    primaryShade,\r\n    customTheme,\r\n    game,\r\n  } = useSettings();\r\n\r\n  useLayoutEffect(() => {\r\n    useSettings.setState({\r\n      overideResourceName,\r\n    });\r\n  }, [overideResourceName]);\r\n\r\n  useEffect(() => {\r\n    fetchNui<Partial<SettingsState>>('GET_SETTINGS').then((data) => {\r\n      useSettings.setState({\r\n        ...data,\r\n      });\r\n    }).catch((err) => {\r\n      console.error(\"Failed to fetch initial settings within dirk-cfx-react:\", err);\r\n    });\r\n  }, []);\r\n\r\n  // 🚫 do not render until state is stable\r\n\r\n  const mergedTheme = useMemo(\r\n    () =>\r\n      mergeMantineThemeSafe(\r\n        { ...theme, primaryColor, primaryShade: primaryShade as MantineColorShade },\r\n        customTheme,\r\n        themeOverride\r\n      ),\r\n    [primaryColor, primaryShade, customTheme, themeOverride]\r\n  );\r\n\r\n  useEffect(() => {\r\n    document.body.style.fontFamily =\r\n      game === \"rdr3\"\r\n        ? '\"Red Dead\", sans-serif'\r\n        : '\"Akrobat Regular\", sans-serif';\r\n  }, [game]);\r\n\r\n  const content = isEnvBrowser() ? (\r\n    <BackgroundImage\r\n      w=\"100vw\"\r\n      h=\"100vh\"\r\n      src={game === \"fivem\"\r\n        ? \"https://i.ytimg.com/vi/TOxuNbXrO28/maxresdefault.jpg\"\r\n        : \"https://raw.githubusercontent.com/Jump-On-Studios/RedM-jo_libs/refs/heads/main/source-repositories/Menu/public/assets/images/background_dev.jpg\"}\r\n    >\r\n      {children}\r\n    </BackgroundImage>\r\n  ) : (\r\n    children\r\n  );\r\n\r\n  return (\r\n    <DirkErrorBoundary>\r\n      <MantineProvider theme={mergedTheme} defaultColorScheme=\"dark\">\r\n        {content}\r\n      </MantineProvider>\r\n    </DirkErrorBoundary>\r\n  );\r\n}\r\n"]}
+{"version":3,"sources":["../../src/theme.ts","../../src/utils/misc.ts","../../src/utils/fetchNui.ts","../../src/utils/useSettings.ts","../../src/utils/mergeMantineTheme.ts","../../src/providers/DirkErrorBoundary.tsx","../../src/providers/DirkProvider.tsx"],"names":["createTheme","theme","create","React","error","jsxs","Box","jsx","Text","Code","library","fas","far","fab","useLayoutEffect","useEffect","useMemo","BackgroundImage","MantineProvider"],"mappings":"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","file":"index.cjs","sourcesContent":["import { ColorInput, createTheme, MantineTheme, MultiSelect, NumberInput, TextInput } from \"@mantine/core\";\r\n\r\nexport const label = {\r\n  fontSize: 'var(--mantine-font-size-xs)',\r\n  fontFamily: 'Akrobat Bold',\r\n  letterSpacing: '0.05em',\r\n  textTransform: 'uppercase', \r\n};\r\nexport const error = {\r\n  fontSize: 'var(--mantine-font-size-xs)',\r\n  fontFamily: 'Akrobat Regular',\r\n};\r\nexport const description = {\r\n  fontSize: 'var(--mantine-font-size-xs)',\r\n};\r\n\r\nexport const genericInputStyles = {\r\n  styles: {\r\n    label: label,\r\n    error: error,\r\n    description: description,\r\n    \r\n    input:{\r\n      backgroundColor: 'rgba(76, 76, 76, 0.3)', \r\n      minHeight: '4vh',\r\n    },\r\n  },\r\n};\r\n\r\nconst theme = createTheme({\r\n  primaryColor: \"dirk\",\r\n  primaryShade: 9,\r\n  defaultRadius: \"xs\",\r\n  fontFamily: \"Akrobat Regular, sans-serif\",\r\n\r\n  radius:{\r\n    xxs: '0.3vh',\r\n    xs: '0.5vh',\r\n    sm: '0.75vh',\r\n    md: '1vh',\r\n    lg: '1.5vh',\r\n    xl: '2vh',\r\n    xxl: '3vh',\r\n  },\r\n\r\n  fontSizes: {\r\n    xxs: '1.2vh',\r\n    xs: '1.5vh',\r\n    sm: '1.8vh',\r\n    md: '2.2vh',\r\n    lg: '2.8vh',\r\n    xl: '3.3vh',\r\n    xxl: '3.8vh',\r\n  },\r\n\r\n  lineHeights: {\r\n    xxs: '1.4vh',\r\n    xs: '1.8vh',\r\n    sm: '2.2vh',\r\n    md: '2.8vh',\r\n    lg: '3.3vh',\r\n    xl: '3.8vh',\r\n  },\r\n\r\n  spacing:{\r\n    xxs: '0.5vh',\r\n    xs: '0.75vh',\r\n    sm: '1.5vh',\r\n    md: '2vh',\r\n    lg: '3vh',\r\n    xl: '4vh',\r\n    xxl: '5vh',\r\n  },\r\n\r\n  components:{\r\n    Progress:{\r\n      styles:{\r\n        label: {\r\n          fontFamily: 'Akrobat Bold',\r\n          letterSpacing: '0.05em',\r\n          textTransform: 'uppercase', \r\n        },\r\n\r\n        root:{\r\n          backgroundColor: 'rgba(77, 77, 77, 0.4)',\r\n        },\r\n        \r\n      }\r\n    },\r\n    \r\n    \r\n    Input:  genericInputStyles,\r\n    TextInput: genericInputStyles,\r\n    NumberInput: genericInputStyles,\r\n    Select: genericInputStyles,\r\n    MultiSelect:  genericInputStyles, \r\n    Textarea: genericInputStyles,\r\n    ColorInput: genericInputStyles,\r\n    DateInput: genericInputStyles,\r\n\r\n    Pill: {\r\n      styles: (theme: MantineTheme) => ({\r\n        root: {\r\n          display: 'inline-flex',\r\n          alignItems: 'center',\r\n          justifyContent: 'space-between',\r\n          backgroundColor: 'rgba(76, 76, 76, 0.3)',\r\n          height: 'fit-content',\r\n          textTransform: 'uppercase',\r\n          letterSpacing: '0.05em',\r\n          fontFamily: 'Akrobat Bold',\r\n          fontSize: '1.25vh',\r\n          borderRadius: theme.defaultRadius,\r\n          paddingBottom: '0.5vh',\r\n          paddingTop: '0.5vh',\r\n        }\r\n      })\r\n    },\r\n\r\n  },\r\n\r\n  colors: {\r\n\r\n    dirk:[\r\n      \"#ffffff\",\r\n      \"#f3fce9\",\r\n      \"#dbf5bd\",\r\n      \"#c3ee91\",\r\n      \"#ace765\",\r\n      \"#94e039\",\r\n      \"#7ac61f\",\r\n      \"#5f9a18\",\r\n      \"#29420a\",\r\n      \"#446e11\",\r\n    ],\r\n  },\r\n});\r\n\r\n\r\nexport default theme;","export const isEnvBrowser = (): boolean => !(window as any).invokeNative;\r\n\r\n// Basic no operation function\r\nexport const noop = () => {};\r\n\r\nexport const splitFAString = (faString:string) => {\r\n  const [prefix, newIcon] = faString.split('-');\r\n  if (!prefix || !newIcon) return {prefix: 'fas', newIcon: 'question'};\r\n  return {prefix, newIcon};\r\n}\r\n\r\nexport const numberToRoman = (num:number) => {\r\n  const romanNumerals = ['I', 'II', 'III', 'IV', 'V', 'VI', 'VII', 'VIII', 'IX', 'X', 'XI', 'XII', 'XIII', 'XIV', 'XV', 'XVI', 'XVII', 'XVIII', 'XIX', 'XX']  \r\n  return romanNumerals[num]\r\n}\r\n\r\nexport const copyToClipboard = (text:string) => {\r\n  const el = document.createElement('textarea');\r\n  el.value = text;\r\n  document.body.appendChild(el);\r\n  el.select();\r\n  document.execCommand('copy');\r\n  document.body.removeChild(el);\r\n}\r\n\r\nexport const openLink = (url:string) => {\r\n  if (isEnvBrowser()) {\r\n    window.open(url, '_blank');\r\n  } else {\r\n    // @ts-expect-error -- invokeNative exists in NUI\r\n    window.invokeNative('openLink', url);\r\n  } \r\n}","import { useEffect } from \"react\";\r\nimport { isEnvBrowser } from \"./misc\";\r\nimport { useSettings } from \"./useSettings\";\r\n\r\n/**\r\n * Simple wrapper around fetch API tailored for CEF/NUI use.\r\n */\r\nexport async function fetchNui<T = unknown>(\r\n  eventName: string,\r\n  data?: unknown,\r\n  mockData?: T,\r\n): Promise<T> {\r\n  const options = {\r\n    method: \"post\",\r\n    headers: {\r\n      \"Content-Type\": \"application/json; charset=UTF-8\",\r\n    },\r\n    body: JSON.stringify(data),\r\n  };\r\n\r\n  if (isEnvBrowser() && mockData !== undefined) return mockData;\r\n  if (isEnvBrowser() && mockData === undefined) {\r\n    console.warn(\r\n      `[fetchNui] Called fetchNui for event \"${eventName}\" in browser environment without mockData. Returning empty object.`,\r\n    );\r\n    return {} as T;\r\n  }\r\n\r\n  const overrideResourceName = useSettings.getState().overideResourceName;\r\n\r\n  const resourceName = (window as any).GetParentResourceName\r\n    ? (window as any).GetParentResourceName()\r\n    : overrideResourceName ? overrideResourceName : \"dirk-cfx-react\";\r\n  const resp = await fetch(`https://${resourceName}/${eventName}`, options);\r\n  return await resp.json();\r\n}\r\n\r\n// -----------------------------\r\n// Initial fetch registration\r\n// -----------------------------\r\nexport type InitialFetch<T> = () => Promise<T>;\r\nexport const initialFetches: Record<string, InitialFetch<unknown>> = {};\r\n\r\n/**\r\n * Registers an initial fetch that automatically uses fetchNui.\r\n * Works like:\r\n * ```ts\r\n * registerInitialFetch<{ name: string }>(\"MY_EVENT_NAME\", undefined, { name: \"Mocky\" });\r\n * ```\r\n * and returns a Promise resolving to the same type as fetchNui.\r\n */\r\nexport async function registerInitialFetch<T = unknown>(\r\n  eventName: string,\r\n  data?: unknown,\r\n  mockData?: T,\r\n): Promise<T> {\r\n  const fetcher = () => fetchNui<T>(eventName, data, mockData);\r\n  initialFetches[eventName] = fetcher;\r\n  return fetcher(); // run immediately if needed\r\n}\r\n\r\n/**\r\n * Runs all registered initial fetches in parallel.\r\n */\r\nexport async function runFetches() {\r\n  return Promise.all(\r\n    Object.entries(initialFetches).map(async ([eventName, fetcher]) => {\r\n      const data = await fetcher();\r\n      return { eventName, data };\r\n    }),\r\n  );\r\n}\r\n\r\n/**\r\n * React hook to automatically run all registered fetches on mount.\r\n */\r\nexport const useAutoFetcher = () => {\r\n  useEffect(() => {\r\n    if (isEnvBrowser()) return;\r\n    const run = async () => {\r\n      const results = await runFetches();\r\n    };\r\n    run();\r\n  }, []);\r\n};\r\n\r\n\r\nexport const fetchLuaTable = <T>(tableName: string, mockData?: T): Promise<T> => {  \r\n  return fetchNui<T>('FETCH_LUA_TABLE', { tableName }, mockData);\r\n} \r\n\r\nexport const registerInitialLuaTableFetch = <T>(tableName: string, mockData?: T): Promise<T> => { \r\n  return registerInitialFetch<T>('FETCH_LUA_TABLE', { tableName }, mockData);\r\n} \r\n\r\n\r\n\r\n// useage example:\r\n// registerInitialLuaTableFetch<{ [key: string]: string }>('my_lua_table', { key1: 'value1', key2: 'value2' }); \r\n","import { create } from \"zustand\";\r\nimport { registerInitialFetch } from \"./fetchNui\";\r\nimport { MantineColorsTuple } from \"@mantine/core\";\r\n\r\nexport type SettingsState = {\r\n  game: \"fivem\" | \"rdr3\";\r\n  currency: string;\r\n  primaryColor: string;\r\n  primaryShade: number;\r\n  itemImgPath: string;\r\n  customTheme?: MantineColorsTuple;\r\n  overideResourceName?: string;\r\n};\r\n\r\nexport const useSettings = create<SettingsState>(() => ({\r\n  currency: \"$\",\r\n  game: \"fivem\",\r\n  primaryColor: \"dirk\",\r\n  primaryShade: 9,\r\n  itemImgPath: \"\",\r\n  customTheme: [\r\n    \"#f0f4ff\",\r\n    \"#d9e3ff\",\r\n    \"#bfcfff\",\r\n    \"#a6bbff\",\r\n    \"#8ca7ff\",\r\n    \"#7393ff\",\r\n    \"#5a7fff\",\r\n    \"#406bff\",\r\n    \"#2547ff\",\r\n    \"#0b33ff\",\r\n  ],\r\n}));\r\n\r\nregisterInitialFetch<Partial<SettingsState>>('GET_SETTINGS', undefined).then((data) => {\r\n    if (!data) {\r\n      console.warn('No settings data received from GET_SETTINGS fetch.');\r\n      return;\r\n    }\r\n    useSettings.setState({\r\n      ...data,\r\n    });\r\n})\r\n","import type { MantineColorsTuple, MantineThemeOverride } from \"@mantine/core\";\r\n\r\nconst isValidColorScale = (v: unknown): v is MantineColorsTuple =>\r\n  Array.isArray(v) && v.length === 10 && v.every((shade) => typeof shade === \"string\");\r\n\r\nexport function mergeMantineThemeSafe(\r\n  base: MantineThemeOverride,\r\n  custom?: MantineColorsTuple,\r\n  override?: MantineThemeOverride\r\n): MantineThemeOverride {\r\n  const colors = { ...base.colors };\r\n\r\n  if (custom && isValidColorScale(custom)) {\r\n    colors[\"custom\"] = custom;\r\n  } \r\n\r\n  return {\r\n    ...base,\r\n    ...override,\r\n    colors: {\r\n      ...colors,\r\n      ...(override?.colors ?? {}),\r\n    },\r\n  };\r\n}\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport { Box, Code, Text } from \"@mantine/core\";\r\n\r\nexport class DirkErrorBoundary extends React.Component<\r\n  { children: React.ReactNode },\r\n  { error: Error | null }\r\n> {\r\n  state: { error: Error | null } = { error: null };\r\n\r\n  static getDerivedStateFromError(error: Error) {\r\n    return { error };\r\n  }\r\n\r\n  componentDidCatch(error: Error, info: React.ErrorInfo) {\r\n    console.group(\"🔥 Dirk UI Crash\");\r\n    console.error(error);\r\n    console.error(info.componentStack);\r\n    console.groupEnd();\r\n  }\r\n\r\n  render() {\r\n    if (!this.state.error) return this.props.children;\r\n\r\n    return (\r\n      <Box p=\"md\" bg=\"dark.8\">\r\n        <Text c=\"red\" fw={600}>UI crashed</Text>\r\n        <Code block mt=\"sm\">{this.state.error.message}</Code>\r\n      </Box>\r\n    );\r\n  }\r\n}\r\n","\"use client\";\r\n\r\nimport \"@mantine/core/styles.css\";\r\nimport \"@mantine/notifications/styles.css\";\r\nimport './styles/notify.css';\r\nimport './styles/fonts.css';\r\nimport './styles/scrollBar.css';\r\nimport './styles/tornEdge.css';\r\n\r\n\r\nimport { library } from \"@fortawesome/fontawesome-svg-core\";\r\nimport { fab } from \"@fortawesome/free-brands-svg-icons\";\r\nimport { far } from \"@fortawesome/free-regular-svg-icons\";\r\nimport { fas } from \"@fortawesome/free-solid-svg-icons\";\r\nlibrary.add(fas, far, fab);\r\n\r\nimport { MantineProvider, BackgroundImage, MantineColorShade } from \"@mantine/core\";\r\nimport { useMemo, useEffect, useLayoutEffect } from \"react\";\r\nimport theme from \"@/theme\";\r\n\r\nimport { SettingsState, useSettings } from \"@/utils/useSettings\";\r\nimport { mergeMantineThemeSafe } from \"@/utils/mergeMantineTheme\";\r\nimport { DirkErrorBoundary } from \"./DirkErrorBoundary\";\r\nimport { fetchNui, isEnvBrowser } from \"@/utils\";\r\n\r\nexport type DirkProviderProps = {\r\n  children: React.ReactNode;\r\n  overideResourceName?: string;\r\n  themeOverride?: any;\r\n};\r\n\r\nexport function DirkProvider({ children, overideResourceName, themeOverride }: DirkProviderProps) {\r\n  const {\r\n    primaryColor,\r\n    primaryShade,\r\n    customTheme,\r\n    game,\r\n  } = useSettings();\r\n\r\n  useLayoutEffect(() => {\r\n    useSettings.setState({\r\n      overideResourceName,\r\n    });\r\n  }, [overideResourceName]);\r\n\r\n  useEffect(() => {\r\n    fetchNui<Partial<SettingsState>>('GET_SETTINGS').then((data) => {\r\n      useSettings.setState({\r\n        ...data,\r\n      });\r\n    }).catch((err) => {\r\n      console.error(\"Failed to fetch initial settings within dirk-cfx-react:\", err);\r\n    });\r\n  }, []);\r\n\r\n  // 🚫 do not render until state is stable\r\n\r\n  const mergedTheme = useMemo(\r\n    () =>\r\n      mergeMantineThemeSafe(\r\n        { ...theme, primaryColor, primaryShade: primaryShade as MantineColorShade },\r\n        customTheme,\r\n        themeOverride\r\n      ),\r\n    [primaryColor, primaryShade, customTheme, themeOverride]\r\n  );\r\n\r\n  useEffect(() => {\r\n    document.body.style.fontFamily =\r\n      game === \"rdr3\"\r\n        ? '\"Red Dead\", sans-serif'\r\n        : '\"Akrobat Regular\", sans-serif';\r\n  }, [game]);\r\n\r\n  const content = isEnvBrowser() ? (\r\n    <BackgroundImage\r\n      w=\"100vw\"\r\n      h=\"100vh\"\r\n      src={game === \"fivem\"\r\n        ? \"https://i.ytimg.com/vi/TOxuNbXrO28/maxresdefault.jpg\"\r\n        : \"https://raw.githubusercontent.com/Jump-On-Studios/RedM-jo_libs/refs/heads/main/source-repositories/Menu/public/assets/images/background_dev.jpg\"}\r\n    >\r\n      {children}\r\n    </BackgroundImage>\r\n  ) : (\r\n    children\r\n  );\r\n\r\n  return (\r\n    <DirkErrorBoundary>\r\n      <MantineProvider theme={mergedTheme} defaultColorScheme=\"dark\">\r\n        {content}\r\n      </MantineProvider>\r\n    </DirkErrorBoundary>\r\n  );\r\n}\r\n"]}

package/dist/providers/index.js

@@ -136,7 +136,38 @@ var theme = createTheme({
   }
 });
 var theme_default = theme;
+
+// src/utils/misc.ts
+var isEnvBrowser = () => !window.invokeNative;
+
+// src/utils/fetchNui.ts
+async function fetchNui(eventName, data, mockData) {
+  const options = {
+    method: "post",
+    headers: {
+      "Content-Type": "application/json; charset=UTF-8"
+    },
+    body: JSON.stringify(data)
+  };
+  if (isEnvBrowser() && mockData === void 0) {
+    console.warn(
+      `[fetchNui] Called fetchNui for event "${eventName}" in browser environment without mockData. Returning empty object.`
+    );
+    return {};
+  }
+  const overrideResourceName = useSettings.getState().overideResourceName;
+  const resourceName = window.GetParentResourceName ? window.GetParentResourceName() : overrideResourceName ? overrideResourceName : "dirk-cfx-react";
+  const resp = await fetch(`https://${resourceName}/${eventName}`, options);
+  return await resp.json();
+}
+async function registerInitialFetch(eventName, data, mockData) {
+  const fetcher = () => fetchNui(eventName, data, mockData);
+  return fetcher();
+}
+
+// src/utils/useSettings.ts
 var useSettings = create(() => ({
+  currency: "$",
   game: "fivem",
   primaryColor: "dirk",
   primaryShade: 9,
@@ -154,6 +185,15 @@ var useSettings = create(() => ({
     "#0b33ff"
   ]
 }));
+registerInitialFetch("GET_SETTINGS", void 0).then((data) => {
+  if (!data) {
+    console.warn("No settings data received from GET_SETTINGS fetch.");
+    return;
+  }
+  useSettings.setState({
+    ...data
+  });
+});
 
 // src/utils/mergeMantineTheme.ts
 var isValidColorScale = (v) => Array.isArray(v) && v.length === 10 && v.every((shade) => typeof shade === "string");
@@ -193,32 +233,6 @@ var DirkErrorBoundary = class extends React.Component {
     ] });
   }
 };
-
-// src/utils/misc.ts
-var isEnvBrowser = () => !window.invokeNative;
-
-// src/utils/fetchNui.ts
-async function fetchNui(eventName, data, mockData) {
-  const options = {
-    method: "post",
-    headers: {
-      "Content-Type": "application/json; charset=UTF-8"
-    },
-    body: JSON.stringify(data)
-  };
-  if (isEnvBrowser() && mockData === void 0) {
-    console.warn(
-      `[fetchNui] Called fetchNui for event "${eventName}" in browser environment without mockData. Returning empty object.`
-    );
-    return {};
-  }
-  const overrideResourceName = useSettings.getState().overideResourceName;
-  const resourceName = window.GetParentResourceName ? window.GetParentResourceName() : overrideResourceName ? overrideResourceName : "dirk-cfx-react";
-  console.log(`[fetchNui] Sending event "${eventName}" to resource "${resourceName}" with data:`, data);
-  const resp = await fetch(`https://${resourceName}/${eventName}`, options);
-  console.log(`[fetchNui] Received response for event "${eventName}":`, resp);
-  return await resp.json();
-}
 library.add(fas, far, fab);
 function DirkProvider({ children, overideResourceName, themeOverride }) {
   const {

package/dist/providers/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/theme.ts","../../src/utils/useSettings.ts","../../src/utils/mergeMantineTheme.ts","../../src/providers/DirkErrorBoundary.tsx","../../src/utils/misc.ts","../../src/utils/fetchNui.ts","../../src/providers/DirkProvider.tsx"],"names":["theme","error","useEffect","jsx"],"mappings":"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","file":"index.js","sourcesContent":["import { ColorInput, createTheme, MantineTheme, MultiSelect, NumberInput, TextInput } from \"@mantine/core\";\r\n\r\nexport const label = {\r\n  fontSize: 'var(--mantine-font-size-xs)',\r\n  fontFamily: 'Akrobat Bold',\r\n  letterSpacing: '0.05em',\r\n  textTransform: 'uppercase', \r\n};\r\nexport const error = {\r\n  fontSize: 'var(--mantine-font-size-xs)',\r\n  fontFamily: 'Akrobat Regular',\r\n};\r\nexport const description = {\r\n  fontSize: 'var(--mantine-font-size-xs)',\r\n};\r\n\r\nexport const genericInputStyles = {\r\n  styles: {\r\n    label: label,\r\n    error: error,\r\n    description: description,\r\n    \r\n    input:{\r\n      backgroundColor: 'rgba(76, 76, 76, 0.3)', \r\n      minHeight: '4vh',\r\n    },\r\n  },\r\n};\r\n\r\nconst theme = createTheme({\r\n  primaryColor: \"dirk\",\r\n  primaryShade: 9,\r\n  defaultRadius: \"xs\",\r\n  fontFamily: \"Akrobat Regular, sans-serif\",\r\n\r\n  radius:{\r\n    xxs: '0.3vh',\r\n    xs: '0.5vh',\r\n    sm: '0.75vh',\r\n    md: '1vh',\r\n    lg: '1.5vh',\r\n    xl: '2vh',\r\n    xxl: '3vh',\r\n  },\r\n\r\n  fontSizes: {\r\n    xxs: '1.2vh',\r\n    xs: '1.5vh',\r\n    sm: '1.8vh',\r\n    md: '2.2vh',\r\n    lg: '2.8vh',\r\n    xl: '3.3vh',\r\n    xxl: '3.8vh',\r\n  },\r\n\r\n  lineHeights: {\r\n    xxs: '1.4vh',\r\n    xs: '1.8vh',\r\n    sm: '2.2vh',\r\n    md: '2.8vh',\r\n    lg: '3.3vh',\r\n    xl: '3.8vh',\r\n  },\r\n\r\n  spacing:{\r\n    xxs: '0.5vh',\r\n    xs: '0.75vh',\r\n    sm: '1.5vh',\r\n    md: '2vh',\r\n    lg: '3vh',\r\n    xl: '4vh',\r\n    xxl: '5vh',\r\n  },\r\n\r\n  components:{\r\n    Progress:{\r\n      styles:{\r\n        label: {\r\n          fontFamily: 'Akrobat Bold',\r\n          letterSpacing: '0.05em',\r\n          textTransform: 'uppercase', \r\n        },\r\n\r\n        root:{\r\n          backgroundColor: 'rgba(77, 77, 77, 0.4)',\r\n        },\r\n        \r\n      }\r\n    },\r\n    \r\n    \r\n    Input:  genericInputStyles,\r\n    TextInput: genericInputStyles,\r\n    NumberInput: genericInputStyles,\r\n    Select: genericInputStyles,\r\n    MultiSelect:  genericInputStyles, \r\n    Textarea: genericInputStyles,\r\n    ColorInput: genericInputStyles,\r\n    DateInput: genericInputStyles,\r\n\r\n    Pill: {\r\n      styles: (theme: MantineTheme) => ({\r\n        root: {\r\n          display: 'inline-flex',\r\n          alignItems: 'center',\r\n          justifyContent: 'space-between',\r\n          backgroundColor: 'rgba(76, 76, 76, 0.3)',\r\n          height: 'fit-content',\r\n          textTransform: 'uppercase',\r\n          letterSpacing: '0.05em',\r\n          fontFamily: 'Akrobat Bold',\r\n          fontSize: '1.25vh',\r\n          borderRadius: theme.defaultRadius,\r\n          paddingBottom: '0.5vh',\r\n          paddingTop: '0.5vh',\r\n        }\r\n      })\r\n    },\r\n\r\n  },\r\n\r\n  colors: {\r\n\r\n    dirk:[\r\n      \"#ffffff\",\r\n      \"#f3fce9\",\r\n      \"#dbf5bd\",\r\n      \"#c3ee91\",\r\n      \"#ace765\",\r\n      \"#94e039\",\r\n      \"#7ac61f\",\r\n      \"#5f9a18\",\r\n      \"#29420a\",\r\n      \"#446e11\",\r\n    ],\r\n  },\r\n});\r\n\r\n\r\nexport default theme;","import { create } from \"zustand\";\r\nimport { registerInitialFetch } from \"./fetchNui\";\r\nimport { MantineColorsTuple } from \"@mantine/core\";\r\n\r\nexport type SettingsState = {\r\n  game: \"fivem\" | \"rdr3\";\r\n  primaryColor: string;\r\n  primaryShade: number;\r\n  itemImgPath: string;\r\n  customTheme?: MantineColorsTuple;\r\n  overideResourceName?: string;\r\n};\r\n\r\nexport const useSettings = create<SettingsState>(() => ({\r\n  game: \"fivem\",\r\n  primaryColor: \"dirk\",\r\n  primaryShade: 9,\r\n  itemImgPath: \"\",\r\n  customTheme: [\r\n    \"#f0f4ff\",\r\n    \"#d9e3ff\",\r\n    \"#bfcfff\",\r\n    \"#a6bbff\",\r\n    \"#8ca7ff\",\r\n    \"#7393ff\",\r\n    \"#5a7fff\",\r\n    \"#406bff\",\r\n    \"#2547ff\",\r\n    \"#0b33ff\",\r\n  ],\r\n}));\r\n\r\n// registerInitialFetch<Partial<SettingsState>>('GET_SETTINGS', undefined).then((data) => {\r\n//   console.log('Fetched settings:', data);\r\n//     if (!data) {\r\n//       console.warn('No settings data received from GET_SETTINGS fetch.');\r\n//       return;\r\n//     }\r\n//     useSettings.setState({\r\n//       ...data,\r\n//     });\r\n// })\r\n","import type { MantineColorsTuple, MantineThemeOverride } from \"@mantine/core\";\r\n\r\nconst isValidColorScale = (v: unknown): v is MantineColorsTuple =>\r\n  Array.isArray(v) && v.length === 10 && v.every((shade) => typeof shade === \"string\");\r\n\r\nexport function mergeMantineThemeSafe(\r\n  base: MantineThemeOverride,\r\n  custom?: MantineColorsTuple,\r\n  override?: MantineThemeOverride\r\n): MantineThemeOverride {\r\n  const colors = { ...base.colors };\r\n\r\n  if (custom && isValidColorScale(custom)) {\r\n    colors[\"custom\"] = custom;\r\n  } \r\n\r\n  return {\r\n    ...base,\r\n    ...override,\r\n    colors: {\r\n      ...colors,\r\n      ...(override?.colors ?? {}),\r\n    },\r\n  };\r\n}\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport { Box, Code, Text } from \"@mantine/core\";\r\n\r\nexport class DirkErrorBoundary extends React.Component<\r\n  { children: React.ReactNode },\r\n  { error: Error | null }\r\n> {\r\n  state: { error: Error | null } = { error: null };\r\n\r\n  static getDerivedStateFromError(error: Error) {\r\n    return { error };\r\n  }\r\n\r\n  componentDidCatch(error: Error, info: React.ErrorInfo) {\r\n    console.group(\"🔥 Dirk UI Crash\");\r\n    console.error(error);\r\n    console.error(info.componentStack);\r\n    console.groupEnd();\r\n  }\r\n\r\n  render() {\r\n    if (!this.state.error) return this.props.children;\r\n\r\n    return (\r\n      <Box p=\"md\" bg=\"dark.8\">\r\n        <Text c=\"red\" fw={600}>UI crashed</Text>\r\n        <Code block mt=\"sm\">{this.state.error.message}</Code>\r\n      </Box>\r\n    );\r\n  }\r\n}\r\n","export const isEnvBrowser = (): boolean => !(window as any).invokeNative;\r\n\r\n// Basic no operation function\r\nexport const noop = () => {};\r\n\r\nexport const splitFAString = (faString:string) => {\r\n  const [prefix, newIcon] = faString.split('-');\r\n  if (!prefix || !newIcon) return {prefix: 'fas', newIcon: 'question'};\r\n  return {prefix, newIcon};\r\n}\r\n\r\nexport const numberToRoman = (num:number) => {\r\n  const romanNumerals = ['I', 'II', 'III', 'IV', 'V', 'VI', 'VII', 'VIII', 'IX', 'X', 'XI', 'XII', 'XIII', 'XIV', 'XV', 'XVI', 'XVII', 'XVIII', 'XIX', 'XX']  \r\n  return romanNumerals[num]\r\n}\r\n\r\nexport const copyToClipboard = (text:string) => {\r\n  const el = document.createElement('textarea');\r\n  el.value = text;\r\n  document.body.appendChild(el);\r\n  el.select();\r\n  document.execCommand('copy');\r\n  document.body.removeChild(el);\r\n}\r\n\r\nexport const openLink = (url:string) => {\r\n  if (isEnvBrowser()) {\r\n    window.open(url, '_blank');\r\n  } else {\r\n    // @ts-expect-error -- invokeNative exists in NUI\r\n    window.invokeNative('openLink', url);\r\n  } \r\n}","import { useEffect } from \"react\";\r\nimport { isEnvBrowser } from \"./misc\";\r\nimport { useSettings } from \"./useSettings\";\r\n\r\n/**\r\n * Simple wrapper around fetch API tailored for CEF/NUI use.\r\n */\r\nexport async function fetchNui<T = unknown>(\r\n  eventName: string,\r\n  data?: unknown,\r\n  mockData?: T,\r\n): Promise<T> {\r\n  const options = {\r\n    method: \"post\",\r\n    headers: {\r\n      \"Content-Type\": \"application/json; charset=UTF-8\",\r\n    },\r\n    body: JSON.stringify(data),\r\n  };\r\n\r\n  if (isEnvBrowser() && mockData !== undefined) return mockData;\r\n  if (isEnvBrowser() && mockData === undefined) {\r\n    console.warn(\r\n      `[fetchNui] Called fetchNui for event \"${eventName}\" in browser environment without mockData. Returning empty object.`,\r\n    );\r\n    return {} as T;\r\n  }\r\n\r\n  const overrideResourceName = useSettings.getState().overideResourceName;\r\n\r\n  const resourceName = (window as any).GetParentResourceName\r\n    ? (window as any).GetParentResourceName()\r\n    : overrideResourceName ? overrideResourceName : \"dirk-cfx-react\";\r\n  console.log(`[fetchNui] Sending event \"${eventName}\" to resource \"${resourceName}\" with data:`, data);\r\n  const resp = await fetch(`https://${resourceName}/${eventName}`, options);\r\n  console.log(`[fetchNui] Received response for event \"${eventName}\":`, resp);\r\n  return await resp.json();\r\n}\r\n\r\n// -----------------------------\r\n// Initial fetch registration\r\n// -----------------------------\r\nexport type InitialFetch<T> = () => Promise<T>;\r\nexport const initialFetches: Record<string, InitialFetch<unknown>> = {};\r\n\r\n/**\r\n * Registers an initial fetch that automatically uses fetchNui.\r\n * Works like:\r\n * ```ts\r\n * registerInitialFetch<{ name: string }>(\"MY_EVENT_NAME\", undefined, { name: \"Mocky\" });\r\n * ```\r\n * and returns a Promise resolving to the same type as fetchNui.\r\n */\r\nexport async function registerInitialFetch<T = unknown>(\r\n  eventName: string,\r\n  data?: unknown,\r\n  mockData?: T,\r\n): Promise<T> {\r\n  const fetcher = () => fetchNui<T>(eventName, data, mockData);\r\n  initialFetches[eventName] = fetcher;\r\n  return fetcher(); // run immediately if needed\r\n}\r\n\r\n/**\r\n * Runs all registered initial fetches in parallel.\r\n */\r\nexport async function runFetches() {\r\n  return Promise.all(\r\n    Object.entries(initialFetches).map(async ([eventName, fetcher]) => {\r\n      const data = await fetcher();\r\n      return { eventName, data };\r\n    }),\r\n  );\r\n}\r\n\r\n/**\r\n * React hook to automatically run all registered fetches on mount.\r\n */\r\nexport const useAutoFetcher = () => {\r\n  useEffect(() => {\r\n    if (isEnvBrowser()) return;\r\n    const run = async () => {\r\n      const results = await runFetches();\r\n    };\r\n    run();\r\n  }, []);\r\n};\r\n\r\n\r\nexport const fetchLuaTable = <T>(tableName: string, mockData?: T): Promise<T> => {  \r\n  return fetchNui<T>('FETCH_LUA_TABLE', { tableName }, mockData);\r\n} \r\n\r\nexport const registerInitialLuaTableFetch = <T>(tableName: string, mockData?: T): Promise<T> => { \r\n  return registerInitialFetch<T>('FETCH_LUA_TABLE', { tableName }, mockData);\r\n} \r\n\r\n\r\n\r\n// useage example:\r\n// registerInitialLuaTableFetch<{ [key: string]: string }>('my_lua_table', { key1: 'value1', key2: 'value2' }); \r\n","\"use client\";\r\n\r\nimport \"@mantine/core/styles.css\";\r\nimport \"@mantine/notifications/styles.css\";\r\nimport './styles/notify.css';\r\nimport './styles/fonts.css';\r\nimport './styles/scrollBar.css';\r\nimport './styles/tornEdge.css';\r\n\r\n\r\nimport { library } from \"@fortawesome/fontawesome-svg-core\";\r\nimport { fab } from \"@fortawesome/free-brands-svg-icons\";\r\nimport { far } from \"@fortawesome/free-regular-svg-icons\";\r\nimport { fas } from \"@fortawesome/free-solid-svg-icons\";\r\nlibrary.add(fas, far, fab);\r\n\r\nimport { MantineProvider, BackgroundImage, MantineColorShade } from \"@mantine/core\";\r\nimport { useMemo, useEffect, useLayoutEffect } from \"react\";\r\nimport theme from \"@/theme\";\r\n\r\nimport { SettingsState, useSettings } from \"@/utils/useSettings\";\r\nimport { mergeMantineThemeSafe } from \"@/utils/mergeMantineTheme\";\r\nimport { DirkErrorBoundary } from \"./DirkErrorBoundary\";\r\nimport { fetchNui, isEnvBrowser } from \"@/utils\";\r\n\r\nexport type DirkProviderProps = {\r\n  children: React.ReactNode;\r\n  overideResourceName?: string;\r\n  themeOverride?: any;\r\n};\r\n\r\nexport function DirkProvider({ children, overideResourceName, themeOverride }: DirkProviderProps) {\r\n  const {\r\n    primaryColor,\r\n    primaryShade,\r\n    customTheme,\r\n    game,\r\n  } = useSettings();\r\n\r\n  useLayoutEffect(() => {\r\n    useSettings.setState({\r\n      overideResourceName,\r\n    });\r\n  }, [overideResourceName]);\r\n\r\n  useEffect(() => {\r\n    fetchNui<Partial<SettingsState>>('GET_SETTINGS').then((data) => {\r\n      useSettings.setState({\r\n        ...data,\r\n      });\r\n    }).catch((err) => {\r\n      console.error(\"Failed to fetch initial settings within dirk-cfx-react:\", err);\r\n    });\r\n  }, []);\r\n\r\n  // 🚫 do not render until state is stable\r\n\r\n  const mergedTheme = useMemo(\r\n    () =>\r\n      mergeMantineThemeSafe(\r\n        { ...theme, primaryColor, primaryShade: primaryShade as MantineColorShade },\r\n        customTheme,\r\n        themeOverride\r\n      ),\r\n    [primaryColor, primaryShade, customTheme, themeOverride]\r\n  );\r\n\r\n  useEffect(() => {\r\n    document.body.style.fontFamily =\r\n      game === \"rdr3\"\r\n        ? '\"Red Dead\", sans-serif'\r\n        : '\"Akrobat Regular\", sans-serif';\r\n  }, [game]);\r\n\r\n  const content = isEnvBrowser() ? (\r\n    <BackgroundImage\r\n      w=\"100vw\"\r\n      h=\"100vh\"\r\n      src={game === \"fivem\"\r\n        ? \"https://i.ytimg.com/vi/TOxuNbXrO28/maxresdefault.jpg\"\r\n        : \"https://raw.githubusercontent.com/Jump-On-Studios/RedM-jo_libs/refs/heads/main/source-repositories/Menu/public/assets/images/background_dev.jpg\"}\r\n    >\r\n      {children}\r\n    </BackgroundImage>\r\n  ) : (\r\n    children\r\n  );\r\n\r\n  return (\r\n    <DirkErrorBoundary>\r\n      <MantineProvider theme={mergedTheme} defaultColorScheme=\"dark\">\r\n        {content}\r\n      </MantineProvider>\r\n    </DirkErrorBoundary>\r\n  );\r\n}\r\n"]}
+{"version":3,"sources":["../../src/theme.ts","../../src/utils/misc.ts","../../src/utils/fetchNui.ts","../../src/utils/useSettings.ts","../../src/utils/mergeMantineTheme.ts","../../src/providers/DirkErrorBoundary.tsx","../../src/providers/DirkProvider.tsx"],"names":["theme","error","useEffect","jsx"],"mappings":"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","file":"index.js","sourcesContent":["import { ColorInput, createTheme, MantineTheme, MultiSelect, NumberInput, TextInput } from \"@mantine/core\";\r\n\r\nexport const label = {\r\n  fontSize: 'var(--mantine-font-size-xs)',\r\n  fontFamily: 'Akrobat Bold',\r\n  letterSpacing: '0.05em',\r\n  textTransform: 'uppercase', \r\n};\r\nexport const error = {\r\n  fontSize: 'var(--mantine-font-size-xs)',\r\n  fontFamily: 'Akrobat Regular',\r\n};\r\nexport const description = {\r\n  fontSize: 'var(--mantine-font-size-xs)',\r\n};\r\n\r\nexport const genericInputStyles = {\r\n  styles: {\r\n    label: label,\r\n    error: error,\r\n    description: description,\r\n    \r\n    input:{\r\n      backgroundColor: 'rgba(76, 76, 76, 0.3)', \r\n      minHeight: '4vh',\r\n    },\r\n  },\r\n};\r\n\r\nconst theme = createTheme({\r\n  primaryColor: \"dirk\",\r\n  primaryShade: 9,\r\n  defaultRadius: \"xs\",\r\n  fontFamily: \"Akrobat Regular, sans-serif\",\r\n\r\n  radius:{\r\n    xxs: '0.3vh',\r\n    xs: '0.5vh',\r\n    sm: '0.75vh',\r\n    md: '1vh',\r\n    lg: '1.5vh',\r\n    xl: '2vh',\r\n    xxl: '3vh',\r\n  },\r\n\r\n  fontSizes: {\r\n    xxs: '1.2vh',\r\n    xs: '1.5vh',\r\n    sm: '1.8vh',\r\n    md: '2.2vh',\r\n    lg: '2.8vh',\r\n    xl: '3.3vh',\r\n    xxl: '3.8vh',\r\n  },\r\n\r\n  lineHeights: {\r\n    xxs: '1.4vh',\r\n    xs: '1.8vh',\r\n    sm: '2.2vh',\r\n    md: '2.8vh',\r\n    lg: '3.3vh',\r\n    xl: '3.8vh',\r\n  },\r\n\r\n  spacing:{\r\n    xxs: '0.5vh',\r\n    xs: '0.75vh',\r\n    sm: '1.5vh',\r\n    md: '2vh',\r\n    lg: '3vh',\r\n    xl: '4vh',\r\n    xxl: '5vh',\r\n  },\r\n\r\n  components:{\r\n    Progress:{\r\n      styles:{\r\n        label: {\r\n          fontFamily: 'Akrobat Bold',\r\n          letterSpacing: '0.05em',\r\n          textTransform: 'uppercase', \r\n        },\r\n\r\n        root:{\r\n          backgroundColor: 'rgba(77, 77, 77, 0.4)',\r\n        },\r\n        \r\n      }\r\n    },\r\n    \r\n    \r\n    Input:  genericInputStyles,\r\n    TextInput: genericInputStyles,\r\n    NumberInput: genericInputStyles,\r\n    Select: genericInputStyles,\r\n    MultiSelect:  genericInputStyles, \r\n    Textarea: genericInputStyles,\r\n    ColorInput: genericInputStyles,\r\n    DateInput: genericInputStyles,\r\n\r\n    Pill: {\r\n      styles: (theme: MantineTheme) => ({\r\n        root: {\r\n          display: 'inline-flex',\r\n          alignItems: 'center',\r\n          justifyContent: 'space-between',\r\n          backgroundColor: 'rgba(76, 76, 76, 0.3)',\r\n          height: 'fit-content',\r\n          textTransform: 'uppercase',\r\n          letterSpacing: '0.05em',\r\n          fontFamily: 'Akrobat Bold',\r\n          fontSize: '1.25vh',\r\n          borderRadius: theme.defaultRadius,\r\n          paddingBottom: '0.5vh',\r\n          paddingTop: '0.5vh',\r\n        }\r\n      })\r\n    },\r\n\r\n  },\r\n\r\n  colors: {\r\n\r\n    dirk:[\r\n      \"#ffffff\",\r\n      \"#f3fce9\",\r\n      \"#dbf5bd\",\r\n      \"#c3ee91\",\r\n      \"#ace765\",\r\n      \"#94e039\",\r\n      \"#7ac61f\",\r\n      \"#5f9a18\",\r\n      \"#29420a\",\r\n      \"#446e11\",\r\n    ],\r\n  },\r\n});\r\n\r\n\r\nexport default theme;","export const isEnvBrowser = (): boolean => !(window as any).invokeNative;\r\n\r\n// Basic no operation function\r\nexport const noop = () => {};\r\n\r\nexport const splitFAString = (faString:string) => {\r\n  const [prefix, newIcon] = faString.split('-');\r\n  if (!prefix || !newIcon) return {prefix: 'fas', newIcon: 'question'};\r\n  return {prefix, newIcon};\r\n}\r\n\r\nexport const numberToRoman = (num:number) => {\r\n  const romanNumerals = ['I', 'II', 'III', 'IV', 'V', 'VI', 'VII', 'VIII', 'IX', 'X', 'XI', 'XII', 'XIII', 'XIV', 'XV', 'XVI', 'XVII', 'XVIII', 'XIX', 'XX']  \r\n  return romanNumerals[num]\r\n}\r\n\r\nexport const copyToClipboard = (text:string) => {\r\n  const el = document.createElement('textarea');\r\n  el.value = text;\r\n  document.body.appendChild(el);\r\n  el.select();\r\n  document.execCommand('copy');\r\n  document.body.removeChild(el);\r\n}\r\n\r\nexport const openLink = (url:string) => {\r\n  if (isEnvBrowser()) {\r\n    window.open(url, '_blank');\r\n  } else {\r\n    // @ts-expect-error -- invokeNative exists in NUI\r\n    window.invokeNative('openLink', url);\r\n  } \r\n}","import { useEffect } from \"react\";\r\nimport { isEnvBrowser } from \"./misc\";\r\nimport { useSettings } from \"./useSettings\";\r\n\r\n/**\r\n * Simple wrapper around fetch API tailored for CEF/NUI use.\r\n */\r\nexport async function fetchNui<T = unknown>(\r\n  eventName: string,\r\n  data?: unknown,\r\n  mockData?: T,\r\n): Promise<T> {\r\n  const options = {\r\n    method: \"post\",\r\n    headers: {\r\n      \"Content-Type\": \"application/json; charset=UTF-8\",\r\n    },\r\n    body: JSON.stringify(data),\r\n  };\r\n\r\n  if (isEnvBrowser() && mockData !== undefined) return mockData;\r\n  if (isEnvBrowser() && mockData === undefined) {\r\n    console.warn(\r\n      `[fetchNui] Called fetchNui for event \"${eventName}\" in browser environment without mockData. Returning empty object.`,\r\n    );\r\n    return {} as T;\r\n  }\r\n\r\n  const overrideResourceName = useSettings.getState().overideResourceName;\r\n\r\n  const resourceName = (window as any).GetParentResourceName\r\n    ? (window as any).GetParentResourceName()\r\n    : overrideResourceName ? overrideResourceName : \"dirk-cfx-react\";\r\n  const resp = await fetch(`https://${resourceName}/${eventName}`, options);\r\n  return await resp.json();\r\n}\r\n\r\n// -----------------------------\r\n// Initial fetch registration\r\n// -----------------------------\r\nexport type InitialFetch<T> = () => Promise<T>;\r\nexport const initialFetches: Record<string, InitialFetch<unknown>> = {};\r\n\r\n/**\r\n * Registers an initial fetch that automatically uses fetchNui.\r\n * Works like:\r\n * ```ts\r\n * registerInitialFetch<{ name: string }>(\"MY_EVENT_NAME\", undefined, { name: \"Mocky\" });\r\n * ```\r\n * and returns a Promise resolving to the same type as fetchNui.\r\n */\r\nexport async function registerInitialFetch<T = unknown>(\r\n  eventName: string,\r\n  data?: unknown,\r\n  mockData?: T,\r\n): Promise<T> {\r\n  const fetcher = () => fetchNui<T>(eventName, data, mockData);\r\n  initialFetches[eventName] = fetcher;\r\n  return fetcher(); // run immediately if needed\r\n}\r\n\r\n/**\r\n * Runs all registered initial fetches in parallel.\r\n */\r\nexport async function runFetches() {\r\n  return Promise.all(\r\n    Object.entries(initialFetches).map(async ([eventName, fetcher]) => {\r\n      const data = await fetcher();\r\n      return { eventName, data };\r\n    }),\r\n  );\r\n}\r\n\r\n/**\r\n * React hook to automatically run all registered fetches on mount.\r\n */\r\nexport const useAutoFetcher = () => {\r\n  useEffect(() => {\r\n    if (isEnvBrowser()) return;\r\n    const run = async () => {\r\n      const results = await runFetches();\r\n    };\r\n    run();\r\n  }, []);\r\n};\r\n\r\n\r\nexport const fetchLuaTable = <T>(tableName: string, mockData?: T): Promise<T> => {  \r\n  return fetchNui<T>('FETCH_LUA_TABLE', { tableName }, mockData);\r\n} \r\n\r\nexport const registerInitialLuaTableFetch = <T>(tableName: string, mockData?: T): Promise<T> => { \r\n  return registerInitialFetch<T>('FETCH_LUA_TABLE', { tableName }, mockData);\r\n} \r\n\r\n\r\n\r\n// useage example:\r\n// registerInitialLuaTableFetch<{ [key: string]: string }>('my_lua_table', { key1: 'value1', key2: 'value2' }); \r\n","import { create } from \"zustand\";\r\nimport { registerInitialFetch } from \"./fetchNui\";\r\nimport { MantineColorsTuple } from \"@mantine/core\";\r\n\r\nexport type SettingsState = {\r\n  game: \"fivem\" | \"rdr3\";\r\n  currency: string;\r\n  primaryColor: string;\r\n  primaryShade: number;\r\n  itemImgPath: string;\r\n  customTheme?: MantineColorsTuple;\r\n  overideResourceName?: string;\r\n};\r\n\r\nexport const useSettings = create<SettingsState>(() => ({\r\n  currency: \"$\",\r\n  game: \"fivem\",\r\n  primaryColor: \"dirk\",\r\n  primaryShade: 9,\r\n  itemImgPath: \"\",\r\n  customTheme: [\r\n    \"#f0f4ff\",\r\n    \"#d9e3ff\",\r\n    \"#bfcfff\",\r\n    \"#a6bbff\",\r\n    \"#8ca7ff\",\r\n    \"#7393ff\",\r\n    \"#5a7fff\",\r\n    \"#406bff\",\r\n    \"#2547ff\",\r\n    \"#0b33ff\",\r\n  ],\r\n}));\r\n\r\nregisterInitialFetch<Partial<SettingsState>>('GET_SETTINGS', undefined).then((data) => {\r\n    if (!data) {\r\n      console.warn('No settings data received from GET_SETTINGS fetch.');\r\n      return;\r\n    }\r\n    useSettings.setState({\r\n      ...data,\r\n    });\r\n})\r\n","import type { MantineColorsTuple, MantineThemeOverride } from \"@mantine/core\";\r\n\r\nconst isValidColorScale = (v: unknown): v is MantineColorsTuple =>\r\n  Array.isArray(v) && v.length === 10 && v.every((shade) => typeof shade === \"string\");\r\n\r\nexport function mergeMantineThemeSafe(\r\n  base: MantineThemeOverride,\r\n  custom?: MantineColorsTuple,\r\n  override?: MantineThemeOverride\r\n): MantineThemeOverride {\r\n  const colors = { ...base.colors };\r\n\r\n  if (custom && isValidColorScale(custom)) {\r\n    colors[\"custom\"] = custom;\r\n  } \r\n\r\n  return {\r\n    ...base,\r\n    ...override,\r\n    colors: {\r\n      ...colors,\r\n      ...(override?.colors ?? {}),\r\n    },\r\n  };\r\n}\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport { Box, Code, Text } from \"@mantine/core\";\r\n\r\nexport class DirkErrorBoundary extends React.Component<\r\n  { children: React.ReactNode },\r\n  { error: Error | null }\r\n> {\r\n  state: { error: Error | null } = { error: null };\r\n\r\n  static getDerivedStateFromError(error: Error) {\r\n    return { error };\r\n  }\r\n\r\n  componentDidCatch(error: Error, info: React.ErrorInfo) {\r\n    console.group(\"🔥 Dirk UI Crash\");\r\n    console.error(error);\r\n    console.error(info.componentStack);\r\n    console.groupEnd();\r\n  }\r\n\r\n  render() {\r\n    if (!this.state.error) return this.props.children;\r\n\r\n    return (\r\n      <Box p=\"md\" bg=\"dark.8\">\r\n        <Text c=\"red\" fw={600}>UI crashed</Text>\r\n        <Code block mt=\"sm\">{this.state.error.message}</Code>\r\n      </Box>\r\n    );\r\n  }\r\n}\r\n","\"use client\";\r\n\r\nimport \"@mantine/core/styles.css\";\r\nimport \"@mantine/notifications/styles.css\";\r\nimport './styles/notify.css';\r\nimport './styles/fonts.css';\r\nimport './styles/scrollBar.css';\r\nimport './styles/tornEdge.css';\r\n\r\n\r\nimport { library } from \"@fortawesome/fontawesome-svg-core\";\r\nimport { fab } from \"@fortawesome/free-brands-svg-icons\";\r\nimport { far } from \"@fortawesome/free-regular-svg-icons\";\r\nimport { fas } from \"@fortawesome/free-solid-svg-icons\";\r\nlibrary.add(fas, far, fab);\r\n\r\nimport { MantineProvider, BackgroundImage, MantineColorShade } from \"@mantine/core\";\r\nimport { useMemo, useEffect, useLayoutEffect } from \"react\";\r\nimport theme from \"@/theme\";\r\n\r\nimport { SettingsState, useSettings } from \"@/utils/useSettings\";\r\nimport { mergeMantineThemeSafe } from \"@/utils/mergeMantineTheme\";\r\nimport { DirkErrorBoundary } from \"./DirkErrorBoundary\";\r\nimport { fetchNui, isEnvBrowser } from \"@/utils\";\r\n\r\nexport type DirkProviderProps = {\r\n  children: React.ReactNode;\r\n  overideResourceName?: string;\r\n  themeOverride?: any;\r\n};\r\n\r\nexport function DirkProvider({ children, overideResourceName, themeOverride }: DirkProviderProps) {\r\n  const {\r\n    primaryColor,\r\n    primaryShade,\r\n    customTheme,\r\n    game,\r\n  } = useSettings();\r\n\r\n  useLayoutEffect(() => {\r\n    useSettings.setState({\r\n      overideResourceName,\r\n    });\r\n  }, [overideResourceName]);\r\n\r\n  useEffect(() => {\r\n    fetchNui<Partial<SettingsState>>('GET_SETTINGS').then((data) => {\r\n      useSettings.setState({\r\n        ...data,\r\n      });\r\n    }).catch((err) => {\r\n      console.error(\"Failed to fetch initial settings within dirk-cfx-react:\", err);\r\n    });\r\n  }, []);\r\n\r\n  // 🚫 do not render until state is stable\r\n\r\n  const mergedTheme = useMemo(\r\n    () =>\r\n      mergeMantineThemeSafe(\r\n        { ...theme, primaryColor, primaryShade: primaryShade as MantineColorShade },\r\n        customTheme,\r\n        themeOverride\r\n      ),\r\n    [primaryColor, primaryShade, customTheme, themeOverride]\r\n  );\r\n\r\n  useEffect(() => {\r\n    document.body.style.fontFamily =\r\n      game === \"rdr3\"\r\n        ? '\"Red Dead\", sans-serif'\r\n        : '\"Akrobat Regular\", sans-serif';\r\n  }, [game]);\r\n\r\n  const content = isEnvBrowser() ? (\r\n    <BackgroundImage\r\n      w=\"100vw\"\r\n      h=\"100vh\"\r\n      src={game === \"fivem\"\r\n        ? \"https://i.ytimg.com/vi/TOxuNbXrO28/maxresdefault.jpg\"\r\n        : \"https://raw.githubusercontent.com/Jump-On-Studios/RedM-jo_libs/refs/heads/main/source-repositories/Menu/public/assets/images/background_dev.jpg\"}\r\n    >\r\n      {children}\r\n    </BackgroundImage>\r\n  ) : (\r\n    children\r\n  );\r\n\r\n  return (\r\n    <DirkErrorBoundary>\r\n      <MantineProvider theme={mergedTheme} defaultColorScheme=\"dark\">\r\n        {content}\r\n      </MantineProvider>\r\n    </DirkErrorBoundary>\r\n  );\r\n}\r\n"]}

package/dist/styles/notify.css

@@ -1,118 +0,0 @@
-/* Custom Mantine Notification Styles - VH + Mantine Radius */
-
-/* Base notification container */
-.mantine-Notification-root {
-  background-color: rgba(0, 0, 0, 0.8) !important;
-  /* backdrop-filter: blur(1.2vh) !important; */
-  border: 0.1vh solid rgba(255, 255, 255, 0.1) !important;
-  border-radius: var(--mantine-radius-sm) !important;
-  box-shadow: 0 0.3vh 1.2vh rgba(0, 0, 0, 0.4) !important;
-  color: #f1f3f5 !important;
-  transition: all 0.2s ease !important;
-  position: relative; /* required for progress bar */
-}
-
-/* Notification title */
-.mantine-Notification-title {
-  color: #f8f9fa !important;
-  font-weight: 600 !important;
-  font-family: 'Akrobat Bold', sans-serif !important;
-  font-size: 'var(--mantine-font-size-xs)' !important;
-  /* Upper case and letterspacing */
-  text-transform: uppercase !important;
-  letter-spacing: 0.05em !important;
-}
-
-/* Notification body/description */
-.mantine-Notification-description {
-  color: #ced4da !important;
-  opacity: 0.9 !important;
-  font-size: 'var(--mantine-font-size-xxs)' !important;
-}
-
-/* Close button */
-.mantine-Notification-closeButton {
-  color: #adb5bd !important;
-  background-color: transparent !important;
-  border: none !important;
-  width: 2vh !important;
-  height: 2vh !important;
-  border-radius: var(--mantine-radius-xs) !important;
-}
-
-.mantine-Notification-closeButton:hover {
-  background-color: rgba(255, 255, 255, 0.1) !important;
-  color: #f8f9fa !important;
-}
-
-/* Success notifications */
-.mantine-Notification-root[data-variant="success"] .mantine-Notification-icon {
-  color: var(--mantine-color-green-6) !important;
-}
-
-/* Error notifications */
-.mantine-Notification-root[data-variant="error"] .mantine-Notification-icon {
-  color: var(--mantine-color-red-6) !important;
-}
-
-/* Warning notifications */
-.mantine-Notification-root[data-variant="warning"] .mantine-Notification-icon {
-  color: var(--mantine-color-yellow-6) !important;
-}
-
-/* Info notifications */
-.mantine-Notification-root[data-variant="info"] .mantine-Notification-icon {
-  color: var(--mantine-color-blue-6) !important;
-}
-
-/* Default/Primary notifications */
-.mantine-Notification-root[data-variant="default"] .mantine-Notification-icon,
-.mantine-Notification-root:not([data-variant]) .mantine-Notification-icon {
-  color: var(--mantine-primary-color-6) !important;
-}
-
-/* Loading state */
-.mantine-Notification-root .mantine-Notification-loader {
-  color: var(--mantine-primary-color-6) !important;
-}
-
-/* Hover animation */
-.mantine-Notification-root:hover {
-  transform: translateY(-0.2vh) !important;
-  box-shadow: 0 1.2vh 4vh rgba(0, 0, 0, 0.5) !important;
-}
-
-/* Progress bar for auto-close */
-.mantine-Notification-root::after {
-  content: '';
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  height: 0.3vh;
-  background-color: var(--mantine-primary-color-6);
-  opacity: 0.5;
-  border-radius: 0 0 var(--mantine-radius-sm) var(--mantine-radius-sm);
-  animation: notification-progress var(--notification-duration, 5s) linear forwards;
-}
-
-@keyframes notification-progress {
-  from {
-    width: 100%;
-  }
-  to {
-    width: 0%;
-  }
-}
-
-/* Remove progress bar for notifications that don't auto-close */
-.mantine-Notification-root[data-auto-close="false"]::after {
-  display: none !important;
-}
-
-/* Notifications container z-index */
-.mantine-NotificationsProvider {
-  z-index: 9999 !important;
-}
-
-
-

package/dist/utils/index.cjs

@@ -205,6 +205,7 @@ var openLink = (url) => {
   }
 };
 var useSettings = zustand.create(() => ({
+  currency: "$",
   game: "fivem",
   primaryColor: "dirk",
   primaryShade: 9,
@@ -222,6 +223,15 @@ var useSettings = zustand.create(() => ({
     "#0b33ff"
   ]
 }));
+registerInitialFetch("GET_SETTINGS", void 0).then((data) => {
+  if (!data) {
+    console.warn("No settings data received from GET_SETTINGS fetch.");
+    return;
+  }
+  useSettings.setState({
+    ...data
+  });
+});
 
 // src/utils/fetchNui.ts
 async function fetchNui(eventName, data, mockData) {
@@ -241,9 +251,7 @@ async function fetchNui(eventName, data, mockData) {
   }
   const overrideResourceName = useSettings.getState().overideResourceName;
   const resourceName = window.GetParentResourceName ? window.GetParentResourceName() : overrideResourceName ? overrideResourceName : "dirk-cfx-react";
-  console.log(`[fetchNui] Sending event "${eventName}" to resource "${resourceName}" with data:`, data);
   const resp = await fetch(`https://${resourceName}/${eventName}`, options);
-  console.log(`[fetchNui] Received response for event "${eventName}":`, resp);
   return await resp.json();
 }
 var initialFetches = {};
@@ -310,7 +318,6 @@ var localeStore = zustand.create((set, get) => {
 });
 var locale = localeStore.getState().locale;
 registerInitialFetch("GET_LOCALES", void 0).then((data) => {
-  console.log("Fetched locales:", data);
   localeStore.setState({ locales: data });
 });