@oneuptime/common 8.0.5185 → 8.0.5199

package/UI/Components/Charts/ChartLibrary/BarChart/BarChart.tsx

@@ -121,7 +121,7 @@ const LegendItem: React.FunctionComponent<LegendItemProps> = ({
         // base
         "group inline-flex flex-nowrap items-center gap-1.5 rounded-sm px-2 py-1 whitespace-nowrap transition",
         hasOnValueChange
-          ? "cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-800"
+          ? "cursor-pointer hover:bg-gray-100"
           : "cursor-default",
       )}
       onClick={(e: React.MouseEvent) => {
@@ -142,9 +142,8 @@ const LegendItem: React.FunctionComponent<LegendItemProps> = ({
           // base
           "truncate text-xs whitespace-nowrap",
           // text color
-          "text-gray-700 dark:text-gray-300",
-          hasOnValueChange &&
-            "group-hover:text-gray-900 dark:group-hover:text-gray-50",
+          "text-gray-700",
+          hasOnValueChange && "group-hover:text-gray-900",
           activeLegend && activeLegend !== name ? "opacity-40" : "opacity-100",
         )}
       >
@@ -197,8 +196,8 @@ const ScrollButton: React.FunctionComponent<ScrollButtonProps> = ({
         // base
         "group inline-flex size-5 items-center truncate rounded-sm transition",
         disabled
-          ? "cursor-not-allowed text-gray-400 dark:text-gray-600"
-          : "cursor-pointer text-gray-700 hover:bg-gray-100 hover:text-gray-900 dark:text-gray-300 dark:hover:bg-gray-800 dark:hover:text-gray-50",
+          ? "cursor-not-allowed text-gray-400"
+          : "cursor-pointer text-gray-700 hover:bg-gray-100 hover:text-gray-900",
       )}
       disabled={disabled}
       onClick={(e: React.MouseEvent) => {
@@ -381,7 +380,7 @@ const Legend: React.ForwardRefExoticComponent<
                 // base
                 "absolute top-0 right-0 bottom-0 flex h-full items-center justify-center pr-1",
                 // background color
-                "bg-white dark:bg-gray-950",
+                "bg-white",
               )}
             >
               <ScrollButton
@@ -512,9 +511,9 @@ const ChartTooltip: React.FunctionComponent<ChartTooltipProps> = ({
           // base
           "rounded-md border text-sm shadow-md",
           // border color
-          "border-gray-200 dark:border-gray-800",
+          "border-gray-200",
           // background color
-          "bg-white dark:bg-gray-950",
+          "bg-white",
         )}
       >
         <div className={cx("border-b border-inherit px-4 py-2")}>
@@ -523,7 +522,7 @@ const ChartTooltip: React.FunctionComponent<ChartTooltipProps> = ({
               // base
               "font-medium",
               // text color
-              "text-gray-900 dark:text-gray-50",
+              "text-gray-900",
             )}
           >
             {label}
@@ -550,7 +549,7 @@ const ChartTooltip: React.FunctionComponent<ChartTooltipProps> = ({
                         // base
                         "text-right whitespace-nowrap",
                         // text color
-                        "text-gray-700 dark:text-gray-300",
+                        "text-gray-700",
                       )}
                     >
                       {category}
@@ -561,7 +560,7 @@ const ChartTooltip: React.FunctionComponent<ChartTooltipProps> = ({
                       // base
                       "text-right font-medium whitespace-nowrap tabular-nums",
                       // text color
-                      "text-gray-900 dark:text-gray-50",
+                      "text-gray-900",
                     )}
                   >
                     {valueFormatter(value)}
@@ -771,7 +770,7 @@ const BarChart: React.ForwardRefExoticComponent<
           >
             {showGridLines ? (
               <CartesianGrid
-                className={cx("stroke-gray-200 stroke-1 dark:stroke-gray-800")}
+                className={cx("stroke-gray-200 stroke-1")}
                 horizontal={layout !== "vertical"}
                 vertical={layout === "vertical"}
               />
@@ -788,7 +787,7 @@ const BarChart: React.ForwardRefExoticComponent<
                 // base
                 "text-xs",
                 // text fill
-                "fill-gray-500 dark:fill-gray-500",
+                "fill-gray-500",
                 { "mt-4": layout !== "vertical" },
               )}
               tickLine={false}
@@ -823,7 +822,7 @@ const BarChart: React.ForwardRefExoticComponent<
                 <Label
                   position="insideBottom"
                   offset={-20}
-                  className="fill-gray-800 text-sm font-medium dark:fill-gray-200"
+                  className="fill-gray-800 text-sm font-medium"
                 >
                   {xAxisLabel}
                 </Label>
@@ -840,7 +839,7 @@ const BarChart: React.ForwardRefExoticComponent<
                 // base
                 "text-xs",
                 // text fill
-                "fill-gray-500 dark:fill-gray-500",
+                "fill-gray-500",
               )}
               tick={{
                 transform:
@@ -876,7 +875,7 @@ const BarChart: React.ForwardRefExoticComponent<
                   style={{ textAnchor: "middle" }}
                   angle={-90}
                   offset={-15}
-                  className="fill-gray-800 text-sm font-medium dark:fill-gray-200"
+                  className="fill-gray-800 text-sm font-medium"
                 >
                   {yAxisLabel}
                 </Label>

package/UI/Components/Charts/ChartLibrary/LineChart/LineChart.tsx

@@ -58,7 +58,7 @@ const LegendItem: ({
         // base
         "group inline-flex flex-nowrap items-center gap-1.5 whitespace-nowrap rounded px-2 py-1 transition",
         hasOnValueChange
-          ? "cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-800"
+          ? "cursor-pointer hover:bg-gray-100"
           : "cursor-default",
       )}
       onClick={(e: React.MouseEvent<HTMLLIElement, MouseEvent>) => {
@@ -79,9 +79,8 @@ const LegendItem: ({
           // base
           "truncate whitespace-nowrap text-xs",
           // text color
-          "text-gray-700 dark:text-gray-300",
-          hasOnValueChange &&
-            "group-hover:text-gray-900 dark:group-hover:text-gray-50",
+          "text-gray-700",
+          hasOnValueChange && "group-hover:text-gray-900",
           activeLegend && activeLegend !== name ? "opacity-40" : "opacity-100",
         )}
       >
@@ -138,8 +137,8 @@ const ScrollButton: ({
         // base
         "group inline-flex size-5 items-center truncate rounded transition",
         disabled
-          ? "cursor-not-allowed text-gray-400 dark:text-gray-600"
-          : "cursor-pointer text-gray-700 hover:bg-gray-100 hover:text-gray-900 dark:text-gray-300 dark:hover:bg-gray-800 dark:hover:text-gray-50",
+          ? "cursor-not-allowed text-gray-400"
+          : "cursor-pointer text-gray-700 hover:bg-gray-100 hover:text-gray-900",
       )}
       disabled={disabled}
       onClick={(e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {
@@ -321,7 +320,7 @@ const Legend: React.ForwardRefExoticComponent<
                 // base
                 "absolute bottom-0 right-0 top-0 flex h-full items-center justify-center pr-1",
                 // background color
-                "bg-white dark:bg-gray-950",
+                "bg-white",
               )}
             >
               <ScrollButton
@@ -463,9 +462,9 @@ const ChartTooltip: ({
           // base
           "rounded-md border text-sm shadow-md",
           // border color
-          "border-gray-200 dark:border-gray-800",
+          "border-gray-200",
           // background color
-          "bg-white dark:bg-gray-950",
+          "bg-white",
         )}
       >
         <div className={cx("border-b border-inherit px-4 py-2")}>
@@ -474,7 +473,7 @@ const ChartTooltip: ({
               // base
               "font-medium",
               // text color
-              "text-gray-900 dark:text-gray-50",
+              "text-gray-900",
             )}
           >
             {label}
@@ -501,7 +500,7 @@ const ChartTooltip: ({
                         // base
                         "whitespace-nowrap text-right",
                         // text color
-                        "text-gray-700 dark:text-gray-300",
+                        "text-gray-700",
                       )}
                     >
                       {category}
@@ -512,7 +511,7 @@ const ChartTooltip: ({
                       // base
                       "whitespace-nowrap text-right font-medium tabular-nums",
                       // text color
-                      "text-gray-900 dark:text-gray-50",
+                      "text-gray-900",
                     )}
                   >
                     {valueFormatter(value)}
@@ -711,7 +710,7 @@ const LineChart: React.ForwardRefExoticComponent<
           >
             {showGridLines ? (
               <CartesianGrid
-                className={cx("stroke-gray-200 stroke-1 dark:stroke-gray-800")}
+                className={cx("stroke-gray-200 stroke-1")}
                 horizontal={true}
                 vertical={false}
               />
@@ -736,7 +735,7 @@ const LineChart: React.ForwardRefExoticComponent<
                 // base
                 "text-xs",
                 // text fill
-                "fill-gray-500 dark:fill-gray-500",
+                "fill-gray-500",
               )}
               tickLine={false}
               axisLine={false}
@@ -746,7 +745,7 @@ const LineChart: React.ForwardRefExoticComponent<
                 <Label
                   position="insideBottom"
                   offset={-20}
-                  className="fill-gray-800 text-sm font-medium dark:fill-gray-200"
+                  className="fill-gray-800 text-sm font-medium"
                 >
                   {xAxisLabel}
                 </Label>
@@ -766,7 +765,7 @@ const LineChart: React.ForwardRefExoticComponent<
                 // base
                 "text-xs",
                 // text fill
-                "fill-gray-500 dark:fill-gray-500",
+                "fill-gray-500",
               )}
               tickFormatter={valueFormatter}
               allowDecimals={allowDecimals}
@@ -777,7 +776,7 @@ const LineChart: React.ForwardRefExoticComponent<
                   style={{ textAnchor: "middle" }}
                   angle={-90}
                   offset={-15}
-                  className="fill-gray-800 text-sm font-medium dark:fill-gray-200"
+                  className="fill-gray-800 text-sm font-medium"
                 >
                   {yAxisLabel}
                 </Label>
@@ -884,7 +883,7 @@ const LineChart: React.ForwardRefExoticComponent<
                     return (
                       <Dot
                         className={cx(
-                          "stroke-white dark:stroke-gray-950",
+                          "stroke-white",
                           onValueChange ? "cursor-pointer" : "",
                           getColorClassName(
                             categoryColors.get(
@@ -940,7 +939,7 @@ const LineChart: React.ForwardRefExoticComponent<
                           strokeLinejoin={strokeLinejoin}
                           strokeWidth={strokeWidth}
                           className={cx(
-                            "stroke-white dark:stroke-gray-950",
+                            "stroke-white",
                             onValueChange ? "cursor-pointer" : "",
                             getColorClassName(
                               categoryColors.get(

package/UI/Components/LogsViewer/LogsViewer.tsx

@@ -93,15 +93,15 @@ const LogsViewer: FunctionComponent<ComponentProps> = (
       setServiceMap(services);
 
       const attributeRepsonse: HTTPResponse<JSONObject> | HTTPErrorResponse =
-        await API.post(
-          URL.fromString(APP_API_URL.toString()).addRoute(
+        await API.post({
+          url: URL.fromString(APP_API_URL.toString()).addRoute(
             "/telemetry/logs/get-attributes",
           ),
-          {},
-          {
+          data: {},
+          headers: {
             ...ModelAPI.getCommonHeaders(),
           },
-        );
+        });
 
       if (attributeRepsonse instanceof HTTPErrorResponse) {
         throw attributeRepsonse;
@@ -230,7 +230,7 @@ const LogsViewer: FunctionComponent<ComponentProps> = (
             </div>
 
             {/* Enhanced Controls Section */}
-            <div className="-mx-6 -mb-6 px-6 py-3 border-t border-slate-200 dark:border-slate-700 bg-white/50 dark:bg-slate-900/50">
+            <div className="-mx-6 -mb-6 px-6 py-3 border-t border-slate-200 bg-white/50">
               <div className="flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between">
                 <div className="flex items-center gap-4 flex-wrap">
                   <div className="flex items-center gap-2">
@@ -241,12 +241,12 @@ const LogsViewer: FunctionComponent<ComponentProps> = (
                         return setAutoScroll(checked);
                       }}
                     />
-                    <span className="text-xs text-slate-600 dark:text-slate-300">
+                    <span className="text-xs text-slate-600">
                       {autoScroll ? "Live" : "Paused"}
                     </span>
                   </div>
-                  <span className="hidden sm:block h-4 w-px bg-slate-200 dark:bg-slate-700" />
-                  <span className="text-xs text-slate-500 dark:text-slate-400">
+                  <span className="hidden sm:block h-4 w-px bg-slate-200" />
+                  <span className="text-xs text-slate-500">
                     {props.logs.length} result
                     {props.logs.length !== 1 ? "s" : ""}
                   </span>

package/UI/Components/ModelList/ModelList.tsx

@@ -111,11 +111,11 @@ const ModelList: <TBaseModel extends BaseModel>(
       };
 
       if (props.overrideFetchApiUrl) {
-        const result: HTTPResponse<JSONArray> = (await API.post(
-          props.overrideFetchApiUrl,
-          {},
-          {},
-        )) as HTTPResponse<JSONArray>;
+        const result: HTTPResponse<JSONArray> = (await API.post({
+          url: props.overrideFetchApiUrl,
+          data: {},
+          headers: {},
+        })) as HTTPResponse<JSONArray>;
 
         listResult = {
           data: BaseModel.fromJSONArray(

package/UI/Components/Workflow/DocumentationViewer.tsx

@@ -38,14 +38,14 @@ const DocumentationViewer: FunctionComponent<ComponentProps> = (
     if (props.documentationLink) {
       try {
         setIsLoading(true);
-        const body: HTTPResponse<any> = await API.get(
-          new URL(HTTP_PROTOCOL, HOST, props.documentationLink),
-          {},
-          {
+        const body: HTTPResponse<any> = await API.get({
+          url: new URL(HTTP_PROTOCOL, HOST, props.documentationLink),
+          data: {},
+          headers: {
             Accept: "text/plain",
             "Content-Type": "text/plain",
           },
-        );
+        });
         setMarkdown(populateWithEnvVars((body.data as any).data.toString()));
         setIsLoading(false);
       } catch (err) {

package/UI/Utils/API/API.ts

@@ -95,7 +95,7 @@ class BaseAPI extends API {
     return User.logout();
   }
 
-  protected static override handleError(
+  public static override handleError(
     error: HTTPErrorResponse | APIException,
   ): HTTPErrorResponse | APIException {
     // 405 Status - Tenant not found. If Project was deleted.

package/UI/Utils/AnalyticsModelAPI/AnalyticsModelAPI.ts

@@ -96,18 +96,23 @@ export default class ModelAPI {
 
     apiUrl = apiUrl.addRoute(`/${id.toString()}`);
 
-    const result: HTTPResponse<
-      JSONObject | JSONArray | TAnalyticsBaseModel | Array<TAnalyticsBaseModel>
-    > = await API.fetch<
+    const result:
+      | HTTPErrorResponse
+      | HTTPResponse<
+          | JSONObject
+          | JSONArray
+          | TAnalyticsBaseModel
+          | Array<TAnalyticsBaseModel>
+        > = await API.fetch<
       JSONObject | JSONArray | TAnalyticsBaseModel | Array<TAnalyticsBaseModel>
-    >(
-      HTTPMethod.PUT,
-      apiUrl,
-      {
+    >({
+      method: HTTPMethod.PUT,
+      url: apiUrl,
+      data: {
         data: data,
       },
-      this.getCommonHeaders(requestOptions),
-    );
+      headers: this.getCommonHeaders(requestOptions),
+    });
 
     if (result.isSuccess()) {
       return result;
@@ -150,20 +155,20 @@ export default class ModelAPI {
     }
 
     const apiResult: HTTPErrorResponse | HTTPResponse<TAnalyticsBaseModel> =
-      await API.fetch<TAnalyticsBaseModel>(
-        httpMethod,
-        apiUrl,
-        {
+      await API.fetch<TAnalyticsBaseModel>({
+        method: httpMethod,
+        url: apiUrl,
+        data: {
           data: JSONFunctions.serialize(
             AnalyticsBaseModel.toJSON(model, modelType),
           ),
           miscDataProps: miscDataProps || {},
         },
-        {
+        headers: {
           ...this.getCommonHeaders(requestOptions),
           ...(requestOptions?.requestHeaders || {}),
         },
-      );
+      });
 
     if (apiResult.isSuccess() && apiResult instanceof HTTPResponse) {
       const result: HTTPResponse<TAnalyticsBaseModel> =
@@ -216,14 +221,14 @@ export default class ModelAPI {
     const headers: Dictionary<string> = this.getCommonHeaders(requestOptions);
 
     const result: HTTPResponse<JSONArray> | HTTPErrorResponse =
-      await API.fetch<JSONArray>(
-        HTTPMethod.POST,
-        apiUrl,
-        {
+      await API.fetch<JSONArray>({
+        method: HTTPMethod.POST,
+        url: apiUrl,
+        data: {
           aggregateBy: JSONFunctions.serialize(aggregateBy as any),
         },
         headers,
-      );
+      });
 
     if (result.isSuccess()) {
       const aggregatedResult: AggregatedResult = result.data as any;
@@ -283,21 +288,21 @@ export default class ModelAPI {
     const headers: Dictionary<string> = this.getCommonHeaders(requestOptions);
 
     const result: HTTPResponse<JSONArray> | HTTPErrorResponse =
-      await API.fetch<JSONArray>(
-        HTTPMethod.POST,
-        apiUrl,
-        {
+      await API.fetch<JSONArray>({
+        method: HTTPMethod.POST,
+        url: apiUrl,
+        data: {
           query: JSONFunctions.serialize(query as JSONObject),
           select: JSONFunctions.serialize(select as JSONObject),
           sort: JSONFunctions.serialize(sort as JSONObject),
           groupBy: JSONFunctions.serialize(groupBy as JSONObject),
         },
         headers,
-        {
+        params: {
           limit: limit.toString(),
           skip: skip.toString(),
         },
-      );
+      });
 
     if (result.isSuccess()) {
       const list: Array<TAnalyticsBaseModel> = AnalyticsBaseModel.fromJSONArray(
@@ -348,14 +353,14 @@ export default class ModelAPI {
     const headers: Dictionary<string> = this.getCommonHeaders(requestOptions);
 
     const result: HTTPResponse<JSONObject> | HTTPErrorResponse =
-      await API.fetch<JSONObject>(
-        HTTPMethod.POST,
-        apiUrl,
-        {
+      await API.fetch<JSONObject>({
+        method: HTTPMethod.POST,
+        url: apiUrl,
+        data: {
           query: JSONFunctions.serialize(query as JSONObject),
         },
         headers,
-      );
+      });
 
     if (result.isSuccess()) {
       const count: number = result.data["count"] as number;
@@ -433,14 +438,14 @@ export default class ModelAPI {
     requestOptions?: RequestOptions | undefined,
   ): Promise<TAnalyticsBaseModel | null> {
     const result: HTTPResponse<TAnalyticsBaseModel> | HTTPErrorResponse =
-      await API.fetch<TAnalyticsBaseModel>(
-        HTTPMethod.POST,
-        apiUrl,
-        {
+      await API.fetch<TAnalyticsBaseModel>({
+        method: HTTPMethod.POST,
+        url: apiUrl,
+        data: {
           select: JSONFunctions.serialize(select as JSONObject) || {},
         },
-        this.getCommonHeaders(requestOptions),
-      );
+        headers: this.getCommonHeaders(requestOptions),
+      });
 
     if (result.isSuccess()) {
       return AnalyticsBaseModel.fromJSON(
@@ -481,12 +486,11 @@ export default class ModelAPI {
     }
 
     const result: HTTPResponse<TAnalyticsBaseModel> | HTTPErrorResponse =
-      await API.fetch<TAnalyticsBaseModel>(
-        HTTPMethod.DELETE,
-        apiUrl,
-        undefined,
-        this.getCommonHeaders(requestOptions),
-      );
+      await API.fetch<TAnalyticsBaseModel>({
+        method: HTTPMethod.DELETE,
+        url: apiUrl,
+        headers: this.getCommonHeaders(requestOptions),
+      });
 
     if (result.isSuccess()) {
       return;

package/UI/Utils/ModelAPI/ModelAPI.ts

@@ -94,14 +94,14 @@ export default class ModelAPI {
       JSONObject | JSONArray | TBaseModel | Array<TBaseModel>
     > = await API.fetch<
       JSONObject | JSONArray | TBaseModel | Array<TBaseModel>
-    >(
-      HTTPMethod.PUT,
-      apiUrl,
-      {
+    >({
+      method: HTTPMethod.PUT,
+      url: apiUrl,
+      data: {
         data: data.data,
       },
-      this.getCommonHeaders(data.requestOptions),
-    );
+      headers: this.getCommonHeaders(data.requestOptions),
+    });
 
     if (result.isSuccess()) {
       return result;
@@ -143,20 +143,20 @@ export default class ModelAPI {
     }
 
     const apiResult: HTTPErrorResponse | HTTPResponse<TBaseModel> =
-      await API.fetch<TBaseModel>(
-        httpMethod,
-        apiUrl,
-        {
+      await API.fetch<TBaseModel>({
+        method: httpMethod,
+        url: apiUrl,
+        data: {
           data: JSONFunctions.serialize(
             BaseModel.toJSON(data.model, data.modelType),
           ),
           miscDataProps: data.miscDataProps || {},
         },
-        {
+        headers: {
           ...this.getCommonHeaders(data.requestOptions),
           ...(data.requestOptions?.requestHeaders || {}),
         },
-      );
+      });
 
     if (apiResult.isSuccess() && apiResult instanceof HTTPResponse) {
       const result: ModelAPIHttpResponse<TBaseModel> =
@@ -217,21 +217,21 @@ export default class ModelAPI {
     }
 
     const result: HTTPResponse<JSONArray> | HTTPErrorResponse =
-      await API.fetch<JSONArray>(
-        HTTPMethod.POST,
-        apiUrl,
-        {
+      await API.fetch<JSONArray>({
+        method: HTTPMethod.POST,
+        url: apiUrl,
+        data: {
           query: JSONFunctions.serialize(data.query as JSONObject),
           select: JSONFunctions.serialize(data.select as JSONObject),
           sort: JSONFunctions.serialize(data.sort as JSONObject),
           groupBy: JSONFunctions.serialize(data.groupBy as JSONObject),
         },
         headers,
-        {
+        params: {
           limit: data.limit.toString(),
           skip: data.skip.toString(),
         },
-      );
+      });
 
     if (result.isSuccess()) {
       const list: Array<TBaseModel> = BaseModel.fromJSONArray(
@@ -287,14 +287,14 @@ export default class ModelAPI {
     }
 
     const result: HTTPResponse<JSONObject> | HTTPErrorResponse =
-      await API.fetch<JSONObject>(
-        HTTPMethod.POST,
-        apiUrl,
-        {
+      await API.fetch<JSONObject>({
+        method: HTTPMethod.POST,
+        url: apiUrl,
+        data: {
           query: JSONFunctions.serialize(data.query as JSONObject),
         },
         headers,
-      );
+      });
 
     if (result.isSuccess()) {
       const count: number = result.data["count"] as number;
@@ -376,14 +376,14 @@ export default class ModelAPI {
     requestOptions?: RequestOptions | undefined;
   }): Promise<TBaseModel | null> {
     const result: HTTPResponse<TBaseModel> | HTTPErrorResponse =
-      await API.fetch<TBaseModel>(
-        HTTPMethod.POST,
-        data.apiUrl,
-        {
+      await API.fetch<TBaseModel>({
+        method: HTTPMethod.POST,
+        url: data.apiUrl,
+        data: {
           select: JSONFunctions.serialize(data.select as JSONObject) || {},
         },
-        this.getCommonHeaders(data.requestOptions),
-      );
+        headers: this.getCommonHeaders(data.requestOptions),
+      });
 
     if (result.isSuccess()) {
       const baseModel: TBaseModel = BaseModel.fromJSONObject(
@@ -422,12 +422,11 @@ export default class ModelAPI {
     }
 
     const result: HTTPResponse<TBaseModel> | HTTPErrorResponse =
-      await API.fetch<TBaseModel>(
-        HTTPMethod.DELETE,
-        apiUrl,
-        undefined,
-        this.getCommonHeaders(data.requestOptions),
-      );
+      await API.fetch<TBaseModel>({
+        method: HTTPMethod.DELETE,
+        url: apiUrl,
+        headers: this.getCommonHeaders(data.requestOptions),
+      });
 
     if (result.isSuccess()) {
       return;

package/UI/Utils/User.ts

@@ -176,12 +176,12 @@ export default class UserUtil {
     SessionStorage.clear();
     Cookie.clearAllCookies();
 
-    API.post(URL.fromString(IDENTITY_URL.toString()).addRoute("/logout")).catch(
-      (err: Error) => {
-        Logger.error("Error during logout:");
-        Logger.error(err.message);
-      },
-    );
+    API.post({
+      url: URL.fromString(IDENTITY_URL.toString()).addRoute("/logout"),
+    }).catch((err: Error) => {
+      Logger.error("Error during logout:");
+      Logger.error(err.message);
+    });
   }
 
   public static getUtmParams(): Dictionary<string> {