Using new ApiOptions

Author: forman

dashi/src/state/system.ts

@@ -2,8 +2,10 @@ import { ContribPoint, Contributions, Extension } from "@/model/extension";
 import { Contribution } from "@/model/contribution";
 import { ApiResult } from "@/utils/fetchApiResult";
 import { ContributionState } from "./contribution";
+import { ApiOptions } from "@/api";
 
 export interface SystemState {
+  apiOptions?: ApiOptions;
   // API call result GET /contributions
   contributionsResult: ApiResult<Contributions>;
   // All extensions

dashi/src/store/actions/applyPropertyChange.ts

@@ -25,7 +25,7 @@ export default function applyPropertyChange(
   contribIndex: number,
   contribEvent: PropertyChangeEvent,
 ) {
-  const { contributionModelsRecord, contributionStatesRecord } =
+  const { apiOptions, contributionModelsRecord, contributionStatesRecord } =
     systemStore.getState();
   const contributionModels = contributionModelsRecord[contribPoint];
   const contributionStates = contributionStatesRecord[contribPoint];
@@ -61,7 +61,7 @@ export default function applyPropertyChange(
         ...callbackRef,
       }),
     );
-    fetchApiResult(fetchStateChangeRequests, callbackRequests).then(
+    fetchApiResult(fetchStateChangeRequests, callbackRequests, apiOptions).then(
       (changeRequestsResult) => {
         const secondaryChangeRequests = changeRequestsResult.data;
         if (secondaryChangeRequests) {

dashi/src/store/actions/initSystemStore.ts

@@ -1,15 +1,15 @@
 import systemStore from "@/store/system";
 import fetchApiResult from "@/utils/fetchApiResult";
-import { fetchContributions } from "@/api";
+import { ApiOptions, fetchContributions } from "@/api";
 import { Contribution } from "@/model/contribution";
 import { ContributionState } from "@/state/contribution";
 import { ContribPoint } from "@/model/extension";
 
-export function initSystemStore() {
+export function initSystemStore(apiOptions?: ApiOptions) {
   const set = systemStore.setState;
 
-  set({ contributionsResult: { status: "pending" } });
-  fetchApiResult(fetchContributions).then((contributionsResult) => {
+  set({ apiOptions, contributionsResult: { status: "pending" } });
+  fetchApiResult(fetchContributions, apiOptions).then((contributionsResult) => {
     // TODO: assert Boolean(contributionsResult.data)
     const { extensions, contributions: contributionModelsRecord } =
       contributionsResult.data!;

dashi/src/store/actions/setComponentVisibility.ts

@@ -10,7 +10,7 @@ export function setComponentVisibility(
   panelIndex: number,
   visible: boolean,
 ) {
-  const { contributionStatesRecord } = systemStore.getState();
+  const { apiOptions, contributionStatesRecord } = systemStore.getState();
   const contributionStates = contributionStatesRecord[contribPoint];
   const contributionState = contributionStates[panelIndex];
   if (contributionState.visible === visible) {
@@ -30,6 +30,7 @@ export function setComponentVisibility(
       contribPoint,
       panelIndex,
       inputValues,
+      apiOptions,
     ).then((componentModelResult) => {
       const componentState = componentModelResult?.data;
       updateContributionState(contribPoint, panelIndex, {