format code

src/frontend/src/constants/constants.ts

@@ -864,4 +864,10 @@ export const TITLE_ERROR_UPDATING_COMPONENT =
 
 export const EMPTY_INPUT_SEND_MESSAGE = "No input message provided.";
 
-export const TABS_ORDER = ["run curl", "python api", "js api", "python code", "chat widget html"]
+export const TABS_ORDER = [
+  "run curl",
+  "python api",
+  "js api",
+  "python code",
+  "chat widget html",
+];

src/frontend/src/modals/apiModal/index.tsx

@@ -18,16 +18,16 @@ import { buildContent } from "./utils/build-content";
 import { buildTweaks } from "./utils/build-tweaks";
 import { checkCanBuildTweakObject } from "./utils/check-can-build-tweak-object";
 import { getChangesType } from "./utils/get-changes-types";
+import getCodesObj from "./utils/get-codes-obj";
 import { getCurlRunCode, getCurlWebhookCode } from "./utils/get-curl-code";
 import getJsApiCode from "./utils/get-js-api-code";
 import { getNodesWithDefaultValue } from "./utils/get-nodes-with-default-value";
 import getPythonApiCode from "./utils/get-python-api-code";
 import getPythonCode from "./utils/get-python-code";
+import getTabsOrder from "./utils/get-tabs-order";
 import { getValue } from "./utils/get-value";
 import getWidgetCode from "./utils/get-widget-code";
 import { createTabsArray } from "./utils/tabs-array";
-import getTabsOrder from "./utils/get-tabs-order";
-import getCodesObj from "./utils/get-codes-obj";
 
 const ApiModal = forwardRef(
   (
@@ -222,17 +222,19 @@ const ApiModal = forwardRef(
         pythonApiCode,
         jsApiCode,
         pythonCode,
-        widgetCode
+        widgetCode,
-      })
+      });
       const tabsOrder = getTabsOrder(includeWebhook, isThereTweaks);
       if (tabs && tabs?.length > 0) {
         tabs.forEach((tab, idx) => {
           const order = tabsOrder[idx];
           if (order && order.toLowerCase() === tab.name.toLowerCase()) {
-            const codeToFind = codesObj.find(c => c.name.toLowerCase() === tab.name.toLowerCase());
+            const codeToFind = codesObj.find(
+              (c) => c.name.toLowerCase() === tab.name.toLowerCase(),
+            );
             tab.code = codeToFind?.code;
           }
-        })
+        });
       }
     };
 

src/frontend/src/modals/apiModal/utils/get-codes-obj.tsx

@@ -1,4 +1,7 @@
-import { getCodesObjProps, getCodesObjReturn } from "../../../types/utils/functions";
+import {
+  getCodesObjProps,
+  getCodesObjReturn,
+} from "../../../types/utils/functions";
 
 export default function getCodesObj({
   runCurlCode,
@@ -33,5 +36,5 @@ export default function getCodesObj({
       name: "chat widget html",
       code: widgetCode,
     },
-  ]
+  ];
 }

src/frontend/src/modals/apiModal/utils/get-curl-code.tsx

@@ -8,7 +8,7 @@ export function getCurlRunCode(
   flowId: string,
   isAuth: boolean,
   tweaksBuildedObject,
-  endpointName?: string|null,
+  endpointName?: string | null,
 ): string {
   const tweaksObject = tweaksBuildedObject[0];
   // show the endpoint name in the curl command if it exists
@@ -35,7 +35,11 @@ export function getCurlRunCode(
  * @param {string} options.endpointName - The name of the webhook endpoint.
  * @returns {string} The cURL command.
  */
-export function getCurlWebhookCode(flowId, isAuth, endpointName?: string|null) {
+export function getCurlWebhookCode(
+  flowId,
+  isAuth,
+  endpointName?: string | null,
+) {
   return `curl -X POST \\
   "${window.location.protocol}//${window.location.host}/api/v1/webhook/${
     endpointName || flowId

src/frontend/src/modals/apiModal/utils/get-js-api-code.tsx

@@ -10,7 +10,7 @@ export default function getJsApiCode(
   flowId: string,
   isAuth: boolean,
   tweaksBuildedObject: any[],
-  endpointName?: string|null,
+  endpointName?: string | null,
 ): string {
   let tweaksString = "{}";
   if (tweaksBuildedObject && tweaksBuildedObject.length > 0) {

src/frontend/src/modals/apiModal/utils/get-python-api-code.tsx

@@ -10,7 +10,7 @@ export default function getPythonApiCode(
   flowId: string,
   isAuth: boolean,
   tweaksBuildedObject: any[],
-  endpointName?: string|null,
+  endpointName?: string | null,
 ): string {
   let tweaksString = "{}";
   if (tweaksBuildedObject && tweaksBuildedObject.length > 0) {

src/frontend/src/modals/apiModal/utils/get-tabs-order.tsx

@@ -1,6 +1,9 @@
 import { TABS_ORDER } from "../../../constants/constants";
 
-export default function getTabsOrder(isThereWH: boolean = false, isThereTweaks: boolean = false): string[] {
+export default function getTabsOrder(
+  isThereWH: boolean = false,
+  isThereTweaks: boolean = false,
+): string[] {
   const defaultOrder = TABS_ORDER;
   if (isThereTweaks) {
     defaultOrder.push("tweaks");

src/frontend/src/modals/apiModal/utils/tabs-array.tsx

@@ -1,11 +1,10 @@
-export function 
+export function createTabsArray(
-createTabsArray(
   codes,
   includeWebhookCurl = false,
   includeTweaks = false,
 ) {
   // console.log(includeTweaks)
-  console.log(includeWebhookCurl)
+  console.log(includeWebhookCurl);
   const tabs = [
     {
       name: "Run cURL",

src/frontend/src/types/utils/functions.ts

@@ -1,10 +1,10 @@
 export type getCodesObjProps = {
-    runCurlCode: string,
+  runCurlCode: string;
-    webhookCurlCode: string,
+  webhookCurlCode: string;
-    pythonApiCode: string,
+  pythonApiCode: string;
-    jsApiCode: string,
+  jsApiCode: string;
-    pythonCode: string,
+  pythonCode: string;
-    widgetCode: string,
+  widgetCode: string;
 };
 
-export type getCodesObjReturn = Array<{name: string; code: string;}>
+export type getCodesObjReturn = Array<{ name: string; code: string }>;