@livechat/platform-workflows 0.0.50 → 0.0.52

package/dist/index.mjs

@@ -469,20 +469,22 @@ import {
   getConfig,
   setConfig
 } from "@livechat/developer-studio-ui-react";
-var config = {
+var configBase = {
   env: "labs"
 };
+var config = getWorkflowsConfig(configBase);
 function setWorkflowsConfig(newConfig) {
-  config = __spreadValues(__spreadValues({}, config), newConfig);
+  configBase = __spreadValues(__spreadValues({}, configBase), newConfig);
   setConfig({
-    env: config.env,
-    basePath: config.basePath
+    env: configBase.env,
+    basePath: configBase.basePath
   });
+  config = getWorkflowsConfig(configBase);
 }
-function getWorkflowsConfig() {
-  const isProd = config.env === "prod";
-  const coreConfig = getConfig();
-  return __spreadProps(__spreadValues(__spreadValues({}, coreConfig), config), {
+function getWorkflowsConfig(base) {
+  const isProd = base.env === "prod";
+  const coreConfig = getConfig(base);
+  return __spreadProps(__spreadValues(__spreadValues({}, coreConfig), configBase), {
     // Authorization
     accountsClientId: isProd ? "381b682538d896b6a25f54caf1805650" : "bc52b2c51dc4a5c2491ca49eaa7354d0",
     // Workflows
@@ -495,7 +497,7 @@ function getWorkflowsConfig() {
   });
 }
 var getWorkflowsEnv = (key) => {
-  return getWorkflowsConfig()[key];
+  return config[key];
 };
 
 // ../../../node_modules/.pnpm/@emotion+react@11.13.3_@types+react@18.2.5_react@18.2.0/node_modules/@emotion/react/dist/emotion-element-b4c8b265.esm.js
@@ -1975,9 +1977,7 @@ var WORKFLOW_HTTP_TASK_OUTPUT_SCHEMA = (body) => ({
 });
 
 // src/views/Flows/Definitions/Mocks/System/index.ts
-import {
-  WorkflowDefinitionTaskType
-} from "@livechat/developer-studio-api";
+import { WorkflowDefinitionTaskType } from "@livechat/developer-studio-api";
 
 // src/constants/products.ts
 var OTHER_PRODUCT_TYPE = {
@@ -1998,7 +1998,7 @@ var PRODUCT_NAMES = {
 };
 
 // src/views/Flows/Definitions/Mocks/System/index.ts
-var systemTaskConfigs = {
+var systemTaskConfigs = () => ({
   [WorkflowDefinitionTaskType.http]: {
     key: WorkflowDefinitionTaskType.http,
     type: "other",
@@ -2069,7 +2069,7 @@ var systemTaskConfigs = {
     },
     specification: {}
   }
-};
+});
 var workflowForkTask = {
   name: "fork",
   type: "FORK_JOIN",
@@ -2127,7 +2127,7 @@ var workflowHttpTask = {
     }
   }
 };
-var systemTaskTemplates = {
+var systemTaskTemplates = () => ({
   [WorkflowDefinitionTaskType.http]: workflowHttpTask,
   [WorkflowDefinitionTaskType.switch]: workflowSwitchTask,
   [WorkflowDefinitionTaskType.forkJoin]: workflowForkTask,
@@ -2137,8 +2137,8 @@ var systemTaskTemplates = {
   [WorkflowDefinitionTaskType.addNode]: workflowAddNodeTask,
   [WorkflowDefinitionTaskType.addTrigger]: workflowAddTriggerTask,
   [WorkflowDefinitionTaskType.trigger]: workflowTriggerTask
-};
-var systemTriggerConfigs = {
+});
+var systemTriggerConfigs = () => ({
   ["scheduled" /* Scheduled */]: {
     key: "scheduled" /* Scheduled */,
     type: "system",
@@ -2178,8 +2178,8 @@ var systemTriggerConfigs = {
       output: {}
     }
   }
-};
-var systemTriggerTemplates = {
+});
+var systemTriggerTemplates = () => ({
   ["manual" /* Manual */]: {
     type: "manual_only"
   },
@@ -2187,7 +2187,7 @@ var systemTriggerTemplates = {
     type: "recurring",
     schedule: "* * * * *"
   }
-};
+});
 
 // src/views/Flows/Definitions/Mocks/BigCommerce/index.ts
 var bigCommerceProductBody = {
@@ -2525,7 +2525,7 @@ var bigCommerceCustomerResponse = {
     }
   }
 };
-var bigCommerceTaskConfigs = {
+var bigCommerceTaskConfigs = () => ({
   ["BIGCOMMERCE_CREATE_BLOG_POST" /* CreateBlogPost */]: {
     key: "BIGCOMMERCE_CREATE_BLOG_POST" /* CreateBlogPost */,
     type: WorkflowDefinitionTaskType2.http,
@@ -2891,8 +2891,8 @@ var bigCommerceTaskConfigs = {
       })
     }
   }
-};
-var bigCommerceTaskTemplates = {
+});
+var bigCommerceTaskTemplates = () => ({
   ["BIGCOMMERCE_CREATE_BLOG_POST" /* CreateBlogPost */]: __spreadProps(__spreadValues({}, workflowHttpTask), {
     name: "BIGCOMMERCE_CREATE_BLOG_POST" /* CreateBlogPost */,
     taskReferenceName: "bigcommerce_create_blog_post",
@@ -3060,7 +3060,7 @@ var bigCommerceTaskTemplates = {
       })
     })
   })
-};
+});
 var BigCommerceTriggerNames = {
   CartCreated: `${IntegrationNames.BigCommerce}-${BigCommerceEventNames.CartCreated}`,
   CartUpdated: `${IntegrationNames.BigCommerce}-${BigCommerceEventNames.CartUpdated}`,
@@ -3069,7 +3069,7 @@ var BigCommerceTriggerNames = {
   ProductCreated: `${IntegrationNames.BigCommerce}-${BigCommerceEventNames.ProductCreated}`,
   ProductUpdated: `${IntegrationNames.BigCommerce}-${BigCommerceEventNames.ProductUpdated}`
 };
-var bigcommerceTriggerConfigs = {
+var bigcommerceTriggerConfigs = () => ({
   [BigCommerceTriggerNames.CartCreated]: {
     key: BigCommerceTriggerNames.CartCreated,
     name: BigCommerceEventNames.CartCreated,
@@ -3226,8 +3226,8 @@ var bigcommerceTriggerConfigs = {
       }
     }
   }
-};
-var bigcommerceTriggerTemplates = {
+});
+var bigcommerceTriggerTemplates = () => ({
   [BigCommerceTriggerNames.CartCreated]: {
     type: "webhook",
     webhook: {
@@ -3330,7 +3330,7 @@ var bigcommerceTriggerTemplates = {
       }
     }
   }
-};
+});
 
 // src/views/Flows/Definitions/Mocks/HelpDesk/index.ts
 import {
@@ -3489,7 +3489,7 @@ var helpdeskTicketInput = {
     title: "Transaction ID"
   }
 };
-var helpdeskTaskConfigs = {
+var helpdeskTaskConfigs = () => ({
   ["HELPDESK_ADD_FOLLOWERS_TO_TICKET" /* AddFollowersToTicket */]: {
     key: "HELPDESK_ADD_FOLLOWERS_TO_TICKET" /* AddFollowersToTicket */,
     type: WorkflowDefinitionTaskType3.http,
@@ -3738,8 +3738,8 @@ var helpdeskTaskConfigs = {
       output: helpdeskTicketResponse
     }
   }
-};
-var helpdeskTaskTemplates = {
+});
+var helpdeskTaskTemplates = () => ({
   ["HELPDESK_CREATE_TICKET" /* CreateTicket */]: __spreadProps(__spreadValues({}, workflowHttpTask), {
     name: "HELPDESK_CREATE_TICKET" /* CreateTicket */,
     taskReferenceName: "helpdesk_create_ticket",
@@ -3858,7 +3858,7 @@ var helpdeskTaskTemplates = {
       })
     })
   })
-};
+});
 
 // src/views/Flows/Definitions/Mocks/HubSpot/index.ts
 import {
@@ -3900,7 +3900,7 @@ var hubspotContactBody = {
     properties: hubspotContactProperties
   }
 };
-var hubspotTaskConfigs = {
+var hubspotTaskConfigs = () => ({
   ["HUBSPOT_CREATE_CONTACT" /* CreateContact */]: {
     key: "HUBSPOT_CREATE_CONTACT" /* CreateContact */,
     type: WorkflowDefinitionTaskType4.http,
@@ -4020,8 +4020,8 @@ var hubspotTaskConfigs = {
       })
     }
   }
-};
-var hubspotTaskTemplates = {
+});
+var hubspotTaskTemplates = () => ({
   ["HUBSPOT_CREATE_CONTACT" /* CreateContact */]: __spreadProps(__spreadValues({}, workflowHttpTask), {
     name: "HUBSPOT_CREATE_CONTACT" /* CreateContact */,
     taskReferenceName: "hubspot_create_contact",
@@ -4101,12 +4101,12 @@ var hubspotTaskTemplates = {
       })
     })
   })
-};
+});
 var HubSpotTriggerNames = {
   ContactCreated: `${IntegrationNames3.HubSpot}-${HubspotEventNames.ContactCreated}`,
   ContactDeleted: `${IntegrationNames3.HubSpot}-${HubspotEventNames.ContactDeleted}`
 };
-var hubspotTriggerConfigs = {
+var hubspotTriggerConfigs = () => ({
   [HubSpotTriggerNames.ContactCreated]: {
     key: HubSpotTriggerNames.ContactCreated,
     name: HubspotEventNames.ContactCreated,
@@ -4145,8 +4145,8 @@ var hubspotTriggerConfigs = {
       }
     }
   }
-};
-var hubSpotTriggerTemplates = {
+});
+var hubSpotTriggerTemplates = () => ({
   [HubSpotTriggerNames.ContactCreated]: {
     type: "webhook",
     webhook: {
@@ -4175,7 +4175,7 @@ var hubSpotTriggerTemplates = {
       }
     }
   }
-};
+});
 
 // src/views/Flows/Definitions/Mocks/LiveChat/index.ts
 import {
@@ -4747,7 +4747,7 @@ var webhookSpecs = {
     }
   }
 };
-var livechatTaskConfigs = {
+var livechatTaskConfigs = () => ({
   ["LIVECHAT_TRANSFER_CHAT" /* TransferChat */]: {
     key: "LIVECHAT_TRANSFER_CHAT" /* TransferChat */,
     type: WorkflowDefinitionTaskType5.http,
@@ -4952,8 +4952,8 @@ var livechatTaskConfigs = {
       })
     }
   }
-};
-var livechatTaskTemplates = {
+});
+var livechatTaskTemplates = () => ({
   ["LIVECHAT_TAG_CHAT" /* TagChat */]: __spreadProps(__spreadValues({}, workflowHttpTask), {
     name: "LIVECHAT_TAG_CHAT" /* TagChat */,
     taskReferenceName: "livechat_tag_chat",
@@ -5051,7 +5051,7 @@ var livechatTaskTemplates = {
       })
     })
   })
-};
+});
 var TextLiveChatTriggerNames = {
   ChatStarted: `${IntegrationNames4.Text}-${PRODUCT_TYPE.LC}-${TextLivechatEventNames.ChatStarted}`,
   ChatEnded: `${IntegrationNames4.Text}-${PRODUCT_TYPE.LC}-${TextLivechatEventNames.ChatEnded}`,
@@ -5063,7 +5063,7 @@ var TextLiveChatTriggerNames = {
   UserAddedToChat: `${IntegrationNames4.Text}-${PRODUCT_TYPE.LC}-${TextLivechatEventNames.UserAddedToChat}`,
   UserRemovedFromChat: `${IntegrationNames4.Text}-${PRODUCT_TYPE.LC}-${TextLivechatEventNames.UserRemovedFromChat}`
 };
-var livechatTriggerConfigs = {
+var livechatTriggerConfigs = () => ({
   [TextLiveChatTriggerNames.ChatStarted]: {
     key: TextLiveChatTriggerNames.ChatStarted,
     name: TextLivechatEventNames.ChatStarted,
@@ -5225,8 +5225,8 @@ var livechatTriggerConfigs = {
       output: webhookSpecs.chat_tagged.output
     }
   }
-};
-var livechatTriggerTemplates = {
+});
+var livechatTriggerTemplates = () => ({
   [TextLiveChatTriggerNames.ChatEnded]: {
     type: "webhook",
     webhook: {
@@ -5339,7 +5339,7 @@ var livechatTriggerTemplates = {
       }
     }
   }
-};
+});
 
 // src/views/Flows/Definitions/Mocks/MailChimp/index.ts
 import {
@@ -5530,7 +5530,7 @@ var webhookSpecs2 = {
     }
   }
 };
-var mailchimpTaskConfigs = {
+var mailchimpTaskConfigs = () => ({
   ["MAILCHIMP_ADD_SUBSCRIBER" /* AddSubscriber */]: {
     key: "MAILCHIMP_ADD_SUBSCRIBER" /* AddSubscriber */,
     type: WorkflowDefinitionTaskType6.http,
@@ -6595,8 +6595,8 @@ var mailchimpTaskConfigs = {
       })
     }
   }
-};
-var mailchimpTaskTemplates = {
+});
+var mailchimpTaskTemplates = () => ({
   ["MAILCHIMP_ADD_SUBSCRIBER" /* AddSubscriber */]: __spreadProps(__spreadValues({}, workflowHttpTask), {
     name: "MAILCHIMP_ADD_SUBSCRIBER" /* AddSubscriber */,
     taskReferenceName: "mailchimp_add_contact",
@@ -6907,12 +6907,12 @@ var mailchimpTaskTemplates = {
       })
     })
   })
-};
+});
 var MailchimpTriggerNames = {
   Subscribed: `${IntegrationNames5.Mailchimp}-${MailchimpEventNames.Subscribed}`,
   Unsubscribed: `${IntegrationNames5.Mailchimp}-${MailchimpEventNames.Unsubscribed}`
 };
-var mailchimpTriggerConfigs = {
+var mailchimpTriggerConfigs = () => ({
   [MailchimpTriggerNames.Subscribed]: {
     key: MailchimpTriggerNames.Subscribed,
     name: MailchimpEventNames.Subscribed,
@@ -6967,8 +6967,8 @@ var mailchimpTriggerConfigs = {
       output: webhookSpecs2.new_unsubscriber.output
     }
   }
-};
-var mailchimpTriggerTemplates = {
+});
+var mailchimpTriggerTemplates = () => ({
   [MailchimpTriggerNames.Subscribed]: {
     type: "webhook",
     webhook: {
@@ -7005,11 +7005,11 @@ var mailchimpTriggerTemplates = {
       }
     }
   }
-};
+});
 
 // src/views/Flows/Definitions/Mocks/OpenAI/index.ts
 import { WorkflowDefinitionTaskType as WorkflowDefinitionTaskType7 } from "@livechat/developer-studio-api";
-var openAiTaskConfigs = {
+var openAiTaskConfigs = () => ({
   ["OPENAI_EXTRACT_ORDER_REQUEST" /* ExtractOrderRequest */]: {
     key: "OPENAI_EXTRACT_ORDER_REQUEST" /* ExtractOrderRequest */,
     type: WorkflowDefinitionTaskType7.http,
@@ -7250,8 +7250,8 @@ var openAiTaskConfigs = {
       })
     }
   }
-};
-var openAiTaskTemplates = {
+});
+var openAiTaskTemplates = () => ({
   ["OPENAI_EXTRACT_ORDER_REQUEST" /* ExtractOrderRequest */]: __spreadProps(__spreadValues({}, workflowHttpTask), {
     name: "OPENAI_EXTRACT_ORDER_REQUEST" /* ExtractOrderRequest */,
     taskReferenceName: "openai_extract_order_request",
@@ -7341,7 +7341,7 @@ var openAiTaskTemplates = {
       })
     })
   })
-};
+});
 
 // src/views/Flows/Definitions/Mocks/Shopify/index.ts
 import {
@@ -7769,7 +7769,7 @@ var webhookSpecs3 = {
     }
   }
 };
-var shopifyTaskConfigs = {
+var shopifyTaskConfigs = () => ({
   ["SHOPIFY_CREATE_CUSTOMER" /* CreateCustomer */]: {
     key: "SHOPIFY_CREATE_CUSTOMER" /* CreateCustomer */,
     type: WorkflowDefinitionTaskType8.http,
@@ -7799,9 +7799,7 @@ var shopifyTaskConfigs = {
   ["SHOPIFY_CREATE_ORDER" /* CreateOrder */]: {
     key: "SHOPIFY_CREATE_ORDER" /* CreateOrder */,
     type: WorkflowDefinitionTaskType8.http,
-    url: `${getWorkflowsEnv(
-      "workflowsApiUr"
-    )}/functions/create-shopify-order`,
+    url: `${getWorkflowsEnv("workflowsApiUr")}/functions/create-shopify-order`,
     customization: {
       provider: IntegrationNames6.Shopify,
       product: IntegrationDisplayNames4.Shopify,
@@ -7899,9 +7897,7 @@ var shopifyTaskConfigs = {
   ["SHOPIFY_GET_CUSTOMER" /* GetCustomer */]: {
     key: "SHOPIFY_GET_CUSTOMER" /* GetCustomer */,
     type: WorkflowDefinitionTaskType8.http,
-    url: `${getWorkflowsEnv(
-      "workflowsApiUr"
-    )}/functions/get-shopify-customer`,
+    url: `${getWorkflowsEnv("workflowsApiUr")}/functions/get-shopify-customer`,
     customization: {
       provider: IntegrationNames6.Shopify,
       product: IntegrationDisplayNames4.Shopify,
@@ -8128,9 +8124,7 @@ var shopifyTaskConfigs = {
   ["SHOPIFY_UPDATE_ORDER" /* UpdateOrder */]: {
     type: WorkflowDefinitionTaskType8.http,
     key: "SHOPIFY_UPDATE_ORDER" /* UpdateOrder */,
-    url: `${getWorkflowsEnv(
-      "workflowsApiUr"
-    )}/functions/update-shopify-order`,
+    url: `${getWorkflowsEnv("workflowsApiUr")}/functions/update-shopify-order`,
     customization: {
       provider: IntegrationNames6.Shopify,
       product: IntegrationDisplayNames4.Shopify,
@@ -8225,8 +8219,8 @@ var shopifyTaskConfigs = {
       })
     }
   }
-};
-var shopifyTaskTemplates = {
+});
+var shopifyTaskTemplates = () => ({
   ["SHOPIFY_CREATE_CUSTOMER" /* CreateCustomer */]: __spreadProps(__spreadValues({}, workflowHttpTask), {
     name: "SHOPIFY_CREATE_CUSTOMER" /* CreateCustomer */,
     taskReferenceName: "shopify_create_customer",
@@ -8504,11 +8498,11 @@ var shopifyTaskTemplates = {
       })
     })
   })
-};
+});
 var ShopifyTriggerNames = {
   OrderCreated: `${IntegrationNames6.Shopify}-${ShopifyEventNames.OrderCreated}`
 };
-var shopifyTriggerConfigs = {
+var shopifyTriggerConfigs = () => ({
   [ShopifyTriggerNames.OrderCreated]: {
     key: ShopifyTriggerNames.OrderCreated,
     name: ShopifyEventNames.OrderCreated,
@@ -8525,8 +8519,8 @@ var shopifyTriggerConfigs = {
       output: webhookSpecs3.new_paid_order.output
     }
   }
-};
-var shopifyTriggerTemplates = {
+});
+var shopifyTriggerTemplates = () => ({
   [ShopifyTriggerNames.OrderCreated]: {
     type: "webhook",
     webhook: {
@@ -8542,33 +8536,49 @@ var shopifyTriggerTemplates = {
       }
     }
   }
-};
+});
 
 // src/views/Flows/Definitions/api.mocks.ts
-var workflowItemConfigs = {
-  tasks: __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, livechatTaskConfigs), helpdeskTaskConfigs), mailchimpTaskConfigs), shopifyTaskConfigs), hubspotTaskConfigs), bigCommerceTaskConfigs), openAiTaskConfigs), systemTaskConfigs),
-  triggers: __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, livechatTriggerConfigs), mailchimpTriggerConfigs), shopifyTriggerConfigs), hubspotTriggerConfigs), bigcommerceTriggerConfigs), systemTriggerConfigs)
+var WorkflowItemsConfiguration = class {
+  constructor() {
+    this.configs = getWorkflowItemConfigs();
+    this.templates = getWorkflowItemTemplates();
+  }
+  static get config() {
+    const instance = this._instance || (this._instance = new this());
+    return instance.configs;
+  }
+  static get templates() {
+    const instance = this._instance || (this._instance = new this());
+    return instance.templates;
+  }
 };
-var workflowItemTemplates = {
+var getWorkflowItemConfigs = () => {
+  return {
+    tasks: __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, livechatTaskConfigs()), helpdeskTaskConfigs()), mailchimpTaskConfigs()), shopifyTaskConfigs()), hubspotTaskConfigs()), bigCommerceTaskConfigs()), openAiTaskConfigs()), systemTaskConfigs()),
+    triggers: __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, livechatTriggerConfigs()), mailchimpTriggerConfigs()), shopifyTriggerConfigs()), hubspotTriggerConfigs()), bigcommerceTriggerConfigs()), systemTriggerConfigs())
+  };
+};
+var getWorkflowItemTemplates = () => ({
   tasks: {
-    livechat: livechatTaskTemplates,
-    helpdesk: helpdeskTaskTemplates,
-    mailchimp: mailchimpTaskTemplates,
-    hubspot: hubspotTaskTemplates,
-    bigcommerce: bigCommerceTaskTemplates,
-    shopify: shopifyTaskTemplates,
-    openai: openAiTaskTemplates,
-    system: systemTaskTemplates
+    livechat: livechatTaskTemplates(),
+    helpdesk: helpdeskTaskTemplates(),
+    mailchimp: mailchimpTaskTemplates(),
+    hubspot: hubspotTaskTemplates(),
+    bigcommerce: bigCommerceTaskTemplates(),
+    shopify: shopifyTaskTemplates(),
+    openai: openAiTaskTemplates(),
+    system: systemTaskTemplates()
   },
   triggers: {
-    livechat: livechatTriggerTemplates,
-    mailchimp: mailchimpTriggerTemplates,
-    shopify: shopifyTriggerTemplates,
-    hubspot: hubSpotTriggerTemplates,
-    bigcommerce: bigcommerceTriggerTemplates,
-    system: systemTriggerTemplates
+    livechat: livechatTriggerTemplates(),
+    mailchimp: mailchimpTriggerTemplates(),
+    shopify: shopifyTriggerTemplates(),
+    hubspot: hubSpotTriggerTemplates(),
+    bigcommerce: bigcommerceTriggerTemplates(),
+    system: systemTriggerTemplates()
   }
-};
+});
 
 // src/views/Flows/Definitions/Common/Builder/config/workflow.ts
 var NEW_WORKFLOW_TEMPLATE = {
@@ -8719,9 +8729,40 @@ var WORKFLOW_TERMINATE_TASK_SCHEMA = {
     }
   }
 };
-var WORKFLOW_SCHEMA = {
+var WORKFLOW_SCHEMA_DEFS = {
+  $defs: {
+    mailchimp_audience: {
+      "x-ref": {
+        request: {
+          url: "http://${credential.server}.mailchimp.com/api/audience",
+          method: "GET",
+          headers: {
+            authorization: "${credential.token}"
+          },
+          body: {}
+        },
+        displayField: "name",
+        valueField: "id"
+      }
+    },
+    mailchimp_campaign: {
+      "x-ref": {
+        request: {
+          url: "http://${credential.server}.mailchimp.com/api/campaign",
+          method: "GET",
+          headers: {
+            authorization: "${credential.token}"
+          },
+          body: {}
+        },
+        displayField: "name",
+        valueField: "id"
+      }
+    }
+  }
+};
+var WORKFLOW_SCHEMA = () => ({
   $schema: "http://json-schema.org/draft-07/schema",
-  $id: "http://example.com/example.json",
   type: "object",
   title: "The root schema",
   description: "The root schema comprises the entire JSON document.",
@@ -8867,20 +8908,22 @@ var WORKFLOW_SCHEMA = {
                 },
                 then: WORKFLOW_HTTP_TASK_SCHEMA()
               },
-              ...Object.values(workflowItemConfigs.tasks).map((config4) => {
-                var _a, _b;
-                return {
-                  if: {
-                    properties: {
-                      type: { const: WorkflowDefinitionTaskType9.http },
-                      name: { const: config4.key }
-                    }
-                  },
-                  then: WORKFLOW_HTTP_TASK_SCHEMA(config4.key, {
-                    body: (_b = (_a = config4.specification.input) == null ? void 0 : _a.properties) == null ? void 0 : _b.body
-                  })
-                };
-              })
+              ...Object.values(WorkflowItemsConfiguration.config.tasks).map(
+                (config2) => {
+                  var _a, _b;
+                  return {
+                    if: {
+                      properties: {
+                        type: { const: WorkflowDefinitionTaskType9.http },
+                        name: { const: config2.key }
+                      }
+                    },
+                    then: WORKFLOW_HTTP_TASK_SCHEMA(config2.key, {
+                      body: (_b = (_a = config2.specification.input) == null ? void 0 : _a.properties) == null ? void 0 : _b.body
+                    })
+                  };
+                }
+              )
             ]
           }
         },
@@ -8968,92 +9011,65 @@ var WORKFLOW_SCHEMA = {
       description: "This object holds the declaration of your workflow trigger.",
       default: {},
       allOf: [
-        ...Object.values(workflowItemConfigs.triggers).map((config4) => {
-          var _a, _b;
-          if (config4.type === "webhook") {
-            return {
-              if: {
-                properties: {
-                  type: { const: config4.type }
-                }
-              },
-              then: {
-                required: ["type", "webhook"],
-                properties: {
-                  type: { const: "webhook" },
-                  webhook: {
-                    if: {
-                      properties: {
-                        source: { const: config4.customization.provider }
-                      }
-                    },
-                    then: {
-                      required: ["source", "event", "headers"],
-                      properties: {
-                        source: { const: config4.customization.provider },
-                        event: {
-                          if: {
-                            properties: {
-                              name: { const: config4.name }
-                            }
-                          },
-                          then: (_a = config4.specification.input) != null ? _a : {}
+        ...Object.values(WorkflowItemsConfiguration.config.triggers).map(
+          (config2) => {
+            var _a, _b;
+            if (config2.type === "webhook") {
+              return {
+                if: {
+                  properties: {
+                    type: { const: config2.type }
+                  }
+                },
+                then: {
+                  required: ["type", "webhook"],
+                  properties: {
+                    type: { const: "webhook" },
+                    webhook: {
+                      if: {
+                        properties: {
+                          source: { const: config2.customization.provider }
+                        }
+                      },
+                      then: {
+                        required: ["source", "event", "headers"],
+                        properties: {
+                          source: { const: config2.customization.provider },
+                          event: {
+                            if: {
+                              properties: {
+                                name: { const: config2.name }
+                              }
+                            },
+                            then: (_a = config2.specification.input) != null ? _a : {}
+                          }
                         }
                       }
                     }
                   }
                 }
-              }
-            };
-          }
-          if (config4.type === "system") {
-            return {
-              if: {
-                properties: {
-                  type: { const: config4.type },
-                  name: { const: config4.key }
-                }
-              },
-              then: (_b = config4.specification.input) != null ? _b : {}
-            };
+              };
+            }
+            if (config2.type === "system") {
+              return {
+                if: {
+                  properties: {
+                    type: { const: config2.type },
+                    name: { const: config2.key }
+                  }
+                },
+                then: (_b = config2.specification.input) != null ? _b : {}
+              };
+            }
+            throw new Error("Invalid trigger type");
           }
-          throw new Error("Invalid trigger type");
-        })
+        )
       ]
     }
   },
   required: ["definition", "trigger"],
-  $defs: {
-    mailchimp_audience: {
-      "x-ref": {
-        request: {
-          url: "http://${credential.server}.mailchimp.com/api/audience",
-          method: "GET",
-          headers: {
-            authorization: "${credential.token}"
-          },
-          body: {}
-        },
-        displayField: "name",
-        valueField: "id"
-      }
-    },
-    mailchimp_campaign: {
-      "x-ref": {
-        request: {
-          url: "http://${credential.server}.mailchimp.com/api/campaign",
-          method: "GET",
-          headers: {
-            authorization: "${credential.token}"
-          },
-          body: {}
-        },
-        displayField: "name",
-        valueField: "id"
-      }
-    }
-  }
-};
+  $defs: WORKFLOW_SCHEMA_DEFS.$defs
+});
 var JSON_FILE_NAME = "file:///workflow.json";
 function configureMonaco(monaco) {
   monaco.languages.typescript.javascriptDefaults.setEagerModelSync(true);
@@ -9070,7 +9086,7 @@ function configureMonaco(monaco) {
         // id of the first schema
         fileMatch: [modelUri.toString()],
         // associate with our model
-        schema: WORKFLOW_SCHEMA
+        schema: WORKFLOW_SCHEMA()
       }
     ]
   });
@@ -9473,9 +9489,7 @@ function useWorkflowData(workflow) {
 }
 
 // src/views/Flows/Definitions/Common/Builder/Context/state/metadata/framing/utils.ts
-import {
-  IntegrationNames as IntegrationNames8
-} from "@livechat/developer-studio-api";
+import { IntegrationNames as IntegrationNames8 } from "@livechat/developer-studio-api";
 
 // src/views/Flows/Definitions/Common/Builder/config/utils.ts
 import { JSONPath } from "jsonpath-plus";
@@ -9696,7 +9710,7 @@ var workflowBuilderUtils = {
     return result;
   },
   getTaskConfig(task2) {
-    return workflowItemConfigs.tasks[task2.name];
+    return WorkflowItemsConfiguration.config.tasks[task2.name];
   },
   getTaskConfigByReference(value) {
     const segments = value.split(".");
@@ -9704,7 +9718,7 @@ var workflowBuilderUtils = {
       return;
     }
     const referenceName = segments[0].split("_").slice(0, -1).join("_");
-    const task2 = Object.values(workflowItemTemplates.tasks).flatMap((x) => Object.values(x)).find((task3) => task3.taskReferenceName === referenceName);
+    const task2 = Object.values(WorkflowItemsConfiguration.templates).flatMap((x) => Object.values(x)).find((task3) => task3.taskReferenceName === referenceName);
     if (!task2) {
       return;
     }
@@ -9712,9 +9726,9 @@ var workflowBuilderUtils = {
   },
   getTriggerConfig(trigger) {
     if (trigger.type === "webhook" && trigger.webhook) {
-      return workflowItemConfigs.triggers[`${trigger.webhook.source}-${trigger.webhook.event.name}`];
+      return WorkflowItemsConfiguration.config.triggers[`${trigger.webhook.source}-${trigger.webhook.event.name}`];
     }
-    const triggers = Object.values(workflowItemConfigs.triggers);
+    const triggers = Object.values(WorkflowItemsConfiguration.config.triggers);
     switch (trigger.type) {
       case "recurring":
         return triggers.find((x) => x.key === "scheduled" /* Scheduled */);
@@ -9735,10 +9749,10 @@ var workflowBuilderUtils = {
         }
       };
     }
-    const config4 = workflowBuilderUtils.getTriggerConfig({
+    const config2 = workflowBuilderUtils.getTriggerConfig({
       type: "manual_only"
     });
-    return config4;
+    return config2;
   },
   getItemConfig(item) {
     var _a;
@@ -10055,9 +10069,7 @@ var useUpdateOrganizationProducts = () => {
 // src/views/Flows/Definitions/Common/Builder/Context/state/metadata/validation/utils.ts
 import Ajv from "ajv";
 import AjvWithErrors from "ajv-errors";
-import {
-  IntegrationNames as IntegrationNames9
-} from "@livechat/developer-studio-api";
+import { IntegrationNames as IntegrationNames9 } from "@livechat/developer-studio-api";
 var ajv = AjvWithErrors(
   new Ajv({
     strict: false,
@@ -10106,7 +10118,7 @@ var getWorkflowValidationErrors = (validationErrors) => {
   return errors;
 };
 var getSchemaError = (workflow, frames) => {
-  const validate = ajv.compile(WORKFLOW_SCHEMA);
+  const validate = ajv.compile(WORKFLOW_SCHEMA());
   const resolved = __spreadProps(__spreadValues({}, workflow), {
     definition: __spreadProps(__spreadValues({}, workflow.definition), {
       tasks: workflow.definition.tasks.map(
@@ -10135,7 +10147,7 @@ var getTasksErrors = (workflow, frames, products) => {
     var _a;
     const globalFrame = frames.global;
     const frame = frames.tasks[task2.taskReferenceName];
-    const config4 = (_a = frame.__meta) == null ? void 0 : _a.config;
+    const config2 = (_a = frame.__meta) == null ? void 0 : _a.config;
     const resolvingErrors = workflowBuilderUtils.getMatchesInObject(task2).map((match2) => {
       const segments = match2.rawValue.split(".");
       const resolved = workflowBuilderUtils.resolveTextByContext(
@@ -10205,10 +10217,10 @@ var getTasksErrors = (workflow, frames, products) => {
         params: {}
       };
     });
-    const activationError = config4 && config4.customization.provider.startsWith(IntegrationNames9.Text) && !products.find(({ product }) => product === config4.customization.product) ? {
+    const activationError = config2 && config2.customization.provider.startsWith(IntegrationNames9.Text) && !products.find(({ product }) => product === config2.customization.product) ? {
       instancePath: `/definition/tasks/${index}`,
       keyword: "activation",
-      message: `${config4.customization.product} not activated`,
+      message: `${config2.customization.product} not activated`,
       params: {}
     } : void 0;
     return [
@@ -10221,7 +10233,7 @@ var getTasksErrors = (workflow, frames, products) => {
 var getTriggerErrors = (workflow, frames, products) => {
   var _a;
   const frame = frames.trigger;
-  const config4 = (_a = frame == null ? void 0 : frame.__meta) == null ? void 0 : _a.config;
+  const config2 = (_a = frame == null ? void 0 : frame.__meta) == null ? void 0 : _a.config;
   const resolvingErrors = workflowBuilderUtils.getMatchesInObject(workflow.trigger).map((match2) => {
     const segments = match2.rawValue.split(".");
     const resolved = workflowBuilderUtils.resolveTextByContext(
@@ -10269,13 +10281,12 @@ var getTriggerErrors = (workflow, frames, products) => {
       params: {}
     };
   });
-  const activationError = config4 && config4.customization.provider.startsWith(IntegrationNames9.Text) && !products.find(({ product }) => product === config4.customization.product) ? {
+  const activationError = config2 && config2.customization.provider.startsWith(IntegrationNames9.Text) && !products.find(({ product }) => product === config2.customization.product) ? {
     instancePath: `/trigger`,
     keyword: "activation",
-    message: `${config4.customization.product} not activated`,
+    message: `${config2.customization.product} not activated`,
     params: {}
   } : void 0;
-  console.log("activationError: ", activationError);
   return [
     ...resolvingErrors,
     ...connectionErrors,
@@ -10446,11 +10457,12 @@ function WorkflowContextProviderBase({
     updaters: { setWorkflow, setAction, setSelection }
   } = useWorkflowState(workflow, options2);
   const autosaveStateRef = useRef2(state);
-  const autosaveWorkflow = useRef2(
+  const autosaveWorkflowRef = useRef2(
     debounce(() => __async(this, null, function* () {
       yield save(true);
     }), 500)
-  ).current;
+  );
+  const autosaveWorkflow = autosaveWorkflowRef.current;
   useEffect2(() => {
     return () => {
       autosaveWorkflow.cancel();
@@ -10544,16 +10556,16 @@ function WorkflowContextProviderBase({
   const replaceWorkflow = useCallback2(
     (workflow2) => {
       setWorkflow(workflow2);
-      autosaveWorkflow();
+      autosaveWorkflowRef.current();
     },
-    [autosaveWorkflow, setWorkflow]
+    [autosaveWorkflowRef, setWorkflow]
   );
   const changeWorkflow = useCallback2(
     (change) => {
       setWorkflow((prevState) => applyChange(prevState, change(prevState)));
-      autosaveWorkflow();
+      autosaveWorkflowRef.current();
     },
-    [autosaveWorkflow, setWorkflow]
+    [autosaveWorkflowRef, setWorkflow]
   );
   const goToAddTrigger = useCallback2(() => {
     navigate(
@@ -12704,10 +12716,10 @@ import { Row as Row6 } from "@livechat/developer-studio-ui-react";
 function convertToTreeNode(obj, meta, nodeName, path) {
   var _a, _b, _c, _d, _e, _f, _g;
   const index = (_a = obj.__meta) == null ? void 0 : _a.index;
-  const config4 = (_b = obj.__meta) == null ? void 0 : _b.config;
+  const config2 = (_b = obj.__meta) == null ? void 0 : _b.config;
   const properties = (_c = obj.__meta) == null ? void 0 : _c.properties;
   const currentSpec = meta.specification;
-  const customization = config4 == null ? void 0 : config4.customization;
+  const customization = config2 == null ? void 0 : config2.customization;
   const node2 = meta.dummy ? {
     type: typeof obj,
     name: nodeName,
@@ -12725,7 +12737,7 @@ function convertToTreeNode(obj, meta, nodeName, path) {
     path: `${path != null ? path : ""}`,
     relativePath: meta.baseRelativePath && path && path.startsWith(meta.baseRelativePath) ? path.replace(`${meta.baseRelativePath}.`, "") : "",
     children: [],
-    canAddChildren: (_g = config4 == null ? void 0 : config4.specification) == null ? void 0 : _g.additionalProperties,
+    canAddChildren: (_g = config2 == null ? void 0 : config2.specification) == null ? void 0 : _g.additionalProperties,
     __meta: {
       source: {
         index: index != null ? index : meta.index,
@@ -12926,6 +12938,7 @@ function CustomTagsPicker({
 
 // src/views/Flows/Definitions/Common/Builder/Editors/Visual/Forms/Schema/overrides/Fields/CustomTags/TagsInput/Input.tsx
 import { useCallback as useCallback5, useEffect as useEffect4, useRef as useRef5 } from "react";
+import debounce3 from "lodash.debounce";
 import { Tooltip as Tooltip3 } from "@livechat/design-system-react-components";
 
 // src/views/Flows/Definitions/Common/Builder/Editors/Visual/Forms/Schema/overrides/Fields/CustomTags/TagsInput/Tag/Icon.tsx
@@ -13206,64 +13219,64 @@ function TagifyWrapper({
     };
   }, []);
   useEffect3(() => {
-    tagify.current.off("change", onChange).on("change", onChange);
+    tagify.current.off("change").on("change", onChange);
   }, [onChange]);
   useEffect3(() => {
-    tagify.current.off("input", onInput).on("input", onInput);
+    tagify.current.off("input").on("input", onInput);
   }, [onInput]);
   useEffect3(() => {
-    tagify.current.off("add", onAdd).on("add", onAdd);
+    tagify.current.off("add").on("add", onAdd);
   }, [onAdd]);
   useEffect3(() => {
-    tagify.current.off("remove", onRemove).on("remove", onRemove);
+    tagify.current.off("remove").on("remove", onRemove);
   }, [onRemove]);
   useEffect3(() => {
-    tagify.current.off("invalid", onInvalid).on("invalid", onInvalid);
+    tagify.current.off("invalid").on("invalid", onInvalid);
   }, [onInvalid]);
   useEffect3(() => {
-    tagify.current.off("keydown", onKeydown).on("keydown", onKeydown);
+    tagify.current.off("keydown").on("keydown", onKeydown);
   }, [onKeydown]);
   useEffect3(() => {
-    tagify.current.off("focus", onFocus).on("focus", onFocus);
+    tagify.current.off("focus").on("focus", onFocus);
   }, [onFocus]);
   useEffect3(() => {
-    tagify.current.off("blur", onBlur).on("blur", onBlur);
+    tagify.current.off("blur").on("blur", onBlur);
   }, [onBlur]);
   useEffect3(() => {
-    tagify.current.off("click", onClick).on("click", onClick);
+    tagify.current.off("click").on("click", onClick);
   }, [onClick]);
   useEffect3(() => {
-    tagify.current.off("edit:input", onEditInput).on("edit:input", onEditInput);
+    tagify.current.off("edit:input").on("edit:input", onEditInput);
   }, [onEditInput]);
   useEffect3(() => {
-    tagify.current.off("edit:beforeUpdate", onEditBeforeUpdate).on("edit:beforeUpdate", onEditBeforeUpdate);
+    tagify.current.off("edit:beforeUpdate").on("edit:beforeUpdate", onEditBeforeUpdate);
   }, [onEditBeforeUpdate]);
   useEffect3(() => {
-    tagify.current.off("edit:updated", onEditUpdated).on("edit:updated", onEditUpdated);
+    tagify.current.off("edit:updated").on("edit:updated", onEditUpdated);
   }, [onEditUpdated]);
   useEffect3(() => {
-    tagify.current.off("edit:start", onEditStart).on("edit:start", onEditStart);
+    tagify.current.off("edit:start").on("edit:start", onEditStart);
   }, [onEditStart]);
   useEffect3(() => {
-    tagify.current.off("edit:keydown", onEditKeydown).on("edit:keydown", onEditKeydown);
+    tagify.current.off("edit:keydown").on("edit:keydown", onEditKeydown);
   }, [onEditKeydown]);
   useEffect3(() => {
-    tagify.current.off("dropdown:show", onDropdownShow).on("dropdown:show", onDropdownShow);
+    tagify.current.off("dropdown:show").on("dropdown:show", onDropdownShow);
   }, [onDropdownShow]);
   useEffect3(() => {
-    tagify.current.off("dropdown:hide", onDropdownHide).on("dropdown:hide", onDropdownHide);
+    tagify.current.off("dropdown:hide").on("dropdown:hide", onDropdownHide);
   }, [onDropdownHide]);
   useEffect3(() => {
-    tagify.current.off("dropdown:select", onDropdownSelect).on("dropdown:select", onDropdownSelect);
+    tagify.current.off("dropdown:select").on("dropdown:select", onDropdownSelect);
   }, [onDropdownSelect]);
   useEffect3(() => {
-    tagify.current.off("dropdown:scroll", onDropdownScroll).on("dropdown:scroll", onDropdownScroll);
+    tagify.current.off("dropdown:scroll").on("dropdown:scroll", onDropdownScroll);
   }, [onDropdownScroll]);
   useEffect3(() => {
-    tagify.current.off("dropdown:noMatch", onDropdownNoMatch).on("dropdown:noMatch", onDropdownNoMatch);
+    tagify.current.off("dropdown:noMatch").on("dropdown:noMatch", onDropdownNoMatch);
   }, [onDropdownNoMatch]);
   useEffect3(() => {
-    tagify.current.off("dropdown:updated", onDropdownUpdated).on("dropdown:updated", onDropdownUpdated);
+    tagify.current.off("dropdown:updated").on("dropdown:updated", onDropdownUpdated);
   }, [onDropdownUpdated]);
   useEffect3(() => {
     setFocus();
@@ -13353,11 +13366,11 @@ var createTagFromPath = (path, frame) => {
   const relativePath = segments.slice(segments[0] === "workflow" ? 2 : 1).join(".");
   const contentRelativePath = segments.slice(segments[0] === "workflow" ? segments[2] === "body" ? 3 : 2 : 4).join(".");
   const meta = frame ? segments[0] === "workflow" ? segments[1] === "input" ? (_a = frame.workflow.input) == null ? void 0 : _a.__meta : segments[1] === "credentials" ? frame.workflow.credentials.__meta : void 0 : (_b = frame[segments[0]]) == null ? void 0 : _b.__meta : void 0;
-  const config4 = workflowBuilderUtils.getItemConfigByReference(path);
-  const customization = (_d = (_c = meta == null ? void 0 : meta.config) == null ? void 0 : _c.customization) != null ? _d : config4 == null ? void 0 : config4.customization;
+  const config2 = workflowBuilderUtils.getItemConfigByReference(path);
+  const customization = (_d = (_c = meta == null ? void 0 : meta.config) == null ? void 0 : _c.customization) != null ? _d : config2 == null ? void 0 : config2.customization;
   const specification = (_i = workflowBuilderUtils.extractByPath(
     relativePath.split(".").join(".properties."),
-    (_h = (_f = (_e = meta == null ? void 0 : meta.config) == null ? void 0 : _e.specification) == null ? void 0 : _f.properties) != null ? _h : (_g = config4 == null ? void 0 : config4.specification.output) == null ? void 0 : _g.properties
+    (_h = (_f = (_e = meta == null ? void 0 : meta.config) == null ? void 0 : _e.specification) == null ? void 0 : _f.properties) != null ? _h : (_g = config2 == null ? void 0 : config2.specification.output) == null ? void 0 : _g.properties
   )) == null ? void 0 : _i[0];
   const data = specification ? {
     title: (_k = (_j = specification.title) != null ? _j : segments.at(-1)) != null ? _k : "",
@@ -13471,10 +13484,13 @@ function CustomTagsInput({
     },
     [updateAllIcons]
   );
-  const handleChange = useCallback5(() => {
-    onChange(getCurrentValue());
-    updateAllIcons();
-  }, [onChange, getCurrentValue, updateAllIcons]);
+  const handleChange = useCallback5(
+    debounce3(() => {
+      onChange(getCurrentValue());
+      updateAllIcons();
+    }, 300),
+    [onChange, getCurrentValue, updateAllIcons]
+  );
   const handleKeyDown = useCallback5(
     (e) => {
       if (e.detail.event.key !== "Backspace") {
@@ -14382,7 +14398,7 @@ function CustomSchemaForm(props) {
         props.onChange(formData);
       },
       readonly: props.readonly,
-      schema: __spreadProps(__spreadValues({}, (_a = props.schema) != null ? _a : {}), { $defs: WORKFLOW_SCHEMA.$defs }),
+      schema: __spreadProps(__spreadValues({}, (_a = props.schema) != null ? _a : {}), { $defs: WORKFLOW_SCHEMA_DEFS.$defs }),
       showErrorList: false,
       templates: customTemplates,
       validator,
@@ -14509,7 +14525,7 @@ import {
   DesignToken as DesignToken11,
   RadiusToken as RadiusToken3
 } from "@livechat/design-system-react-components";
-import { Fragment as Fragment8, jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
 var Wrapper2 = newStyled.div`
   &:hover {
     cursor: pointer;
@@ -14585,7 +14601,7 @@ function CustomNode({
   id,
   data
 }) {
-  return /* @__PURE__ */ jsxs3(Fragment8, { children: [
+  return /* @__PURE__ */ jsxs3(Fragment7, { children: [
     /* @__PURE__ */ jsxs3("div", { className: "custom-node__header", children: [
       "This is a ",
       /* @__PURE__ */ jsx5("strong", { children: "custom node" })
@@ -14918,7 +14934,7 @@ function CustomSchemaFormWrapper({
   preselectedTab,
   tabsMetadata
 }) {
-  const spec = workflowBuilderUtils.getItemConfig(data);
+  const spec = useMemo3(() => workflowBuilderUtils.getItemConfig(data), [data]);
   const [selectedTab, setSelectedTab] = useState12(
     preselectedTab != null ? preselectedTab : !spec || spec.specification.input ? "parameters" : spec && spec.customization.provider !== OTHER_TYPES.SYSTEM ? "connection" : void 0
   );
@@ -15309,8 +15325,8 @@ function SwitchNode({
     var _a, _b, _c, _d, _e, _f, _g, _h;
     const sourceNode = nodes.find((node1) => node1.id === (node2 == null ? void 0 : node2.source));
     if (sourceNode) {
-      const config4 = workflowBuilderUtils.getTaskConfig(sourceNode.data);
-      const output = (_b = (_a = config4.specification.output) == null ? void 0 : _a.properties) == null ? void 0 : _b.output;
+      const config2 = workflowBuilderUtils.getTaskConfig(sourceNode.data);
+      const output = (_b = (_a = config2.specification.output) == null ? void 0 : _a.properties) == null ? void 0 : _b.output;
       const body = isJSONSchema7(output) && isJSONSchema7((_c = output.properties) == null ? void 0 : _c.response) && isJSONSchema7((_e = (_d = output.properties) == null ? void 0 : _d.response.properties) == null ? void 0 : _e.body) ? (_h = (_g = (_f = output.properties) == null ? void 0 : _f.response) == null ? void 0 : _g.properties) == null ? void 0 : _h.body : void 0;
       const inputParameters = (body == null ? void 0 : body.type) === "object" ? body.properties : {};
       const formattedInputParameters = {};
@@ -15910,7 +15926,7 @@ function EditNodeWrapper() {
   if (!data) {
     return /* @__PURE__ */ jsx2(Fragment4, {});
   }
-  const config4 = (_b = frame == null ? void 0 : frame.__meta) == null ? void 0 : _b.config;
+  const config2 = (_b = frame == null ? void 0 : frame.__meta) == null ? void 0 : _b.config;
   const readonly = !workflow.draft;
   const contentHandler = () => {
     var _a2, _b2;
@@ -15995,7 +16011,7 @@ function EditNodeWrapper() {
         );
     }
   };
-  const revertIconColor = getWorkflowsEnv("isHeadless") && ((config4 == null ? void 0 : config4.customization.icon) === IntegrationNames14.OpenAI || (config4 == null ? void 0 : config4.customization.icon) === IntegrationNames14.BigCommerce);
+  const revertIconColor = getWorkflowsEnv("isHeadless") && ((config2 == null ? void 0 : config2.customization.icon) === IntegrationNames14.OpenAI || (config2 == null ? void 0 : config2.customization.icon) === IntegrationNames14.BigCommerce);
   return /* @__PURE__ */ jsxs2(Wrapper3, { children: [
     /* @__PURE__ */ jsxs2(Row11, { center: true, setRowPadding: "12px 24px", spaceBetween: true, children: [
       /* @__PURE__ */ jsx2(
@@ -16005,13 +16021,13 @@ function EditNodeWrapper() {
             max-width: 80%;
           `,
           children: /* @__PURE__ */ jsxs2(Title6, { children: [
-            (config4 == null ? void 0 : config4.customization.product) ? /* @__PURE__ */ jsx2(
+            (config2 == null ? void 0 : config2.customization.product) ? /* @__PURE__ */ jsx2(
               ProductIcon_default,
               {
                 center: true,
                 disabled: false,
                 height: 10,
-                product: config4.customization.icon,
+                product: config2.customization.icon,
                 revertColors: revertIconColor,
                 width: 10
               }
@@ -16028,9 +16044,9 @@ function EditNodeWrapper() {
             /* @__PURE__ */ jsxs2(Column10, { noFlexBasis: true, notPadded: true, children: [
               /* @__PURE__ */ jsxs2("strong", { children: [
                 ((_c = frame == null ? void 0 : frame.__meta) == null ? void 0 : _c.index) !== void 0 ? `${frame.__meta.index}. ` : "",
-                (_d = config4 == null ? void 0 : config4.customization.displayName) != null ? _d : data.type === NodeTypes.switch ? "Condition" : data.type === NodeTypes.http ? "Custom HTTP" : data.type === NodeTypes.terminate ? "End workflow" : ""
+                (_d = config2 == null ? void 0 : config2.customization.displayName) != null ? _d : data.type === NodeTypes.switch ? "Condition" : data.type === NodeTypes.http ? "Custom HTTP" : data.type === NodeTypes.terminate ? "End workflow" : ""
               ] }),
-              (_e = config4 == null ? void 0 : config4.customization.description) != null ? _e : data.type === NodeTypes.switch ? "Conditional execution" : data.type === NodeTypes.http ? "Make an HTTP request" : data.type === NodeTypes.terminate ? "End the workflow" : ""
+              (_e = config2 == null ? void 0 : config2.customization.description) != null ? _e : data.type === NodeTypes.switch ? "Conditional execution" : data.type === NodeTypes.http ? "Make an HTTP request" : data.type === NodeTypes.terminate ? "End the workflow" : ""
             ] })
           ] })
         }
@@ -16931,7 +16947,7 @@ import { useRef as useRef8 } from "react";
 
 // src/views/Flows/Definitions/Common/One/hooks/use-scroll.ts
 import { useCallback as useCallback11, useEffect as useEffect11, useRef as useRef7 } from "react";
-import debounce3 from "lodash.debounce";
+import debounce4 from "lodash.debounce";
 var useScroll = ({
   oneChatFeedRef,
   groupedEvents,
@@ -16987,7 +17003,7 @@ var useScroll = ({
     currentScrollPosition.current = (_a = container2.scrollTop) != null ? _a : null;
     isScrolledToBottom.current = container2.scrollHeight - container2.scrollTop - container2.clientHeight < 1;
   };
-  const debouncedScroll = debounce3(handleScroll, 200);
+  const debouncedScroll = debounce4(handleScroll, 200);
   return {
     handleScroll: debouncedScroll,
     handleScrollToBottom: scrollToBottom
@@ -18435,7 +18451,7 @@ import { useState as useState24 } from "react";
 import { useLocation as useLocation3, useNavigate as useNavigate5 } from "react-router-dom";
 import { Controls as Controls2 } from "reactflow";
 import { SegmentedControl } from "@livechat/design-system-react-components";
-import { Fragment as Fragment15, jsx as jsx9 } from "react/jsx-runtime";
+import { Fragment as Fragment14, jsx as jsx9 } from "react/jsx-runtime";
 function SwitcherControls({
   isDraft,
   hasRelatedWorkflow,
@@ -18478,7 +18494,7 @@ function SwitcherControls({
     }
   };
   if (!visibility.switcher || !isDraft && !hasRelatedWorkflow) {
-    return /* @__PURE__ */ jsx9(Fragment15, {});
+    return /* @__PURE__ */ jsx9(Fragment14, {});
   }
   const handleVersionClick = (id) => {
     if (id === "draft" && isDraft) {
@@ -18577,7 +18593,7 @@ var Edges_default = CustomEdge_default;
 
 // src/views/Flows/Definitions/Common/Builder/Editors/Visual/Diagram/Diagram.tsx
 import "reactflow/dist/style.css";
-import { Fragment as Fragment17, jsx as jsx10, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment as Fragment16, jsx as jsx10, jsxs as jsxs5 } from "react/jsx-runtime";
 var nodeConfig = {
   [WorkflowDefinitionTaskType14.http]: Node_default2,
   [WorkflowDefinitionTaskType14.forkJoin]: Node_default,
@@ -18666,7 +18682,7 @@ function Diagram({
   if (!workflow.draft && isRawEditorVisible) {
     onRawEditorToggle && onRawEditorToggle();
   }
-  return /* @__PURE__ */ jsxs5(Fragment17, { children: [
+  return /* @__PURE__ */ jsxs5(Fragment16, { children: [
     /* @__PURE__ */ jsxs5(
       ReactFlow,
       {
@@ -19162,7 +19178,7 @@ function ExecuteWorkflow({ workflow, onClose }) {
 var Execute_default = ExecuteWorkflow;
 
 // src/views/Flows/Definitions/Edit/Tasks/Add.tsx
-import { useEffect as useEffect15, useState as useState26 } from "react";
+import { useEffect as useEffect15, useMemo as useMemo5, useState as useState26 } from "react";
 import { NavLink, useLocation as useLocation5, useNavigate as useNavigate8, useParams as useParams2 } from "react-router-dom";
 import {
   Button as Button26,
@@ -19273,117 +19289,148 @@ function AddWorkflowTaskOptions({
 var Options_default = AddWorkflowTaskOptions;
 
 // src/views/Flows/Definitions/Edit/Tasks/Add.tsx
-var config2 = [
-  // {
-  //   name: 'system',
-  //   displayName: 'System tasks',
-  //   icon: (
-  //     <ProductIcon
-  //       product={OTHER_TYPES.SYSTEM}
-  //       center={undefined}
-  //       height={5}
-  //       width={5}
-  //       disabled={undefined}
-  //     />
-  //   ),
-  //   values: Object.values(systemTaskConfigs).map((x) => ({
-  //     key: x.key,
-  //     name: x.customization.displayName,
-  //     shortDescription: x.customization.shortDescription,
-  //     secondaryText: x.customization.description,
-  //   })),
-  // },
-  {
-    name: PRODUCT_TYPE.LC,
-    displayName: PRODUCT_NAMES.livechat,
-    icon: /* @__PURE__ */ jsx2(ProductIcon_default, { height: 5, product: PRODUCT_TYPE.LC, width: 5 }),
-    values: Object.values(livechatTaskConfigs).map((x) => ({
-      key: x.key,
-      name: x.customization.displayName,
-      shortDescription: x.customization.shortDescription,
-      secondaryText: x.customization.description
-    }))
-  },
-  {
-    name: PRODUCT_TYPE.HD,
-    displayName: PRODUCT_NAMES.helpdesk,
-    icon: /* @__PURE__ */ jsx2(ProductIcon_default, { center: true, height: 5, product: PRODUCT_TYPE.HD, width: 5 }),
-    values: Object.values(helpdeskTaskConfigs).map((x) => ({
-      key: x.key,
-      name: x.customization.displayName,
-      shortDescription: x.customization.shortDescription,
-      secondaryText: x.customization.description
-    }))
-  },
-  {
-    name: OTHER_PRODUCT_TYPE.OPENAI,
-    displayName: "OpenAI",
-    icon: /* @__PURE__ */ jsx2(ProductIcon_default, { height: 5, product: OTHER_PRODUCT_TYPE.OPENAI, width: 5 }),
-    values: Object.values(openAiTaskConfigs).map((x) => ({
-      key: x.key,
-      name: x.customization.displayName,
-      shortDescription: x.customization.shortDescription,
-      secondaryText: x.customization.description
-    }))
-  },
-  {
-    name: IntegrationNames15.Mailchimp,
-    displayName: IntegrationDisplayNames5.Mailchimp,
-    icon: /* @__PURE__ */ jsx2(ProductIcon_default, { height: 5, product: IntegrationNames15.Mailchimp, width: 5 }),
-    values: Object.values(mailchimpTaskConfigs).map((x) => ({
-      key: x.key,
-      name: x.customization.displayName,
-      shortDescription: x.customization.shortDescription,
-      secondaryText: x.customization.description
-    }))
-  },
-  {
-    name: IntegrationNames15.HubSpot,
-    displayName: IntegrationDisplayNames5.HubSpot,
-    icon: /* @__PURE__ */ jsx2(ProductIcon_default, { height: 5, product: IntegrationNames15.HubSpot, width: 5 }),
-    values: Object.values(hubspotTaskConfigs).map((x) => ({
-      key: x.key,
-      name: x.customization.displayName,
-      shortDescription: x.customization.shortDescription,
-      secondaryText: x.customization.description
-    }))
-  },
-  {
-    name: IntegrationNames15.BigCommerce,
-    displayName: IntegrationDisplayNames5.BigCommerce,
-    icon: /* @__PURE__ */ jsx2(
-      ProductIcon_default,
-      {
-        height: 5,
-        product: IntegrationNames15.BigCommerce,
-        width: 5
-      }
-    ),
-    values: Object.values(bigCommerceTaskConfigs).map((x) => ({
-      key: x.key,
-      name: x.customization.displayName,
-      shortDescription: x.customization.shortDescription,
-      secondaryText: x.customization.description
-    }))
-  },
-  {
-    name: IntegrationNames15.Shopify,
-    displayName: IntegrationDisplayNames5.Shopify,
-    icon: /* @__PURE__ */ jsx2(ProductIcon_default, { height: 5, product: IntegrationNames15.Shopify, width: 5 }),
-    values: Object.values(shopifyTaskConfigs).map((x) => ({
-      key: x.key,
-      name: x.customization.displayName,
-      shortDescription: x.customization.shortDescription,
-      secondaryText: x.customization.description
-    }))
-  }
-];
 function AddWorkflowTask({ basePath, onClose }) {
   const [search, setSearch] = useState26("");
   const location = useLocation5();
   const navigate = useNavigate8();
   const params = useParams2();
   const [state, setState] = useState26();
+  const config2 = useMemo5(
+    () => [
+      // {
+      //   name: 'system',
+      //   displayName: 'System tasks',
+      //   icon: (
+      //     <ProductIcon
+      //       product={OTHER_TYPES.SYSTEM}
+      //       center={undefined}
+      //       height={5}
+      //       width={5}
+      //       disabled={undefined}
+      //     />
+      //   ),
+      //   values: Object.values(systemTaskConfigs()).map((x) => ({
+      //     key: x.key,
+      //     name: x.customization.displayName,
+      //     shortDescription: x.customization.shortDescription,
+      //     secondaryText: x.customization.description,
+      //   })),
+      // },
+      {
+        name: PRODUCT_TYPE.LC,
+        displayName: PRODUCT_NAMES.livechat,
+        icon: /* @__PURE__ */ jsx2(ProductIcon_default, { height: 5, product: PRODUCT_TYPE.LC, width: 5 }),
+        values: Object.values(livechatTaskConfigs()).map((x) => ({
+          key: x.key,
+          name: x.customization.displayName,
+          shortDescription: x.customization.shortDescription,
+          secondaryText: x.customization.description
+        }))
+      },
+      {
+        name: PRODUCT_TYPE.HD,
+        displayName: PRODUCT_NAMES.helpdesk,
+        icon: /* @__PURE__ */ jsx2(ProductIcon_default, { center: true, height: 5, product: PRODUCT_TYPE.HD, width: 5 }),
+        values: Object.values(helpdeskTaskConfigs()).map((x) => ({
+          key: x.key,
+          name: x.customization.displayName,
+          shortDescription: x.customization.shortDescription,
+          secondaryText: x.customization.description
+        }))
+      },
+      {
+        name: OTHER_PRODUCT_TYPE.OPENAI,
+        displayName: "OpenAI",
+        icon: /* @__PURE__ */ jsx2(
+          ProductIcon_default,
+          {
+            height: 5,
+            product: OTHER_PRODUCT_TYPE.OPENAI,
+            width: 5
+          }
+        ),
+        values: Object.values(openAiTaskConfigs()).map((x) => ({
+          key: x.key,
+          name: x.customization.displayName,
+          shortDescription: x.customization.shortDescription,
+          secondaryText: x.customization.description
+        }))
+      },
+      {
+        name: IntegrationNames15.Mailchimp,
+        displayName: IntegrationDisplayNames5.Mailchimp,
+        icon: /* @__PURE__ */ jsx2(
+          ProductIcon_default,
+          {
+            height: 5,
+            product: IntegrationNames15.Mailchimp,
+            width: 5
+          }
+        ),
+        values: Object.values(mailchimpTaskConfigs()).map((x) => ({
+          key: x.key,
+          name: x.customization.displayName,
+          shortDescription: x.customization.shortDescription,
+          secondaryText: x.customization.description
+        }))
+      },
+      {
+        name: IntegrationNames15.HubSpot,
+        displayName: IntegrationDisplayNames5.HubSpot,
+        icon: /* @__PURE__ */ jsx2(
+          ProductIcon_default,
+          {
+            height: 5,
+            product: IntegrationNames15.HubSpot,
+            width: 5
+          }
+        ),
+        values: Object.values(hubspotTaskConfigs()).map((x) => ({
+          key: x.key,
+          name: x.customization.displayName,
+          shortDescription: x.customization.shortDescription,
+          secondaryText: x.customization.description
+        }))
+      },
+      {
+        name: IntegrationNames15.BigCommerce,
+        displayName: IntegrationDisplayNames5.BigCommerce,
+        icon: /* @__PURE__ */ jsx2(
+          ProductIcon_default,
+          {
+            height: 5,
+            product: IntegrationNames15.BigCommerce,
+            width: 5
+          }
+        ),
+        values: Object.values(bigCommerceTaskConfigs()).map((x) => ({
+          key: x.key,
+          name: x.customization.displayName,
+          shortDescription: x.customization.shortDescription,
+          secondaryText: x.customization.description
+        }))
+      },
+      {
+        name: IntegrationNames15.Shopify,
+        displayName: IntegrationDisplayNames5.Shopify,
+        icon: /* @__PURE__ */ jsx2(
+          ProductIcon_default,
+          {
+            height: 5,
+            product: IntegrationNames15.Shopify,
+            width: 5
+          }
+        ),
+        values: Object.values(shopifyTaskConfigs()).map((x) => ({
+          key: x.key,
+          name: x.customization.displayName,
+          shortDescription: x.customization.shortDescription,
+          secondaryText: x.customization.description
+        }))
+      }
+    ],
+    []
+  );
   const {
     addTask,
     state: { workflow }
@@ -19400,7 +19447,8 @@ function AddWorkflowTask({ basePath, onClose }) {
         state: location.state
       });
     }
-    const tasks = params.service ? workflowItemTemplates.tasks[params.service] : void 0;
+    const templates = WorkflowItemsConfiguration.templates;
+    const tasks = params.service ? templates.tasks[params.service] : void 0;
     const task2 = params.task && tasks ? tasks[params.task] : void 0;
     const suggestions = workflowBuilderUtils.stringifyToObjectKeyArray(
       (_d = location.state.frame) != null ? _d : {},
@@ -19614,7 +19662,7 @@ function AddWorkflowTask({ basePath, onClose }) {
 var Add_default = AddWorkflowTask;
 
 // src/views/Flows/Definitions/Edit/Triggers/Add.tsx
-import { useEffect as useEffect16, useState as useState27 } from "react";
+import { useEffect as useEffect16, useMemo as useMemo6, useState as useState27 } from "react";
 import { NavLink as NavLink2, useLocation as useLocation6, useNavigate as useNavigate9, useParams as useParams3 } from "react-router-dom";
 import {
   Button as Button27,
@@ -19725,86 +19773,110 @@ function AddWorkflowTriggerOptions({
 var Options_default2 = AddWorkflowTriggerOptions;
 
 // src/views/Flows/Definitions/Edit/Triggers/Add.tsx
-var config3 = [
-  {
-    name: OTHER_TYPES.SYSTEM,
-    displayName: "General",
-    icon: /* @__PURE__ */ jsx2(
-      ProductIcon_default,
+function AddWorkflowTrigger({ basePath, onClose }) {
+  const [search, setSearch] = useState27("");
+  const config2 = useMemo6(
+    () => [
       {
-        center: void 0,
-        disabled: void 0,
-        height: 5,
-        product: OTHER_TYPES.SYSTEM,
-        width: 5
-      }
-    ),
-    values: Object.values(systemTriggerConfigs).map((x) => ({
-      key: x.key,
-      name: x.customization.displayName,
-      secondaryText: x.customization.description
-    }))
-  },
-  {
-    name: PRODUCT_TYPE.LC,
-    displayName: PRODUCT_NAMES.livechat,
-    icon: /* @__PURE__ */ jsx2(ProductIcon_default, { height: 5, product: PRODUCT_TYPE.LC, width: 5 }),
-    values: Object.values(livechatTriggerConfigs).map((x) => ({
-      key: x.key,
-      name: x.customization.displayName,
-      secondaryText: x.customization.description
-    }))
-  },
-  {
-    name: IntegrationNames16.Mailchimp,
-    displayName: IntegrationDisplayNames6.Mailchimp,
-    icon: /* @__PURE__ */ jsx2(ProductIcon_default, { height: 5, product: IntegrationNames16.Mailchimp, width: 5 }),
-    values: Object.values(mailchimpTriggerConfigs).map((x) => ({
-      key: x.key,
-      name: x.customization.displayName,
-      secondaryText: x.customization.description
-    }))
-  },
-  {
-    name: IntegrationNames16.Shopify,
-    displayName: IntegrationDisplayNames6.Shopify,
-    icon: /* @__PURE__ */ jsx2(ProductIcon_default, { height: 5, product: IntegrationNames16.Shopify, width: 5 }),
-    values: Object.values(shopifyTriggerConfigs).map((x) => ({
-      key: x.key,
-      name: x.customization.displayName,
-      secondaryText: x.customization.description
-    }))
-  },
-  {
-    name: IntegrationNames16.HubSpot,
-    displayName: IntegrationDisplayNames6.HubSpot,
-    icon: /* @__PURE__ */ jsx2(ProductIcon_default, { height: 5, product: IntegrationNames16.HubSpot, width: 5 }),
-    values: Object.values(hubspotTriggerConfigs).map((x) => ({
-      key: x.key,
-      name: x.customization.displayName,
-      secondaryText: x.customization.description
-    }))
-  },
-  {
-    name: IntegrationNames16.BigCommerce,
-    displayName: IntegrationDisplayNames6.BigCommerce,
-    icon: /* @__PURE__ */ jsx2(
-      ProductIcon_default,
+        name: OTHER_TYPES.SYSTEM,
+        displayName: "General",
+        icon: /* @__PURE__ */ jsx2(
+          ProductIcon_default,
+          {
+            center: void 0,
+            disabled: void 0,
+            height: 5,
+            product: OTHER_TYPES.SYSTEM,
+            width: 5
+          }
+        ),
+        values: Object.values(systemTriggerConfigs()).map((x) => ({
+          key: x.key,
+          name: x.customization.displayName,
+          secondaryText: x.customization.description
+        }))
+      },
+      {
+        name: PRODUCT_TYPE.LC,
+        displayName: PRODUCT_NAMES.livechat,
+        icon: /* @__PURE__ */ jsx2(ProductIcon_default, { height: 5, product: PRODUCT_TYPE.LC, width: 5 }),
+        values: Object.values(livechatTriggerConfigs()).map((x) => ({
+          key: x.key,
+          name: x.customization.displayName,
+          secondaryText: x.customization.description
+        }))
+      },
+      {
+        name: IntegrationNames16.Mailchimp,
+        displayName: IntegrationDisplayNames6.Mailchimp,
+        icon: /* @__PURE__ */ jsx2(
+          ProductIcon_default,
+          {
+            height: 5,
+            product: IntegrationNames16.Mailchimp,
+            width: 5
+          }
+        ),
+        values: Object.values(mailchimpTriggerConfigs()).map((x) => ({
+          key: x.key,
+          name: x.customization.displayName,
+          secondaryText: x.customization.description
+        }))
+      },
+      {
+        name: IntegrationNames16.Shopify,
+        displayName: IntegrationDisplayNames6.Shopify,
+        icon: /* @__PURE__ */ jsx2(
+          ProductIcon_default,
+          {
+            height: 5,
+            product: IntegrationNames16.Shopify,
+            width: 5
+          }
+        ),
+        values: Object.values(shopifyTriggerConfigs()).map((x) => ({
+          key: x.key,
+          name: x.customization.displayName,
+          secondaryText: x.customization.description
+        }))
+      },
+      {
+        name: IntegrationNames16.HubSpot,
+        displayName: IntegrationDisplayNames6.HubSpot,
+        icon: /* @__PURE__ */ jsx2(
+          ProductIcon_default,
+          {
+            height: 5,
+            product: IntegrationNames16.HubSpot,
+            width: 5
+          }
+        ),
+        values: Object.values(hubspotTriggerConfigs()).map((x) => ({
+          key: x.key,
+          name: x.customization.displayName,
+          secondaryText: x.customization.description
+        }))
+      },
       {
-        height: 5,
-        product: IntegrationNames16.BigCommerce,
-        width: 5
+        name: IntegrationNames16.BigCommerce,
+        displayName: IntegrationDisplayNames6.BigCommerce,
+        icon: /* @__PURE__ */ jsx2(
+          ProductIcon_default,
+          {
+            height: 5,
+            product: IntegrationNames16.BigCommerce,
+            width: 5
+          }
+        ),
+        values: Object.values(bigcommerceTriggerConfigs()).map((x) => ({
+          key: x.key,
+          name: x.customization.displayName,
+          secondaryText: x.customization.description
+        }))
       }
-    ),
-    values: Object.values(bigcommerceTriggerConfigs).map((x) => ({
-      key: x.key,
-      name: x.customization.displayName,
-      secondaryText: x.customization.description
-    }))
-  }
-];
-function AddWorkflowTrigger({ basePath, onClose }) {
-  const [search, setSearch] = useState27("");
+    ],
+    []
+  );
   const location = useLocation6();
   const navigate = useNavigate9();
   const params = useParams3();
@@ -19817,10 +19889,11 @@ function AddWorkflowTrigger({ basePath, onClose }) {
   useEffect16(() => {
     var _a, _b, _c;
     if (!params.trigger) {
-      const firstTrigger = (_c = (_b = (_a = config3.find((el) => el.name === params.service)) == null ? void 0 : _a.values.sort((a, b) => a.name.localeCompare(b.name))) == null ? void 0 : _b[0]) == null ? void 0 : _c.key;
+      const firstTrigger = (_c = (_b = (_a = config2.find((el) => el.name === params.service)) == null ? void 0 : _a.values.sort((a, b) => a.name.localeCompare(b.name))) == null ? void 0 : _b[0]) == null ? void 0 : _c.key;
       navigate(`${basePath}/${params.service}/${firstTrigger}`);
     }
-    const triggers = params.service ? workflowItemTemplates.triggers[params.service] : void 0;
+    const templates = WorkflowItemsConfiguration.templates;
+    const triggers = params.service ? templates.triggers[params.service] : void 0;
     const trigger = params.trigger && triggers ? triggers[params.trigger] : void 0;
     setState({ trigger });
   }, [basePath, navigate, params.service, params.trigger]);
@@ -19889,7 +19962,7 @@ function AddWorkflowTrigger({ basePath, onClose }) {
                   )
                 }
               ),
-              config3.map(({ name, displayName, icon: icon2, values }) => {
+              config2.map(({ name, displayName, icon: icon2, values }) => {
                 const revertIconColor = getWorkflowsEnv("isHeadless") && (name === IntegrationNames16.OpenAI || name === IntegrationNames16.BigCommerce);
                 if (search) {
                   if (values.some(
@@ -19965,7 +20038,7 @@ function AddWorkflowTrigger({ basePath, onClose }) {
           `,
             setColumnPadding: "0 20px 0 16px",
             width: 10,
-            children: params.service ? config3.map(({ name, displayName, values, icon: icon2 }) => {
+            children: params.service ? config2.map(({ name, displayName, values, icon: icon2 }) => {
               var _a;
               if (((_a = params.service) == null ? void 0 : _a.toLowerCase()) === name.toLowerCase()) {
                 const options2 = values.map(({ key, name: name2, secondaryText }) => ({
@@ -20439,6 +20512,7 @@ var Edit_default2 = EditWorkflow;
 import { Route as Route4, Routes as Routes4 } from "react-router-dom";
 
 // src/views/Flows/Templates/Common/Modals/Preview/index.tsx
+import { useMemo as useMemo7 } from "react";
 import { useParams as useParams5 } from "react-router-dom";
 
 // src/views/Flows/Templates/api.mocks.tsx
@@ -20454,7 +20528,7 @@ import {
   IntegrationNames as IntegrationNames17,
   TextLivechatEventNames as TextLivechatEventNames2
 } from "@livechat/developer-studio-api";
-var flowTemplates = [
+var getFlowTemplates = () => [
   {
     id: "1",
     name: "Create HelpDesk tickets with chat summaries when a chat ends",
@@ -22326,6 +22400,7 @@ function WorkflowTemplatePreview({
   workflow,
   onClose
 }) {
+  const flowTemplates = useMemo7(() => getFlowTemplates(), []);
   const params = useParams5();
   const template = flowTemplates.find((t) => t.id === params.template);
   if (!workflow) {
@@ -22367,7 +22442,7 @@ import { useNavigate as useNavigate15 } from "react-router-dom";
 import { Modal as Modal9, ModalHeader as ModalHeader4 } from "@livechat/design-system-react-components";
 
 // src/views/Flows/Definitions/List/Home/Home.tsx
-import { useState as useState31 } from "react";
+import { useMemo as useMemo8, useState as useState31 } from "react";
 import { FiletypeOther, OneColored } from "@livechat/design-system-icons";
 import {
   DesignToken as DesignToken41,
@@ -22643,6 +22718,7 @@ var Grid = newStyled.div`
 function WorkflowsHome({ isOnModal, basePath }) {
   const [product, setProduct] = useState31("All");
   const [category, setCategory] = useState31("All");
+  const flowTemplates = useMemo8(() => getFlowTemplates(), []);
   const filters = [
     (template) => product === "All" || template.products.includes(product),
     (template) => category === "All" || template.category.includes(category)
@@ -22680,13 +22756,7 @@ function WorkflowsHome({ isOnModal, basePath }) {
             notPadded: true,
             notPaddedOnMobile: true,
             children: [
-              /* @__PURE__ */ jsx2(
-                Scratch_default,
-                {
-                  icon: FiletypeOther,
-                  title: "Empty workflow"
-                }
-              ),
+              /* @__PURE__ */ jsx2(Scratch_default, { icon: FiletypeOther, title: "Empty workflow" }),
               /* @__PURE__ */ jsx2(
                 Scratch_default,
                 {