dirk-cfx-react 1.1.55 → 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,29 +3821,28 @@ function SettingsPanelInner({
 function cloneSettings(value) {
   return JSON.parse(JSON.stringify(value));
 }
-var defaultOnClose = () => fetchNui("CLOSE_ADMIN_SECTION");
-function SettingsPanel(props) {
-  const { open, onClose = defaultOnClose } = props;
-  const { store, updateSettings, fetchSettings } = getScriptSettingsInstance();
-  const [isSaving, setIsSaving] = react.useState(false);
-  const [loaded, setLoaded] = react.useState(false);
+function ServerOnlyFetcher() {
+  const { fetchSettings } = getScriptSettingsInstance();
+  const { reinitialize } = useFormActions();
   react.useEffect(() => {
-    if (!open) {
-      setLoaded(false);
-      return;
-    }
     let cancelled = false;
-    fetchSettings().then(() => {
-      if (!cancelled) setLoaded(true);
+    fetchSettings().then((full) => {
+      if (!cancelled && full) reinitialize(full);
     }).catch(() => {
-      if (!cancelled) setLoaded(true);
     });
     return () => {
       cancelled = true;
     };
-  }, [open]);
-  if (!open || !loaded) return null;
-  return /* @__PURE__ */ jsxRuntime.jsx(reactQuery.QueryClientProvider, { client: settingsPanelQueryClient, children: /* @__PURE__ */ jsxRuntime.jsx(
+  }, []);
+  return null;
+}
+var defaultOnClose = () => fetchNui("CLOSE_ADMIN_SECTION");
+function SettingsPanel(props) {
+  const { open, onClose = defaultOnClose } = props;
+  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.jsxs(
     FormProvider,
     {
       initialValues: cloneSettings(store.getState()),
@@ -3858,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
+          }
+        ) })
+      ]
     }
   ) });
 }