dirk-cfx-react 1.1.92 → 1.1.94

package/dist/providers/index.js

@@ -1,598 +1,7 @@
-import '@mantine/core/styles.css';
-import '@mantine/notifications/styles.css';
-import './styles/fonts.css';
-import './styles/notify.css';
-import './styles/scrollBar.css';
-import './styles/tornEdge.css';
-import { library } from '@fortawesome/fontawesome-svg-core';
-import { fab } from '@fortawesome/free-brands-svg-icons';
-import { far } from '@fortawesome/free-regular-svg-icons';
-import { fas } from '@fortawesome/free-solid-svg-icons';
-import { createTheme, alpha, Box, Stack, Title, Text, Code, MantineProvider, BackgroundImage } from '@mantine/core';
-import React, { useState, useLayoutEffect, useEffect, useMemo, useRef } from 'react';
-import { create } from 'zustand';
-import { z } from 'zod';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, key + "" , value);
-var label = {
-  fontSize: "var(--mantine-font-size-xs)",
-  fontFamily: "Akrobat Bold",
-  letterSpacing: "0.05em",
-  textTransform: "uppercase"
-};
-var error = {
-  fontSize: "var(--mantine-font-size-xs)",
-  fontFamily: "Akrobat Regular"
-};
-var description = {
-  fontSize: "var(--mantine-font-size-xs)"
-};
-var genericInputStyles = {
-  styles: {
-    label,
-    error,
-    description,
-    input: {
-      background: "rgba(255,255,255,0.04)",
-      border: "0.1vh solid rgba(255,255,255,0.08)",
-      color: "rgba(255,255,255,0.85)",
-      minHeight: "4vh"
-    }
-  }
-};
-var theme = createTheme({
-  primaryColor: "dirk",
-  primaryShade: 9,
-  defaultRadius: "xs",
-  fontFamily: "Akrobat Regular, sans-serif",
-  radius: {
-    xxs: "0.3vh",
-    xs: "0.5vh",
-    sm: "0.75vh",
-    md: "1vh",
-    lg: "1.5vh",
-    xl: "2vh",
-    xxl: "3vh"
-  },
-  fontSizes: {
-    xxs: "1.2vh",
-    xs: "1.5vh",
-    sm: "1.8vh",
-    md: "2.2vh",
-    lg: "2.8vh",
-    xl: "3.3vh",
-    xxl: "3.8vh"
-  },
-  lineHeights: {
-    xxs: "1.4vh",
-    xs: "1.8vh",
-    sm: "2.2vh",
-    md: "2.8vh",
-    lg: "3.3vh",
-    xl: "3.8vh"
-  },
-  spacing: {
-    xxs: "0.5vh",
-    xs: "0.75vh",
-    sm: "1.5vh",
-    md: "2vh",
-    lg: "3vh",
-    xl: "4vh",
-    xxl: "5vh"
-  },
-  components: {
-    Progress: {
-      styles: {
-        label: {
-          fontFamily: "Akrobat Bold",
-          letterSpacing: "0.05em",
-          textTransform: "uppercase"
-        },
-        root: {
-          backgroundColor: "rgba(77, 77, 77, 0.4)"
-        }
-      }
-    },
-    Input: genericInputStyles,
-    TextInput: genericInputStyles,
-    NumberInput: genericInputStyles,
-    Select: genericInputStyles,
-    MultiSelect: genericInputStyles,
-    Textarea: genericInputStyles,
-    ColorInput: genericInputStyles,
-    DateInput: genericInputStyles,
-    // Mantine's <Button> defaults to rem-based heights (xs ≈ 1.875rem)
-    // which doesn't match this theme's vh-based input min-heights, so
-    // `<Button size="xs">` rendered next to `<TextInput size="xs">` ends
-    // up visibly shorter. Pin the button heights to the same vh values
-    // the inputs use so xs-everything lines up out of the box.
-    Button: {
-      styles: {
-        label: {
-          fontFamily: "Akrobat Bold",
-          letterSpacing: "0.05em",
-          textTransform: "uppercase"
-        },
-        root: {
-          // Mantine maps these to --button-height per size; setting them
-          // directly here keeps native Button sizing logic intact.
-        }
-      },
-      vars: (_theme, props) => {
-        const heights = {
-          xs: "4vh",
-          sm: "4.5vh",
-          md: "5vh",
-          lg: "5.5vh",
-          xl: "6vh"
-        };
-        const h = heights[props.size ?? "sm"] ?? "4.5vh";
-        return {
-          root: {
-            "--button-height": h
-          }
-        };
-      }
-    },
-    Pill: {
-      styles: (theme2) => ({
-        root: {
-          display: "inline-flex",
-          alignItems: "center",
-          justifyContent: "space-between",
-          backgroundColor: "rgba(76, 76, 76, 0.3)",
-          height: "fit-content",
-          textTransform: "uppercase",
-          letterSpacing: "0.05em",
-          fontFamily: "Akrobat Bold",
-          fontSize: "1.25vh",
-          borderRadius: theme2.defaultRadius,
-          paddingBottom: "0.5vh",
-          paddingTop: "0.5vh"
-        }
-      })
-    },
-    // Mantine's <Tooltip> defaults to a white card with black text — looks
-    // jarring against every dirk consumer's dark configurator. Every script
-    // used to hand-paste this dark style block per Tooltip; centralised here
-    // so consumers get the right look automatically and never need to think
-    // about it again.
-    Tooltip: {
-      styles: (theme2) => ({
-        tooltip: {
-          background: alpha(theme2.colors.dark[7], 0.95),
-          border: "0.1vh solid rgba(255,255,255,0.1)",
-          color: "rgba(255,255,255,0.75)",
-          fontFamily: "Akrobat Bold",
-          fontSize: "1.3vh",
-          lineHeight: 1.3,
-          padding: "0.6vh 0.8vh",
-          letterSpacing: "0.03em"
-        }
-      })
-    }
-  },
-  colors: {
-    dirk: [
-      "#ffffff",
-      "#f3fce9",
-      "#dbf5bd",
-      "#c3ee91",
-      "#ace765",
-      "#94e039",
-      "#7ac61f",
-      "#5f9a18",
-      "#29420a",
-      "#446e11"
-    ]
-  }
-});
-var theme_default = theme;
-
-// src/utils/misc.ts
-var isEnvBrowser = () => !window.invokeNative;
-var noop = () => {
-};
-
-// src/hooks/useNuiEvent.ts
-var useNuiEvent = (action, handler) => {
-  const savedHandler = useRef(noop);
-  useEffect(() => {
-    savedHandler.current = handler;
-  }, [handler]);
-  useEffect(() => {
-    const eventListener = (event) => {
-      const { action: eventAction, data } = event.data;
-      if (savedHandler.current) {
-        if (eventAction === action) {
-          savedHandler.current(data);
-        }
-      }
-    };
-    window.addEventListener("message", eventListener);
-    return () => window.removeEventListener("message", eventListener);
-  }, [action]);
-};
-var DEFAULT_PALETTE = [
-  "#f0f4ff",
-  "#d9e3ff",
-  "#bfcfff",
-  "#a6bbff",
-  "#8ca7ff",
-  "#7393ff",
-  "#5a7fff",
-  "#406bff",
-  "#2547ff",
-  "#0b33ff"
-];
-z.object({
-  useOverride: z.boolean(),
-  primaryColor: z.string(),
-  primaryShade: z.number(),
-  customTheme: z.array(z.string())
-});
-
-// src/utils/useSettings.ts
-var useSettings = create(() => ({
-  currency: "$",
-  game: "fivem",
-  primaryColor: "dirk",
-  primaryShade: 9,
-  itemImgPath: "",
-  resourceVersion: "dev",
-  customTheme: DEFAULT_PALETTE
-}));
-
-// 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) return mockData;
-  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 hasResourceContext = typeof window.GetParentResourceName === "function" || !!overrideResourceName;
-  if (!hasResourceContext) {
-    return mockData ?? {};
-  }
-  const resourceName = window.GetParentResourceName ? window.GetParentResourceName() : overrideResourceName;
-  try {
-    const resp = await fetch(`https://${resourceName}/${eventName}`, options);
-    return await resp.json();
-  } catch {
-    return mockData ?? {};
-  }
-}
-async function registerInitialFetch(eventName, data, mockData) {
-  const fetcher = () => fetchNui(eventName, data, mockData);
-  return fetcher();
-}
-var reportedMissing = /* @__PURE__ */ new Set();
-function reportMissingLocale(key) {
-  if (!key || reportedMissing.has(key)) return;
-  reportedMissing.add(key);
-  fetchNui("REPORT_MISSING_LOCALE", { key }).catch(() => {
-  });
-}
-var PACKAGE_DEFAULTS = {
-  "OccupantsDesc": "Here you can view and manage the occupants of your traphouse. These occupants can be used mainly for selling drugs to the NPCs surrounding your traphouse. However they have other uses to so be careful who you add as an occupant.",
-  "cfgpanel_discard": "Discard",
-  "cfgpanel_manual_edit": "Manual Edit",
-  "cfgpanel_reset_defaults": "Reset Defaults",
-  "cfgpanel_version": "Version",
-  "cfgpanel_back_title": "Back to script list",
-  "cfgpanel_undo": "Undo",
-  "cfgpanel_redo": "Redo",
-  "cfgpanel_save": "Save",
-  "cfgpanel_saving": "Saving...",
-  "cfgpanel_history": "History",
-  "cfgpanel_reset_title": "Reset to Defaults",
-  "cfgpanel_reset_desc": "This will permanently reset ALL config back to the defaults. Every value you have configured will be overwritten. This cannot be undone.",
-  "cfgpanel_reset_confirm": "Reset Config",
-  "cfgpanel_discard_title": "Discard Unsaved Changes?",
-  "cfgpanel_discard_desc_back": "You have unsaved changes. Going back now will discard them.",
-  "cfgpanel_discard_desc_close": "You have unsaved changes. Closing now will discard them.",
-  "cfgpanel_discard_confirm_back": "Go Back Without Saving",
-  "cfgpanel_discard_confirm_close": "Close Without Saving",
-  "cfgpanel_json_title": "Config JSON",
-  "cfgpanel_cancel": "Cancel",
-  "cfgpanel_apply": "Apply",
-  "cfgpanel_history_title": "Config History",
-  "cfgpanel_close": "Close"
-};
-var localeStore = create((set, get) => {
-  return {
-    locales: { ...PACKAGE_DEFAULTS },
-    locale: (key, ...args) => {
-      const exists = get().locales[key];
-      if (!exists) reportMissingLocale(key);
-      let translation = exists || key;
-      if (args.length) {
-        translation = translation.replace(/%s/g, () => String(args.shift() || ""));
-      }
-      return translation;
-    }
-  };
-});
-localeStore.getState().locale;
-registerInitialFetch("GET_LOCALES", void 0).then((data) => {
-  localeStore.setState({ locales: { ...PACKAGE_DEFAULTS, ...data } });
-}).catch(() => {
-});
-if (typeof window !== "undefined") {
-  window.addEventListener("message", (event) => {
-    const msg = event.data;
-    if (!msg || msg.action !== "UPDATE_DIRK_LIB_LOCALES") return;
-    if (!msg.data || typeof msg.data !== "object") return;
-    if (Object.keys(msg.data).length === 0) return;
-    localeStore.setState({ locales: { ...PACKAGE_DEFAULTS, ...msg.data } });
-  });
-}
-
-// src/utils/mergeMantineTheme.ts
-var isValidColorScale = (v) => Array.isArray(v) && v.length === 10 && v.every((shade) => typeof shade === "string");
-function mergeMantineThemeSafe(base, custom, override) {
-  const colors = { ...base.colors };
-  if (custom && isValidColorScale(custom)) {
-    colors["custom"] = custom;
-  } else if (!colors["custom"]) {
-    const fallback = base.colors && base.colors.dirk;
-    if (fallback && isValidColorScale(fallback)) {
-      colors["custom"] = fallback;
-    }
-  }
-  return {
-    ...base,
-    ...override,
-    colors: {
-      ...colors,
-      ...override?.colors ?? {}
-    }
-  };
-}
-function getScriptConfigInstance() {
-  throw new Error("[dirk-cfx-react] createScriptConfig must be called before using ConfigPanel");
-}
-var DirkErrorBoundary = class extends React.Component {
-  constructor() {
-    super(...arguments);
-    __publicField(this, "state", { error: null, stack: void 0 });
-  }
-  static getDerivedStateFromError(error2) {
-    return { error: error2 };
-  }
-  componentDidCatch(error2, info) {
-    console.group("\u{1F525} Dirk UI Crash");
-    console.error("Error:", error2);
-    console.error("Component Stack:", info.componentStack);
-    console.groupEnd();
-  }
-  render() {
-    if (!this.state.error) return this.props.children;
-    return /* @__PURE__ */ jsx(
-      Box,
-      {
-        style: {
-          position: "fixed",
-          inset: 0,
-          width: "100vw",
-          height: "100vh",
-          background: "rgba(10, 10, 12, 0.92)",
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "center",
-          padding: "2rem",
-          zIndex: 999999
-        },
-        children: /* @__PURE__ */ jsx(
-          Box,
-          {
-            maw: 900,
-            w: "100%",
-            p: "lg",
-            style: {
-              background: "rgba(20,20,24,0.75)",
-              border: "1px solid rgba(255,255,255,0.08)",
-              borderRadius: "10px",
-              boxShadow: "0 10px 40px rgba(0,0,0,0.6)"
-            },
-            children: /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
-              /* @__PURE__ */ jsx(Title, { order: 2, c: "red.5", children: "Dirk UI Crash" }),
-              /* @__PURE__ */ jsx(Text, { c: "dimmed", size: "sm", children: "The interface encountered a fatal error and stopped rendering." }),
-              /* @__PURE__ */ jsx(Code, { block: true, style: { maxHeight: 150, overflow: "auto" }, children: this.state.error?.message }),
-              /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "Check console for full stack trace" })
-            ] })
-          }
-        )
-      }
-    );
-  }
-};
-var useAdminToolStore = create((set, get) => ({
-  active: null,
-  begin: (spec) => new Promise((resolve) => {
-    const prev = get().active;
-    if (prev) prev.resolve(null);
-    set({ active: { ...spec, resolve } });
-  }),
-  resolveActive: (value) => {
-    const cur = get().active;
-    if (!cur) return;
-    cur.resolve(value);
-    set({ active: null });
-  },
-  cancelActive: () => {
-    const cur = get().active;
-    if (!cur) return;
-    cur.resolve(null);
-    set({ active: null });
-  }
-}));
-
-// src/components/AdminTools/AdminOverlays.tsx
-var listenerInstalled = false;
-function installNuiListener() {
-  if (listenerInstalled || typeof window === "undefined") return;
-  listenerInstalled = true;
-  window.addEventListener("message", (e) => {
-    const msg = e?.data;
-    if (!msg || typeof msg !== "object" || typeof msg.action !== "string") return;
-    const action = msg.action;
-    const cur = useAdminToolStore.getState().active;
-    if (!cur) return;
-    if (action === `${cur.id}_RESULT`) {
-      useAdminToolStore.getState().resolveActive(msg.data ?? null);
-    } else if (action === `${cur.id}_CANCELLED`) {
-      useAdminToolStore.getState().cancelActive();
-    }
-  });
-}
-var BODY_HIDE_STYLE_ID = "dirk-instruction-panel-style";
-var BODY_HIDE_ATTR = "data-dirk-instruction-active";
-var OVERLAY_ATTR = "data-dirk-instruction-overlay";
-function ensureBodyHideStyle() {
-  if (typeof document === "undefined") return;
-  if (document.getElementById(BODY_HIDE_STYLE_ID)) return;
-  const el = document.createElement("style");
-  el.id = BODY_HIDE_STYLE_ID;
-  el.textContent = `
-    body[${BODY_HIDE_ATTR}] > *:not([${OVERLAY_ATTR}]) {
-      visibility: hidden !important;
-      opacity: 0 !important;
-      pointer-events: none !important;
-    }
-  `;
-  document.head.appendChild(el);
-}
-function AdminOverlays() {
-  const active = useAdminToolStore((s) => s.active);
-  useEffect(() => {
-    installNuiListener();
-  }, []);
-  useEffect(() => {
-    if (!active || typeof document === "undefined") return;
-    ensureBodyHideStyle();
-    document.body.setAttribute(BODY_HIDE_ATTR, "");
-    return () => {
-      document.body.removeAttribute(BODY_HIDE_ATTR);
-    };
-  }, [active]);
-  return null;
-}
-library.add(fas, far, fab);
-var dirkQueryClient = new QueryClient({
-  defaultOptions: { queries: { staleTime: 3e4, gcTime: 5 * 6e4 } }
-});
-function DirkProvider({ children, overideResourceName, themeOverride }) {
-  const {
-    primaryColor,
-    primaryShade,
-    customTheme,
-    game
-  } = useSettings();
-  localeStore((s) => s.locales);
-  const [scTheme, setScTheme] = useState(null);
-  useLayoutEffect(() => {
-    useSettings.setState({
-      overideResourceName
-    });
-  }, [overideResourceName]);
-  useEffect(() => {
-    fetchNui("NUI_READY").catch(() => {
-    });
-    Promise.all([
-      fetchNui("GET_SETTINGS"),
-      fetchNui("GET_RESOURCE_VERSION", void 0, { version: "dev" })
-    ]).then(([data, resourceInfo]) => {
-      useSettings.setState({
-        ...data,
-        resourceVersion: resourceInfo?.version || "dev"
-      });
-    }).catch((err) => {
-      console.error("Failed to fetch initial settings within dirk-cfx-react:", err);
-    });
-  }, []);
-  useNuiEvent("UPDATE_DIRK_LIB_SETTINGS", (data) => {
-    if (!data || typeof data !== "object") return;
-    useSettings.setState(data);
-  });
-  useNuiEvent(
-    "UPDATE_SCRIPT_CONFIG",
-    (data) => {
-      if (!data || !data.config || typeof data.config !== "object") return;
-      try {
-        const inst = getScriptConfigInstance();
-        inst.store.setState((prev) => ({ ...prev, ...data.config }));
-      } catch {
-      }
-    }
-  );
-  useEffect(() => {
-    let unsubscribe;
-    try {
-      const inst = getScriptConfigInstance();
-      setScTheme(inst.store.getState()?.theme ?? null);
-      const subscribable = inst.store;
-      if (typeof subscribable.subscribe === "function") {
-        unsubscribe = subscribable.subscribe((s) => {
-          setScTheme(s?.theme ?? null);
-        });
-      }
-      inst.fetchConfig?.().then((full) => {
-        if (full && typeof full === "object") {
-          setScTheme(full.theme ?? null);
-        }
-      }).catch(() => {
-      });
-    } catch {
-    }
-    return () => {
-      unsubscribe?.();
-    };
-  }, []);
-  const overrideActive = scTheme?.useOverride === true;
-  const effectivePrimaryColor = overrideActive ? scTheme.primaryColor ?? primaryColor : primaryColor;
-  const effectivePrimaryShade = overrideActive ? scTheme.primaryShade ?? primaryShade : primaryShade;
-  const effectiveCustomTheme = overrideActive ? scTheme.customTheme ?? customTheme : customTheme;
-  const mergedTheme = useMemo(
-    () => mergeMantineThemeSafe(
-      { ...theme_default, primaryColor: effectivePrimaryColor, primaryShade: effectivePrimaryShade },
-      effectiveCustomTheme,
-      themeOverride
-    ),
-    [effectivePrimaryColor, effectivePrimaryShade, effectiveCustomTheme, themeOverride]
-  );
-  useEffect(() => {
-    document.body.style.fontFamily = game === "rdr3" ? '"Red Dead", sans-serif' : '"Akrobat Regular", sans-serif';
-  }, [game]);
-  const content = isEnvBrowser() ? /* @__PURE__ */ jsx(
-    BackgroundImage,
-    {
-      w: "100vw",
-      h: "100vh",
-      src: game === "fivem" ? "https://i.ytimg.com/vi/TOxuNbXrO28/maxresdefault.jpg" : "https://raw.githubusercontent.com/Jump-On-Studios/RedM-jo_libs/refs/heads/main/source-repositories/Menu/public/assets/images/background_dev.jpg",
-      children
-    }
-  ) : children;
-  return /* @__PURE__ */ jsx(QueryClientProvider, { client: dirkQueryClient, children: /* @__PURE__ */ jsx(MantineProvider, { theme: mergedTheme, defaultColorScheme: "dark", children: /* @__PURE__ */ jsxs(DirkErrorBoundary, { children: [
-    content,
-    /* @__PURE__ */ jsx(AdminOverlays, {})
-  ] }) }) });
-}
-
-export { DirkProvider, dirkQueryClient };
+import '../chunk-GKSP5RIA.js';
+export { DirkProvider, dirkQueryClient } from '../chunk-NVMOGS7Y.js';
+import '../chunk-Z7N5AQJW.js';
+import '../chunk-MYNNCLMA.js';
+import '../chunk-V6TY7KAL.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map