dirk-cfx-react 1.1.54 → 1.1.56

package/dist/components/index.cjs

@@ -3284,6 +3284,13 @@ function useForm() {
   }, [state.values, state.initialValues]);
   return { ...state, changedFields, changedCount: changedFields.length };
 }
+function useFormActions() {
+  const store = react.useContext(FormContext);
+  if (!store) {
+    throw new Error("useFormActions must be used inside <FormProvider>");
+  }
+  return store.getState();
+}
 function getScriptSettingsInstance() {
   throw new Error("[dirk-cfx-react] createScriptSettings must be called before using SettingsPanel");
 }
@@ -3814,13 +3821,28 @@ function SettingsPanelInner({
 function cloneSettings(value) {
   return JSON.parse(JSON.stringify(value));
 }
+function ServerOnlyFetcher() {
+  const { fetchSettings } = getScriptSettingsInstance();
+  const { reinitialize } = useFormActions();
+  react.useEffect(() => {
+    let cancelled = false;
+    fetchSettings().then((full) => {
+      if (!cancelled && full) reinitialize(full);
+    }).catch(() => {
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, []);
+  return null;
+}
 var defaultOnClose = () => fetchNui("CLOSE_ADMIN_SECTION");
 function SettingsPanel(props) {
   const { open, onClose = defaultOnClose } = props;
-  const { store, updateSettings } = getScriptSettingsInstance();
+  const { store, updateSettings, fetchSettings } = getScriptSettingsInstance();
   const [isSaving, setIsSaving] = react.useState(false);
   if (!open) return null;
-  return /* @__PURE__ */ jsxRuntime.jsx(reactQuery.QueryClientProvider, { client: settingsPanelQueryClient, children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(reactQuery.QueryClientProvider, { client: settingsPanelQueryClient, children: /* @__PURE__ */ jsxRuntime.jsxs(
     FormProvider,
     {
       initialValues: cloneSettings(store.getState()),
@@ -3831,6 +3853,7 @@ function SettingsPanel(props) {
           const result = await updateSettings(form.values);
           if (result?.success) {
             form.reinitialize(cloneSettings(form.values));
+            settingsPanelQueryClient.invalidateQueries({ queryKey: ["scriptSettingsHistory"] });
             return;
           }
           form.reinitialize(cloneSettings(store.getState()));
@@ -3841,14 +3864,17 @@ function SettingsPanel(props) {
           setIsSaving(false);
         }
       },
-      children: /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children: open && /* @__PURE__ */ jsxRuntime.jsx(
-        SettingsPanelInner,
-        {
-          ...props,
-          onClose,
-          isSaving
-        }
-      ) })
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ServerOnlyFetcher, {}),
+        /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children: open && /* @__PURE__ */ jsxRuntime.jsx(
+          SettingsPanelInner,
+          {
+            ...props,
+            onClose,
+            isSaving
+          }
+        ) })
+      ]
     }
   ) });
 }