dirk-cfx-react 1.1.89 → 1.1.90

package/dist/components/index.cjs

@@ -1350,11 +1350,35 @@ function reportMissingLocale(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 = zustand.create((set, get) => {
   return {
-    locales: {
-      "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."
-    },
+    locales: { ...PACKAGE_DEFAULTS },
     locale: (key, ...args) => {
       const exists = get().locales[key];
       if (!exists) reportMissingLocale(key);
@@ -1368,7 +1392,7 @@ var localeStore = zustand.create((set, get) => {
 });
 var locale = localeStore.getState().locale;
 registerInitialFetch("GET_LOCALES", void 0).then((data) => {
-  localeStore.setState({ locales: data });
+  localeStore.setState({ locales: { ...PACKAGE_DEFAULTS, ...data } });
 }).catch(() => {
 });
 if (typeof window !== "undefined") {
@@ -1377,7 +1401,7 @@ if (typeof window !== "undefined") {
     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: msg.data });
+    localeStore.setState({ locales: { ...PACKAGE_DEFAULTS, ...msg.data } });
   });
 }
 
@@ -3906,7 +3930,7 @@ function ConfigJsonModal({
       setError(e.message);
     }
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs(Modal, { title: "Config JSON", icon: lucideReact.Code2, iconColor: color, onClose, width: "60vh", maxHeight: "80vh", zIndex: 200, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(Modal, { title: locale("cfgpanel_json_title"), icon: lucideReact.Code2, iconColor: color, onClose, width: "60vh", maxHeight: "80vh", zIndex: 200, children: [
     /* @__PURE__ */ jsxRuntime.jsxs(core.Box, { flex: 1, p: "0.8vh", style: { overflowY: "auto" }, children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         core.JsonInput,
@@ -3934,7 +3958,7 @@ function ConfigJsonModal({
           style: { background: "transparent", border: `0.1vh solid ${theme.colors.dark[6]}`, borderRadius: theme.radius.xs, padding: `${theme.spacing.xxs} ${theme.spacing.xs}`, cursor: "pointer", display: "flex", alignItems: "center", gap: theme.spacing.xxs },
           children: [
             /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { color: "rgba(255,255,255,0.4)" }),
-            /* @__PURE__ */ jsxRuntime.jsx(core.Text, { ff: "Akrobat Bold", size: "xs", tt: "uppercase", lts: "0.05em", c: "rgba(255,255,255,0.4)", children: "Cancel" })
+            /* @__PURE__ */ jsxRuntime.jsx(core.Text, { ff: "Akrobat Bold", size: "xs", tt: "uppercase", lts: "0.05em", c: "rgba(255,255,255,0.4)", children: locale("cfgpanel_cancel") })
           ]
         }
       ),
@@ -3947,7 +3971,7 @@ function ConfigJsonModal({
           style: { background: core.alpha(color, 0.14), border: `0.1vh solid ${core.alpha(color, 0.4)}`, borderRadius: theme.radius.xs, padding: `${theme.spacing.xxs} ${theme.spacing.xs}`, cursor: "pointer", display: "flex", alignItems: "center", gap: theme.spacing.xxs },
           children: [
             /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { color }),
-            /* @__PURE__ */ jsxRuntime.jsx(core.Text, { ff: "Akrobat Bold", size: "xs", tt: "uppercase", lts: "0.05em", c: color, children: "Apply" })
+            /* @__PURE__ */ jsxRuntime.jsx(core.Text, { ff: "Akrobat Bold", size: "xs", tt: "uppercase", lts: "0.05em", c: color, children: locale("cfgpanel_apply") })
           ]
         }
       )
@@ -4088,7 +4112,7 @@ function ConfigHistoryModal({
       historyQuery.fetchNextPage();
     }
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs(Modal, { title: "Config History", icon: lucideReact.History, iconColor: color, onClose, width: "88vh", maxHeight: "82vh", zIndex: 260, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(Modal, { title: locale("cfgpanel_history_title"), icon: lucideReact.History, iconColor: color, onClose, width: "88vh", maxHeight: "82vh", zIndex: 260, children: [
     /* @__PURE__ */ jsxRuntime.jsxs(core.Flex, { direction: "column", style: { flex: 1, minHeight: 0 }, children: [
       /* @__PURE__ */ jsxRuntime.jsxs(core.Flex, { gap: "xs", p: "sm", style: { borderBottom: `0.1vh solid ${core.alpha(theme.colors.dark[7], 0.8)}` }, children: [
         /* @__PURE__ */ jsxRuntime.jsx(core.TextInput, { leftSection: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { size: "1.4vh" }), placeholder: "Search path/admin/value", value: queryInput, onChange: (e) => setQueryInput(e.currentTarget.value), size: "xs", style: { flex: 1 } }),
@@ -4131,7 +4155,7 @@ function ConfigHistoryModal({
         style: { background: "transparent", border: `0.1vh solid ${theme.colors.dark[6]}`, borderRadius: theme.radius.xs, padding: `${theme.spacing.xxs} ${theme.spacing.xs}`, cursor: "pointer", display: "flex", alignItems: "center", gap: theme.spacing.xxs },
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { color: "rgba(255,255,255,0.4)", size: "1.5vh" }),
-          /* @__PURE__ */ jsxRuntime.jsx(core.Text, { ff: "Akrobat Bold", size: "xs", tt: "uppercase", lts: "0.05em", c: "rgba(255,255,255,0.4)", children: "Close" })
+          /* @__PURE__ */ jsxRuntime.jsx(core.Text, { ff: "Akrobat Bold", size: "xs", tt: "uppercase", lts: "0.05em", c: "rgba(255,255,255,0.4)", children: locale("cfgpanel_close") })
         ]
       }
     ) })
@@ -4191,9 +4215,9 @@ function ConfigPanelInner({
     /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children: resetOpen && /* @__PURE__ */ jsxRuntime.jsx(
       ConfirmModal,
       {
-        title: "Reset to Defaults",
-        description: "This will permanently reset ALL config back to the defaults. Every value you have configured will be overwritten. This cannot be undone.",
-        confirmLabel: "Reset Config",
+        title: locale("cfgpanel_reset_title"),
+        description: locale("cfgpanel_reset_desc"),
+        confirmLabel: locale("cfgpanel_reset_confirm"),
         confirmText: resetConfirmText,
         onConfirm: async () => {
           setResetOpen(false);
@@ -4225,9 +4249,9 @@ function ConfigPanelInner({
     /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children: pendingAction !== null && /* @__PURE__ */ jsxRuntime.jsx(
       ConfirmModal,
       {
-        title: "Discard Unsaved Changes?",
-        description: pendingAction === "back" ? "You have unsaved changes. Going back now will discard them." : "You have unsaved changes. Closing now will discard them.",
-        confirmLabel: pendingAction === "back" ? "Go Back Without Saving" : "Close Without Saving",
+        title: locale("cfgpanel_discard_title"),
+        description: pendingAction === "back" ? locale("cfgpanel_discard_desc_back") : locale("cfgpanel_discard_desc_close"),
+        confirmLabel: pendingAction === "back" ? locale("cfgpanel_discard_confirm_back") : locale("cfgpanel_discard_confirm_close"),
         onConfirm: () => {
           const action = pendingAction;
           setPendingAction(null);
@@ -4265,7 +4289,7 @@ function ConfigPanelInner({
               /* @__PURE__ */ jsxRuntime.jsx(
                 framerMotion.motion.button,
                 {
-                  title: "Back to script list",
+                  title: locale("cfgpanel_back_title"),
                   onClick: handleBack,
                   whileHover: { background: core.alpha(color, 0.16), borderColor: core.alpha(color, 0.45) },
                   whileTap: { scale: 0.95 },
@@ -4293,7 +4317,7 @@ function ConfigPanelInner({
               /* @__PURE__ */ jsxRuntime.jsx(
                 framerMotion.motion.button,
                 {
-                  title: "Undo",
+                  title: locale("cfgpanel_undo"),
                   onClick: () => form.canBack && form.back(),
                   disabled: !form.canBack,
                   whileHover: form.canBack ? { background: "rgba(255,255,255,0.07)" } : void 0,
@@ -4305,7 +4329,7 @@ function ConfigPanelInner({
               /* @__PURE__ */ jsxRuntime.jsx(
                 framerMotion.motion.button,
                 {
-                  title: "Redo",
+                  title: locale("cfgpanel_redo"),
                   onClick: () => form.canForward && form.forward(),
                   disabled: !form.canForward,
                   whileHover: form.canForward ? { background: "rgba(255,255,255,0.07)" } : void 0,
@@ -4317,7 +4341,7 @@ function ConfigPanelInner({
               /* @__PURE__ */ jsxRuntime.jsx(
                 framerMotion.motion.button,
                 {
-                  title: isSaving ? "Saving..." : isDirty ? `Save (${changedCount})` : "Save",
+                  title: isSaving ? locale("cfgpanel_saving") : isDirty ? `${locale("cfgpanel_save")} (${changedCount})` : locale("cfgpanel_save"),
                   onClick: () => isDirty && !isSaving && form.submit(),
                   disabled: !isDirty || isSaving,
                   whileHover: isDirty && !isSaving ? { background: core.alpha(color, 0.25), borderColor: core.alpha(color, 0.5) } : void 0,
@@ -4329,7 +4353,7 @@ function ConfigPanelInner({
               /* @__PURE__ */ jsxRuntime.jsx(
                 framerMotion.motion.button,
                 {
-                  title: "History",
+                  title: locale("cfgpanel_history"),
                   onClick: () => setHistoryOpen(true),
                   whileHover: { background: core.alpha("#22d3ee", 0.16), borderColor: core.alpha("#22d3ee", 0.5) },
                   whileTap: { scale: 0.97 },
@@ -4350,7 +4374,7 @@ function ConfigPanelInner({
                   style: { width: "100%", background: "transparent", border: `0.1vh solid ${isDirty ? core.alpha("#f97316", 0.35) : core.alpha(theme.colors.dark[5], 0.3)}`, borderRadius: theme.radius.xs, padding: "0.65vh 0.8vh", cursor: isDirty ? "pointer" : "default", display: "flex", alignItems: "center", gap: "0.55vh", opacity: isDirty ? 1 : 0.35, transition: "opacity 0.2s" },
                   children: [
                     /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XCircle, { color: isDirty ? "#f97316" : "rgba(255,255,255,0.35)", size: "1.6vh" }),
-                    /* @__PURE__ */ jsxRuntime.jsx(core.Text, { ff: "Akrobat Bold", size: "xxs", tt: "uppercase", lts: "0.06em", c: isDirty ? "#f97316" : "rgba(255,255,255,0.35)", children: "Discard" })
+                    /* @__PURE__ */ jsxRuntime.jsx(core.Text, { ff: "Akrobat Bold", size: "xxs", tt: "uppercase", lts: "0.06em", c: isDirty ? "#f97316" : "rgba(255,255,255,0.35)", children: locale("cfgpanel_discard") })
                   ]
                 }
               ),
@@ -4364,7 +4388,7 @@ function ConfigPanelInner({
                   style: { width: "100%", background: core.alpha(color, 0.07), border: `0.1vh solid ${core.alpha(color, 0.28)}`, borderRadius: theme.radius.xs, padding: "0.65vh 0.8vh", cursor: "pointer", display: "flex", alignItems: "center", gap: "0.55vh" },
                   children: [
                     /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Code2, { color, size: "1.6vh" }),
-                    /* @__PURE__ */ jsxRuntime.jsx(core.Text, { ff: "Akrobat Bold", size: "xxs", tt: "uppercase", lts: "0.06em", c: color, children: "Manual Edit" })
+                    /* @__PURE__ */ jsxRuntime.jsx(core.Text, { ff: "Akrobat Bold", size: "xxs", tt: "uppercase", lts: "0.06em", c: color, children: locale("cfgpanel_manual_edit") })
                   ]
                 }
               ),
@@ -4377,12 +4401,13 @@ function ConfigPanelInner({
                   style: { width: "100%", background: core.alpha("#ef4444", 0.07), border: `0.1vh solid ${core.alpha("#ef4444", 0.25)}`, borderRadius: theme.radius.xs, padding: "0.65vh 0.8vh", cursor: "pointer", display: "flex", alignItems: "center", gap: "0.55vh" },
                   children: [
                     /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RotateCcw, { color: "#ef4444", size: "1.6vh" }),
-                    /* @__PURE__ */ jsxRuntime.jsx(core.Text, { ff: "Akrobat Bold", size: "xxs", tt: "uppercase", lts: "0.06em", c: "#ef4444", children: "Reset Defaults" })
+                    /* @__PURE__ */ jsxRuntime.jsx(core.Text, { ff: "Akrobat Bold", size: "xxs", tt: "uppercase", lts: "0.06em", c: "#ef4444", children: locale("cfgpanel_reset_defaults") })
                   ]
                 }
               ),
               version && /* @__PURE__ */ jsxRuntime.jsxs(core.Text, { size: "0.95vh", c: "dimmed", ta: "center", style: { letterSpacing: "0.04em", opacity: 0.8 }, children: [
-                "Version ",
+                locale("cfgpanel_version"),
+                " ",
                 version
               ] })
             ] })