@livechat/platform-workflows 0.0.50 → 0.0.52

package/dist/index.js

@@ -484,20 +484,22 @@ module.exports = __toCommonJS(src_exports);
 
 // src/config.ts
 var import_developer_studio_ui_react = require("@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);
   (0, import_developer_studio_ui_react.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 = (0, import_developer_studio_ui_react.getConfig)();
-  return __spreadProps(__spreadValues(__spreadValues({}, coreConfig), config), {
+function getWorkflowsConfig(base) {
+  const isProd = base.env === "prod";
+  const coreConfig = (0, import_developer_studio_ui_react.getConfig)(base);
+  return __spreadProps(__spreadValues(__spreadValues({}, coreConfig), configBase), {
     // Authorization
     accountsClientId: isProd ? "381b682538d896b6a25f54caf1805650" : "bc52b2c51dc4a5c2491ca49eaa7354d0",
     // Workflows
@@ -510,7 +512,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
@@ -1858,7 +1860,7 @@ var LoginError_default = LoginErrorPage;
 var import_react_router_dom27 = require("react-router-dom");
 
 // src/views/Flows/Definitions/index.tsx
-var import_react107 = require("react");
+var import_react108 = require("react");
 var import_react_router_dom25 = require("react-router-dom");
 var import_developer_studio_ui_react44 = require("@livechat/developer-studio-ui-react");
 
@@ -1993,7 +1995,7 @@ var PRODUCT_NAMES = {
 };
 
 // src/views/Flows/Definitions/Mocks/System/index.ts
-var systemTaskConfigs = {
+var systemTaskConfigs = () => ({
   [import_developer_studio_api2.WorkflowDefinitionTaskType.http]: {
     key: import_developer_studio_api2.WorkflowDefinitionTaskType.http,
     type: "other",
@@ -2064,7 +2066,7 @@ var systemTaskConfigs = {
     },
     specification: {}
   }
-};
+});
 var workflowForkTask = {
   name: "fork",
   type: "FORK_JOIN",
@@ -2122,7 +2124,7 @@ var workflowHttpTask = {
     }
   }
 };
-var systemTaskTemplates = {
+var systemTaskTemplates = () => ({
   [import_developer_studio_api2.WorkflowDefinitionTaskType.http]: workflowHttpTask,
   [import_developer_studio_api2.WorkflowDefinitionTaskType.switch]: workflowSwitchTask,
   [import_developer_studio_api2.WorkflowDefinitionTaskType.forkJoin]: workflowForkTask,
@@ -2132,8 +2134,8 @@ var systemTaskTemplates = {
   [import_developer_studio_api2.WorkflowDefinitionTaskType.addNode]: workflowAddNodeTask,
   [import_developer_studio_api2.WorkflowDefinitionTaskType.addTrigger]: workflowAddTriggerTask,
   [import_developer_studio_api2.WorkflowDefinitionTaskType.trigger]: workflowTriggerTask
-};
-var systemTriggerConfigs = {
+});
+var systemTriggerConfigs = () => ({
   ["scheduled" /* Scheduled */]: {
     key: "scheduled" /* Scheduled */,
     type: "system",
@@ -2173,8 +2175,8 @@ var systemTriggerConfigs = {
       output: {}
     }
   }
-};
-var systemTriggerTemplates = {
+});
+var systemTriggerTemplates = () => ({
   ["manual" /* Manual */]: {
     type: "manual_only"
   },
@@ -2182,7 +2184,7 @@ var systemTriggerTemplates = {
     type: "recurring",
     schedule: "* * * * *"
   }
-};
+});
 
 // src/views/Flows/Definitions/Mocks/BigCommerce/index.ts
 var bigCommerceProductBody = {
@@ -2520,7 +2522,7 @@ var bigCommerceCustomerResponse = {
     }
   }
 };
-var bigCommerceTaskConfigs = {
+var bigCommerceTaskConfigs = () => ({
   ["BIGCOMMERCE_CREATE_BLOG_POST" /* CreateBlogPost */]: {
     key: "BIGCOMMERCE_CREATE_BLOG_POST" /* CreateBlogPost */,
     type: import_developer_studio_api3.WorkflowDefinitionTaskType.http,
@@ -2886,8 +2888,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",
@@ -3055,7 +3057,7 @@ var bigCommerceTaskTemplates = {
       })
     })
   })
-};
+});
 var BigCommerceTriggerNames = {
   CartCreated: `${import_developer_studio_api3.IntegrationNames.BigCommerce}-${import_developer_studio_api3.BigCommerceEventNames.CartCreated}`,
   CartUpdated: `${import_developer_studio_api3.IntegrationNames.BigCommerce}-${import_developer_studio_api3.BigCommerceEventNames.CartUpdated}`,
@@ -3064,7 +3066,7 @@ var BigCommerceTriggerNames = {
   ProductCreated: `${import_developer_studio_api3.IntegrationNames.BigCommerce}-${import_developer_studio_api3.BigCommerceEventNames.ProductCreated}`,
   ProductUpdated: `${import_developer_studio_api3.IntegrationNames.BigCommerce}-${import_developer_studio_api3.BigCommerceEventNames.ProductUpdated}`
 };
-var bigcommerceTriggerConfigs = {
+var bigcommerceTriggerConfigs = () => ({
   [BigCommerceTriggerNames.CartCreated]: {
     key: BigCommerceTriggerNames.CartCreated,
     name: import_developer_studio_api3.BigCommerceEventNames.CartCreated,
@@ -3221,8 +3223,8 @@ var bigcommerceTriggerConfigs = {
       }
     }
   }
-};
-var bigcommerceTriggerTemplates = {
+});
+var bigcommerceTriggerTemplates = () => ({
   [BigCommerceTriggerNames.CartCreated]: {
     type: "webhook",
     webhook: {
@@ -3325,7 +3327,7 @@ var bigcommerceTriggerTemplates = {
       }
     }
   }
-};
+});
 
 // src/views/Flows/Definitions/Mocks/HelpDesk/index.ts
 var import_developer_studio_api4 = require("@livechat/developer-studio-api");
@@ -3481,7 +3483,7 @@ var helpdeskTicketInput = {
     title: "Transaction ID"
   }
 };
-var helpdeskTaskConfigs = {
+var helpdeskTaskConfigs = () => ({
   ["HELPDESK_ADD_FOLLOWERS_TO_TICKET" /* AddFollowersToTicket */]: {
     key: "HELPDESK_ADD_FOLLOWERS_TO_TICKET" /* AddFollowersToTicket */,
     type: import_developer_studio_api4.WorkflowDefinitionTaskType.http,
@@ -3730,8 +3732,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",
@@ -3850,7 +3852,7 @@ var helpdeskTaskTemplates = {
       })
     })
   })
-};
+});
 
 // src/views/Flows/Definitions/Mocks/HubSpot/index.ts
 var import_developer_studio_api5 = require("@livechat/developer-studio-api");
@@ -3887,7 +3889,7 @@ var hubspotContactBody = {
     properties: hubspotContactProperties
   }
 };
-var hubspotTaskConfigs = {
+var hubspotTaskConfigs = () => ({
   ["HUBSPOT_CREATE_CONTACT" /* CreateContact */]: {
     key: "HUBSPOT_CREATE_CONTACT" /* CreateContact */,
     type: import_developer_studio_api5.WorkflowDefinitionTaskType.http,
@@ -4007,8 +4009,8 @@ var hubspotTaskConfigs = {
       })
     }
   }
-};
-var hubspotTaskTemplates = {
+});
+var hubspotTaskTemplates = () => ({
   ["HUBSPOT_CREATE_CONTACT" /* CreateContact */]: __spreadProps(__spreadValues({}, workflowHttpTask), {
     name: "HUBSPOT_CREATE_CONTACT" /* CreateContact */,
     taskReferenceName: "hubspot_create_contact",
@@ -4088,12 +4090,12 @@ var hubspotTaskTemplates = {
       })
     })
   })
-};
+});
 var HubSpotTriggerNames = {
   ContactCreated: `${import_developer_studio_api5.IntegrationNames.HubSpot}-${import_developer_studio_api5.HubspotEventNames.ContactCreated}`,
   ContactDeleted: `${import_developer_studio_api5.IntegrationNames.HubSpot}-${import_developer_studio_api5.HubspotEventNames.ContactDeleted}`
 };
-var hubspotTriggerConfigs = {
+var hubspotTriggerConfigs = () => ({
   [HubSpotTriggerNames.ContactCreated]: {
     key: HubSpotTriggerNames.ContactCreated,
     name: import_developer_studio_api5.HubspotEventNames.ContactCreated,
@@ -4132,8 +4134,8 @@ var hubspotTriggerConfigs = {
       }
     }
   }
-};
-var hubSpotTriggerTemplates = {
+});
+var hubSpotTriggerTemplates = () => ({
   [HubSpotTriggerNames.ContactCreated]: {
     type: "webhook",
     webhook: {
@@ -4162,7 +4164,7 @@ var hubSpotTriggerTemplates = {
       }
     }
   }
-};
+});
 
 // src/views/Flows/Definitions/Mocks/LiveChat/index.ts
 var import_developer_studio_api6 = require("@livechat/developer-studio-api");
@@ -4730,7 +4732,7 @@ var webhookSpecs = {
     }
   }
 };
-var livechatTaskConfigs = {
+var livechatTaskConfigs = () => ({
   ["LIVECHAT_TRANSFER_CHAT" /* TransferChat */]: {
     key: "LIVECHAT_TRANSFER_CHAT" /* TransferChat */,
     type: import_developer_studio_api6.WorkflowDefinitionTaskType.http,
@@ -4935,8 +4937,8 @@ var livechatTaskConfigs = {
       })
     }
   }
-};
-var livechatTaskTemplates = {
+});
+var livechatTaskTemplates = () => ({
   ["LIVECHAT_TAG_CHAT" /* TagChat */]: __spreadProps(__spreadValues({}, workflowHttpTask), {
     name: "LIVECHAT_TAG_CHAT" /* TagChat */,
     taskReferenceName: "livechat_tag_chat",
@@ -5034,7 +5036,7 @@ var livechatTaskTemplates = {
       })
     })
   })
-};
+});
 var TextLiveChatTriggerNames = {
   ChatStarted: `${import_developer_studio_api6.IntegrationNames.Text}-${PRODUCT_TYPE.LC}-${import_developer_studio_api6.TextLivechatEventNames.ChatStarted}`,
   ChatEnded: `${import_developer_studio_api6.IntegrationNames.Text}-${PRODUCT_TYPE.LC}-${import_developer_studio_api6.TextLivechatEventNames.ChatEnded}`,
@@ -5046,7 +5048,7 @@ var TextLiveChatTriggerNames = {
   UserAddedToChat: `${import_developer_studio_api6.IntegrationNames.Text}-${PRODUCT_TYPE.LC}-${import_developer_studio_api6.TextLivechatEventNames.UserAddedToChat}`,
   UserRemovedFromChat: `${import_developer_studio_api6.IntegrationNames.Text}-${PRODUCT_TYPE.LC}-${import_developer_studio_api6.TextLivechatEventNames.UserRemovedFromChat}`
 };
-var livechatTriggerConfigs = {
+var livechatTriggerConfigs = () => ({
   [TextLiveChatTriggerNames.ChatStarted]: {
     key: TextLiveChatTriggerNames.ChatStarted,
     name: import_developer_studio_api6.TextLivechatEventNames.ChatStarted,
@@ -5208,8 +5210,8 @@ var livechatTriggerConfigs = {
       output: webhookSpecs.chat_tagged.output
     }
   }
-};
-var livechatTriggerTemplates = {
+});
+var livechatTriggerTemplates = () => ({
   [TextLiveChatTriggerNames.ChatEnded]: {
     type: "webhook",
     webhook: {
@@ -5322,7 +5324,7 @@ var livechatTriggerTemplates = {
       }
     }
   }
-};
+});
 
 // src/views/Flows/Definitions/Mocks/MailChimp/index.ts
 var import_developer_studio_api7 = require("@livechat/developer-studio-api");
@@ -5508,7 +5510,7 @@ var webhookSpecs2 = {
     }
   }
 };
-var mailchimpTaskConfigs = {
+var mailchimpTaskConfigs = () => ({
   ["MAILCHIMP_ADD_SUBSCRIBER" /* AddSubscriber */]: {
     key: "MAILCHIMP_ADD_SUBSCRIBER" /* AddSubscriber */,
     type: import_developer_studio_api7.WorkflowDefinitionTaskType.http,
@@ -6573,8 +6575,8 @@ var mailchimpTaskConfigs = {
       })
     }
   }
-};
-var mailchimpTaskTemplates = {
+});
+var mailchimpTaskTemplates = () => ({
   ["MAILCHIMP_ADD_SUBSCRIBER" /* AddSubscriber */]: __spreadProps(__spreadValues({}, workflowHttpTask), {
     name: "MAILCHIMP_ADD_SUBSCRIBER" /* AddSubscriber */,
     taskReferenceName: "mailchimp_add_contact",
@@ -6885,12 +6887,12 @@ var mailchimpTaskTemplates = {
       })
     })
   })
-};
+});
 var MailchimpTriggerNames = {
   Subscribed: `${import_developer_studio_api7.IntegrationNames.Mailchimp}-${import_developer_studio_api7.MailchimpEventNames.Subscribed}`,
   Unsubscribed: `${import_developer_studio_api7.IntegrationNames.Mailchimp}-${import_developer_studio_api7.MailchimpEventNames.Unsubscribed}`
 };
-var mailchimpTriggerConfigs = {
+var mailchimpTriggerConfigs = () => ({
   [MailchimpTriggerNames.Subscribed]: {
     key: MailchimpTriggerNames.Subscribed,
     name: import_developer_studio_api7.MailchimpEventNames.Subscribed,
@@ -6945,8 +6947,8 @@ var mailchimpTriggerConfigs = {
       output: webhookSpecs2.new_unsubscriber.output
     }
   }
-};
-var mailchimpTriggerTemplates = {
+});
+var mailchimpTriggerTemplates = () => ({
   [MailchimpTriggerNames.Subscribed]: {
     type: "webhook",
     webhook: {
@@ -6983,11 +6985,11 @@ var mailchimpTriggerTemplates = {
       }
     }
   }
-};
+});
 
 // src/views/Flows/Definitions/Mocks/OpenAI/index.ts
 var import_developer_studio_api8 = require("@livechat/developer-studio-api");
-var openAiTaskConfigs = {
+var openAiTaskConfigs = () => ({
   ["OPENAI_EXTRACT_ORDER_REQUEST" /* ExtractOrderRequest */]: {
     key: "OPENAI_EXTRACT_ORDER_REQUEST" /* ExtractOrderRequest */,
     type: import_developer_studio_api8.WorkflowDefinitionTaskType.http,
@@ -7228,8 +7230,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",
@@ -7319,7 +7321,7 @@ var openAiTaskTemplates = {
       })
     })
   })
-};
+});
 
 // src/views/Flows/Definitions/Mocks/Shopify/index.ts
 var import_developer_studio_api9 = require("@livechat/developer-studio-api");
@@ -7742,7 +7744,7 @@ var webhookSpecs3 = {
     }
   }
 };
-var shopifyTaskConfigs = {
+var shopifyTaskConfigs = () => ({
   ["SHOPIFY_CREATE_CUSTOMER" /* CreateCustomer */]: {
     key: "SHOPIFY_CREATE_CUSTOMER" /* CreateCustomer */,
     type: import_developer_studio_api9.WorkflowDefinitionTaskType.http,
@@ -7772,9 +7774,7 @@ var shopifyTaskConfigs = {
   ["SHOPIFY_CREATE_ORDER" /* CreateOrder */]: {
     key: "SHOPIFY_CREATE_ORDER" /* CreateOrder */,
     type: import_developer_studio_api9.WorkflowDefinitionTaskType.http,
-    url: `${getWorkflowsEnv(
-      "workflowsApiUr"
-    )}/functions/create-shopify-order`,
+    url: `${getWorkflowsEnv("workflowsApiUr")}/functions/create-shopify-order`,
     customization: {
       provider: import_developer_studio_api9.IntegrationNames.Shopify,
       product: import_developer_studio_api9.IntegrationDisplayNames.Shopify,
@@ -7872,9 +7872,7 @@ var shopifyTaskConfigs = {
   ["SHOPIFY_GET_CUSTOMER" /* GetCustomer */]: {
     key: "SHOPIFY_GET_CUSTOMER" /* GetCustomer */,
     type: import_developer_studio_api9.WorkflowDefinitionTaskType.http,
-    url: `${getWorkflowsEnv(
-      "workflowsApiUr"
-    )}/functions/get-shopify-customer`,
+    url: `${getWorkflowsEnv("workflowsApiUr")}/functions/get-shopify-customer`,
     customization: {
       provider: import_developer_studio_api9.IntegrationNames.Shopify,
       product: import_developer_studio_api9.IntegrationDisplayNames.Shopify,
@@ -8101,9 +8099,7 @@ var shopifyTaskConfigs = {
   ["SHOPIFY_UPDATE_ORDER" /* UpdateOrder */]: {
     type: import_developer_studio_api9.WorkflowDefinitionTaskType.http,
     key: "SHOPIFY_UPDATE_ORDER" /* UpdateOrder */,
-    url: `${getWorkflowsEnv(
-      "workflowsApiUr"
-    )}/functions/update-shopify-order`,
+    url: `${getWorkflowsEnv("workflowsApiUr")}/functions/update-shopify-order`,
     customization: {
       provider: import_developer_studio_api9.IntegrationNames.Shopify,
       product: import_developer_studio_api9.IntegrationDisplayNames.Shopify,
@@ -8198,8 +8194,8 @@ var shopifyTaskConfigs = {
       })
     }
   }
-};
-var shopifyTaskTemplates = {
+});
+var shopifyTaskTemplates = () => ({
   ["SHOPIFY_CREATE_CUSTOMER" /* CreateCustomer */]: __spreadProps(__spreadValues({}, workflowHttpTask), {
     name: "SHOPIFY_CREATE_CUSTOMER" /* CreateCustomer */,
     taskReferenceName: "shopify_create_customer",
@@ -8477,11 +8473,11 @@ var shopifyTaskTemplates = {
       })
     })
   })
-};
+});
 var ShopifyTriggerNames = {
   OrderCreated: `${import_developer_studio_api9.IntegrationNames.Shopify}-${import_developer_studio_api9.ShopifyEventNames.OrderCreated}`
 };
-var shopifyTriggerConfigs = {
+var shopifyTriggerConfigs = () => ({
   [ShopifyTriggerNames.OrderCreated]: {
     key: ShopifyTriggerNames.OrderCreated,
     name: import_developer_studio_api9.ShopifyEventNames.OrderCreated,
@@ -8498,8 +8494,8 @@ var shopifyTriggerConfigs = {
       output: webhookSpecs3.new_paid_order.output
     }
   }
-};
-var shopifyTriggerTemplates = {
+});
+var shopifyTriggerTemplates = () => ({
   [ShopifyTriggerNames.OrderCreated]: {
     type: "webhook",
     webhook: {
@@ -8515,33 +8511,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 = {
@@ -8692,9 +8704,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.",
@@ -8840,20 +8883,22 @@ var WORKFLOW_SCHEMA = {
                 },
                 then: WORKFLOW_HTTP_TASK_SCHEMA()
               },
-              ...Object.values(workflowItemConfigs.tasks).map((config4) => {
-                var _a, _b;
-                return {
-                  if: {
-                    properties: {
-                      type: { const: import_developer_studio_api10.WorkflowDefinitionTaskType.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: import_developer_studio_api10.WorkflowDefinitionTaskType.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
+                    })
+                  };
+                }
+              )
             ]
           }
         },
@@ -8941,92 +8986,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);
@@ -9043,7 +9061,7 @@ function configureMonaco(monaco) {
         // id of the first schema
         fileMatch: [modelUri.toString()],
         // associate with our model
-        schema: WORKFLOW_SCHEMA
+        schema: WORKFLOW_SCHEMA()
       }
     ]
   });
@@ -9653,7 +9671,7 @@ var workflowBuilderUtils = {
     return result;
   },
   getTaskConfig(task2) {
-    return workflowItemConfigs.tasks[task2.name];
+    return WorkflowItemsConfiguration.config.tasks[task2.name];
   },
   getTaskConfigByReference(value) {
     const segments = value.split(".");
@@ -9661,7 +9679,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;
     }
@@ -9669,9 +9687,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 */);
@@ -9692,10 +9710,10 @@ var workflowBuilderUtils = {
         }
       };
     }
-    const config4 = workflowBuilderUtils.getTriggerConfig({
+    const config2 = workflowBuilderUtils.getTriggerConfig({
       type: "manual_only"
     });
-    return config4;
+    return config2;
   },
   getItemConfig(item) {
     var _a;
@@ -10061,7 +10079,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(
@@ -10090,7 +10108,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(
@@ -10160,10 +10178,10 @@ var getTasksErrors = (workflow, frames, products) => {
         params: {}
       };
     });
-    const activationError = config4 && config4.customization.provider.startsWith(import_developer_studio_api15.IntegrationNames.Text) && !products.find(({ product }) => product === config4.customization.product) ? {
+    const activationError = config2 && config2.customization.provider.startsWith(import_developer_studio_api15.IntegrationNames.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 [
@@ -10176,7 +10194,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(
@@ -10224,13 +10242,12 @@ var getTriggerErrors = (workflow, frames, products) => {
       params: {}
     };
   });
-  const activationError = config4 && config4.customization.provider.startsWith(import_developer_studio_api15.IntegrationNames.Text) && !products.find(({ product }) => product === config4.customization.product) ? {
+  const activationError = config2 && config2.customization.provider.startsWith(import_developer_studio_api15.IntegrationNames.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,
@@ -10398,11 +10415,12 @@ function WorkflowContextProviderBase({
     updaters: { setWorkflow, setAction, setSelection }
   } = useWorkflowState(workflow, options2);
   const autosaveStateRef = (0, import_react8.useRef)(state);
-  const autosaveWorkflow = (0, import_react8.useRef)(
+  const autosaveWorkflowRef = (0, import_react8.useRef)(
     (0, import_lodash.default)(() => __async(this, null, function* () {
       yield save(true);
     }), 500)
-  ).current;
+  );
+  const autosaveWorkflow = autosaveWorkflowRef.current;
   (0, import_react8.useEffect)(() => {
     return () => {
       autosaveWorkflow.cancel();
@@ -10496,16 +10514,16 @@ function WorkflowContextProviderBase({
   const replaceWorkflow = (0, import_react8.useCallback)(
     (workflow2) => {
       setWorkflow(workflow2);
-      autosaveWorkflow();
+      autosaveWorkflowRef.current();
     },
-    [autosaveWorkflow, setWorkflow]
+    [autosaveWorkflowRef, setWorkflow]
   );
   const changeWorkflow = (0, import_react8.useCallback)(
     (change) => {
       setWorkflow((prevState) => applyChange(prevState, change(prevState)));
-      autosaveWorkflow();
+      autosaveWorkflowRef.current();
     },
-    [autosaveWorkflow, setWorkflow]
+    [autosaveWorkflowRef, setWorkflow]
   );
   const goToAddTrigger = (0, import_react8.useCallback)(() => {
     navigate(
@@ -12577,10 +12595,10 @@ var import_developer_studio_ui_react11 = require("@livechat/developer-studio-ui-
 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,
@@ -12598,7 +12616,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,
@@ -12799,6 +12817,7 @@ function CustomTagsPicker({
 
 // src/views/Flows/Definitions/Common/Builder/Editors/Visual/Forms/Schema/overrides/Fields/CustomTags/TagsInput/Input.tsx
 var import_react24 = require("react");
+var import_lodash3 = __toESM(require("lodash.debounce"));
 var import_design_system_react_components13 = require("@livechat/design-system-react-components");
 
 // src/views/Flows/Definitions/Common/Builder/Editors/Visual/Forms/Schema/overrides/Fields/CustomTags/TagsInput/Tag/Icon.tsx
@@ -13070,64 +13089,64 @@ function TagifyWrapper({
     };
   }, []);
   (0, import_react23.useEffect)(() => {
-    tagify.current.off("change", onChange).on("change", onChange);
+    tagify.current.off("change").on("change", onChange);
   }, [onChange]);
   (0, import_react23.useEffect)(() => {
-    tagify.current.off("input", onInput).on("input", onInput);
+    tagify.current.off("input").on("input", onInput);
   }, [onInput]);
   (0, import_react23.useEffect)(() => {
-    tagify.current.off("add", onAdd).on("add", onAdd);
+    tagify.current.off("add").on("add", onAdd);
   }, [onAdd]);
   (0, import_react23.useEffect)(() => {
-    tagify.current.off("remove", onRemove).on("remove", onRemove);
+    tagify.current.off("remove").on("remove", onRemove);
   }, [onRemove]);
   (0, import_react23.useEffect)(() => {
-    tagify.current.off("invalid", onInvalid).on("invalid", onInvalid);
+    tagify.current.off("invalid").on("invalid", onInvalid);
   }, [onInvalid]);
   (0, import_react23.useEffect)(() => {
-    tagify.current.off("keydown", onKeydown).on("keydown", onKeydown);
+    tagify.current.off("keydown").on("keydown", onKeydown);
   }, [onKeydown]);
   (0, import_react23.useEffect)(() => {
-    tagify.current.off("focus", onFocus).on("focus", onFocus);
+    tagify.current.off("focus").on("focus", onFocus);
   }, [onFocus]);
   (0, import_react23.useEffect)(() => {
-    tagify.current.off("blur", onBlur).on("blur", onBlur);
+    tagify.current.off("blur").on("blur", onBlur);
   }, [onBlur]);
   (0, import_react23.useEffect)(() => {
-    tagify.current.off("click", onClick).on("click", onClick);
+    tagify.current.off("click").on("click", onClick);
   }, [onClick]);
   (0, import_react23.useEffect)(() => {
-    tagify.current.off("edit:input", onEditInput).on("edit:input", onEditInput);
+    tagify.current.off("edit:input").on("edit:input", onEditInput);
   }, [onEditInput]);
   (0, import_react23.useEffect)(() => {
-    tagify.current.off("edit:beforeUpdate", onEditBeforeUpdate).on("edit:beforeUpdate", onEditBeforeUpdate);
+    tagify.current.off("edit:beforeUpdate").on("edit:beforeUpdate", onEditBeforeUpdate);
   }, [onEditBeforeUpdate]);
   (0, import_react23.useEffect)(() => {
-    tagify.current.off("edit:updated", onEditUpdated).on("edit:updated", onEditUpdated);
+    tagify.current.off("edit:updated").on("edit:updated", onEditUpdated);
   }, [onEditUpdated]);
   (0, import_react23.useEffect)(() => {
-    tagify.current.off("edit:start", onEditStart).on("edit:start", onEditStart);
+    tagify.current.off("edit:start").on("edit:start", onEditStart);
   }, [onEditStart]);
   (0, import_react23.useEffect)(() => {
-    tagify.current.off("edit:keydown", onEditKeydown).on("edit:keydown", onEditKeydown);
+    tagify.current.off("edit:keydown").on("edit:keydown", onEditKeydown);
   }, [onEditKeydown]);
   (0, import_react23.useEffect)(() => {
-    tagify.current.off("dropdown:show", onDropdownShow).on("dropdown:show", onDropdownShow);
+    tagify.current.off("dropdown:show").on("dropdown:show", onDropdownShow);
   }, [onDropdownShow]);
   (0, import_react23.useEffect)(() => {
-    tagify.current.off("dropdown:hide", onDropdownHide).on("dropdown:hide", onDropdownHide);
+    tagify.current.off("dropdown:hide").on("dropdown:hide", onDropdownHide);
   }, [onDropdownHide]);
   (0, import_react23.useEffect)(() => {
-    tagify.current.off("dropdown:select", onDropdownSelect).on("dropdown:select", onDropdownSelect);
+    tagify.current.off("dropdown:select").on("dropdown:select", onDropdownSelect);
   }, [onDropdownSelect]);
   (0, import_react23.useEffect)(() => {
-    tagify.current.off("dropdown:scroll", onDropdownScroll).on("dropdown:scroll", onDropdownScroll);
+    tagify.current.off("dropdown:scroll").on("dropdown:scroll", onDropdownScroll);
   }, [onDropdownScroll]);
   (0, import_react23.useEffect)(() => {
-    tagify.current.off("dropdown:noMatch", onDropdownNoMatch).on("dropdown:noMatch", onDropdownNoMatch);
+    tagify.current.off("dropdown:noMatch").on("dropdown:noMatch", onDropdownNoMatch);
   }, [onDropdownNoMatch]);
   (0, import_react23.useEffect)(() => {
-    tagify.current.off("dropdown:updated", onDropdownUpdated).on("dropdown:updated", onDropdownUpdated);
+    tagify.current.off("dropdown:updated").on("dropdown:updated", onDropdownUpdated);
   }, [onDropdownUpdated]);
   (0, import_react23.useEffect)(() => {
     setFocus();
@@ -13217,11 +13236,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 : "",
@@ -13335,10 +13354,13 @@ function CustomTagsInput({
     },
     [updateAllIcons]
   );
-  const handleChange = (0, import_react24.useCallback)(() => {
-    onChange(getCurrentValue());
-    updateAllIcons();
-  }, [onChange, getCurrentValue, updateAllIcons]);
+  const handleChange = (0, import_react24.useCallback)(
+    (0, import_lodash3.default)(() => {
+      onChange(getCurrentValue());
+      updateAllIcons();
+    }, 300),
+    [onChange, getCurrentValue, updateAllIcons]
+  );
   const handleKeyDown = (0, import_react24.useCallback)(
     (e) => {
       if (e.detail.event.key !== "Backspace") {
@@ -14215,7 +14237,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: import_validator_ajv8.default,
@@ -14722,7 +14744,7 @@ function CustomSchemaFormWrapper({
   preselectedTab,
   tabsMetadata
 }) {
-  const spec = workflowBuilderUtils.getItemConfig(data);
+  const spec = (0, import_react40.useMemo)(() => workflowBuilderUtils.getItemConfig(data), [data]);
   const [selectedTab, setSelectedTab] = (0, import_react40.useState)(
     preselectedTab != null ? preselectedTab : !spec || spec.specification.input ? "parameters" : spec && spec.customization.provider !== OTHER_TYPES.SYSTEM ? "connection" : void 0
   );
@@ -15105,8 +15127,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 = {};
@@ -15697,7 +15719,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;
@@ -15782,7 +15804,7 @@ function EditNodeWrapper() {
         );
     }
   };
-  const revertIconColor = getWorkflowsEnv("isHeadless") && ((config4 == null ? void 0 : config4.customization.icon) === import_developer_studio_api23.IntegrationNames.OpenAI || (config4 == null ? void 0 : config4.customization.icon) === import_developer_studio_api23.IntegrationNames.BigCommerce);
+  const revertIconColor = getWorkflowsEnv("isHeadless") && ((config2 == null ? void 0 : config2.customization.icon) === import_developer_studio_api23.IntegrationNames.OpenAI || (config2 == null ? void 0 : config2.customization.icon) === import_developer_studio_api23.IntegrationNames.BigCommerce);
   return /* @__PURE__ */ jsxs2(Wrapper3, { children: [
     /* @__PURE__ */ jsxs2(import_developer_studio_ui_react20.Row, { center: true, setRowPadding: "12px 24px", spaceBetween: true, children: [
       /* @__PURE__ */ jsx2(
@@ -15792,13 +15814,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
               }
@@ -15815,9 +15837,9 @@ function EditNodeWrapper() {
             /* @__PURE__ */ jsxs2(import_developer_studio_ui_react20.Column, { 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" : ""
             ] })
           ] })
         }
@@ -16669,7 +16691,7 @@ var import_react77 = require("react");
 
 // src/views/Flows/Definitions/Common/One/hooks/use-scroll.ts
 var import_react65 = require("react");
-var import_lodash3 = __toESM(require("lodash.debounce"));
+var import_lodash4 = __toESM(require("lodash.debounce"));
 var useScroll = ({
   oneChatFeedRef,
   groupedEvents,
@@ -16725,7 +16747,7 @@ var useScroll = ({
     currentScrollPosition.current = (_a = container2.scrollTop) != null ? _a : null;
     isScrolledToBottom.current = container2.scrollHeight - container2.scrollTop - container2.clientHeight < 1;
   };
-  const debouncedScroll = (0, import_lodash3.default)(handleScroll, 200);
+  const debouncedScroll = (0, import_lodash4.default)(handleScroll, 200);
   return {
     handleScroll: debouncedScroll,
     handleScrollToBottom: scrollToBottom
@@ -18923,117 +18945,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: import_developer_studio_api25.IntegrationNames.Mailchimp,
-    displayName: import_developer_studio_api25.IntegrationDisplayNames.Mailchimp,
-    icon: /* @__PURE__ */ jsx2(ProductIcon_default, { height: 5, product: import_developer_studio_api25.IntegrationNames.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: import_developer_studio_api25.IntegrationNames.HubSpot,
-    displayName: import_developer_studio_api25.IntegrationDisplayNames.HubSpot,
-    icon: /* @__PURE__ */ jsx2(ProductIcon_default, { height: 5, product: import_developer_studio_api25.IntegrationNames.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: import_developer_studio_api25.IntegrationNames.BigCommerce,
-    displayName: import_developer_studio_api25.IntegrationDisplayNames.BigCommerce,
-    icon: /* @__PURE__ */ jsx2(
-      ProductIcon_default,
-      {
-        height: 5,
-        product: import_developer_studio_api25.IntegrationNames.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: import_developer_studio_api25.IntegrationNames.Shopify,
-    displayName: import_developer_studio_api25.IntegrationDisplayNames.Shopify,
-    icon: /* @__PURE__ */ jsx2(ProductIcon_default, { height: 5, product: import_developer_studio_api25.IntegrationNames.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] = (0, import_react87.useState)("");
   const location = (0, import_react_router_dom12.useLocation)();
   const navigate = (0, import_react_router_dom12.useNavigate)();
   const params = (0, import_react_router_dom12.useParams)();
   const [state, setState] = (0, import_react87.useState)();
+  const config2 = (0, import_react87.useMemo)(
+    () => [
+      // {
+      //   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: import_developer_studio_api25.IntegrationNames.Mailchimp,
+        displayName: import_developer_studio_api25.IntegrationDisplayNames.Mailchimp,
+        icon: /* @__PURE__ */ jsx2(
+          ProductIcon_default,
+          {
+            height: 5,
+            product: import_developer_studio_api25.IntegrationNames.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: import_developer_studio_api25.IntegrationNames.HubSpot,
+        displayName: import_developer_studio_api25.IntegrationDisplayNames.HubSpot,
+        icon: /* @__PURE__ */ jsx2(
+          ProductIcon_default,
+          {
+            height: 5,
+            product: import_developer_studio_api25.IntegrationNames.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: import_developer_studio_api25.IntegrationNames.BigCommerce,
+        displayName: import_developer_studio_api25.IntegrationDisplayNames.BigCommerce,
+        icon: /* @__PURE__ */ jsx2(
+          ProductIcon_default,
+          {
+            height: 5,
+            product: import_developer_studio_api25.IntegrationNames.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: import_developer_studio_api25.IntegrationNames.Shopify,
+        displayName: import_developer_studio_api25.IntegrationDisplayNames.Shopify,
+        icon: /* @__PURE__ */ jsx2(
+          ProductIcon_default,
+          {
+            height: 5,
+            product: import_developer_studio_api25.IntegrationNames.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 }
@@ -19050,7 +19103,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 : {},
@@ -19353,86 +19407,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] = (0, import_react90.useState)("");
+  const config2 = (0, import_react90.useMemo)(
+    () => [
       {
-        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: import_developer_studio_api26.IntegrationNames.Mailchimp,
-    displayName: import_developer_studio_api26.IntegrationDisplayNames.Mailchimp,
-    icon: /* @__PURE__ */ jsx2(ProductIcon_default, { height: 5, product: import_developer_studio_api26.IntegrationNames.Mailchimp, width: 5 }),
-    values: Object.values(mailchimpTriggerConfigs).map((x) => ({
-      key: x.key,
-      name: x.customization.displayName,
-      secondaryText: x.customization.description
-    }))
-  },
-  {
-    name: import_developer_studio_api26.IntegrationNames.Shopify,
-    displayName: import_developer_studio_api26.IntegrationDisplayNames.Shopify,
-    icon: /* @__PURE__ */ jsx2(ProductIcon_default, { height: 5, product: import_developer_studio_api26.IntegrationNames.Shopify, width: 5 }),
-    values: Object.values(shopifyTriggerConfigs).map((x) => ({
-      key: x.key,
-      name: x.customization.displayName,
-      secondaryText: x.customization.description
-    }))
-  },
-  {
-    name: import_developer_studio_api26.IntegrationNames.HubSpot,
-    displayName: import_developer_studio_api26.IntegrationDisplayNames.HubSpot,
-    icon: /* @__PURE__ */ jsx2(ProductIcon_default, { height: 5, product: import_developer_studio_api26.IntegrationNames.HubSpot, width: 5 }),
-    values: Object.values(hubspotTriggerConfigs).map((x) => ({
-      key: x.key,
-      name: x.customization.displayName,
-      secondaryText: x.customization.description
-    }))
-  },
-  {
-    name: import_developer_studio_api26.IntegrationNames.BigCommerce,
-    displayName: import_developer_studio_api26.IntegrationDisplayNames.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: import_developer_studio_api26.IntegrationNames.Mailchimp,
+        displayName: import_developer_studio_api26.IntegrationDisplayNames.Mailchimp,
+        icon: /* @__PURE__ */ jsx2(
+          ProductIcon_default,
+          {
+            height: 5,
+            product: import_developer_studio_api26.IntegrationNames.Mailchimp,
+            width: 5
+          }
+        ),
+        values: Object.values(mailchimpTriggerConfigs()).map((x) => ({
+          key: x.key,
+          name: x.customization.displayName,
+          secondaryText: x.customization.description
+        }))
+      },
+      {
+        name: import_developer_studio_api26.IntegrationNames.Shopify,
+        displayName: import_developer_studio_api26.IntegrationDisplayNames.Shopify,
+        icon: /* @__PURE__ */ jsx2(
+          ProductIcon_default,
+          {
+            height: 5,
+            product: import_developer_studio_api26.IntegrationNames.Shopify,
+            width: 5
+          }
+        ),
+        values: Object.values(shopifyTriggerConfigs()).map((x) => ({
+          key: x.key,
+          name: x.customization.displayName,
+          secondaryText: x.customization.description
+        }))
+      },
+      {
+        name: import_developer_studio_api26.IntegrationNames.HubSpot,
+        displayName: import_developer_studio_api26.IntegrationDisplayNames.HubSpot,
+        icon: /* @__PURE__ */ jsx2(
+          ProductIcon_default,
+          {
+            height: 5,
+            product: import_developer_studio_api26.IntegrationNames.HubSpot,
+            width: 5
+          }
+        ),
+        values: Object.values(hubspotTriggerConfigs()).map((x) => ({
+          key: x.key,
+          name: x.customization.displayName,
+          secondaryText: x.customization.description
+        }))
+      },
       {
-        height: 5,
-        product: import_developer_studio_api26.IntegrationNames.BigCommerce,
-        width: 5
+        name: import_developer_studio_api26.IntegrationNames.BigCommerce,
+        displayName: import_developer_studio_api26.IntegrationDisplayNames.BigCommerce,
+        icon: /* @__PURE__ */ jsx2(
+          ProductIcon_default,
+          {
+            height: 5,
+            product: import_developer_studio_api26.IntegrationNames.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] = (0, import_react90.useState)("");
+    ],
+    []
+  );
   const location = (0, import_react_router_dom13.useLocation)();
   const navigate = (0, import_react_router_dom13.useNavigate)();
   const params = (0, import_react_router_dom13.useParams)();
@@ -19445,10 +19523,11 @@ function AddWorkflowTrigger({ basePath, onClose }) {
   (0, import_react90.useEffect)(() => {
     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]);
@@ -19517,7 +19596,7 @@ function AddWorkflowTrigger({ basePath, onClose }) {
                   )
                 }
               ),
-              config3.map(({ name, displayName, icon: icon2, values }) => {
+              config2.map(({ name, displayName, icon: icon2, values }) => {
                 const revertIconColor = getWorkflowsEnv("isHeadless") && (name === import_developer_studio_api26.IntegrationNames.OpenAI || name === import_developer_studio_api26.IntegrationNames.BigCommerce);
                 if (search) {
                   if (values.some(
@@ -19593,7 +19672,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 }) => ({
@@ -20052,12 +20131,13 @@ var Edit_default2 = EditWorkflow;
 var import_react_router_dom24 = require("react-router-dom");
 
 // src/views/Flows/Templates/Common/Modals/Preview/index.tsx
+var import_react96 = require("react");
 var import_react_router_dom17 = require("react-router-dom");
 
 // src/views/Flows/Templates/api.mocks.tsx
 var import_design_system_icons32 = require("@livechat/design-system-icons");
 var import_developer_studio_api27 = require("@livechat/developer-studio-api");
-var flowTemplates = [
+var getFlowTemplates = () => [
   {
     id: "1",
     name: "Create HelpDesk tickets with chat summaries when a chat ends",
@@ -21904,6 +21984,7 @@ function WorkflowTemplatePreview({
   workflow,
   onClose
 }) {
+  const flowTemplates = (0, import_react96.useMemo)(() => getFlowTemplates(), []);
   const params = (0, import_react_router_dom17.useParams)();
   const template = flowTemplates.find((t) => t.id === params.template);
   if (!workflow) {
@@ -21940,18 +22021,18 @@ var Preview_default2 = WorkflowTemplatePreview;
 var import_react_router_dom21 = require("react-router-dom");
 
 // src/views/Flows/Definitions/List/Modals/Create/Modal.tsx
-var import_react100 = require("react");
+var import_react101 = require("react");
 var import_react_router_dom20 = require("react-router-dom");
 var import_design_system_react_components77 = require("@livechat/design-system-react-components");
 
 // src/views/Flows/Definitions/List/Home/Home.tsx
-var import_react99 = require("react");
+var import_react100 = require("react");
 var import_design_system_icons37 = require("@livechat/design-system-icons");
 var import_design_system_react_components76 = require("@livechat/design-system-react-components");
 var import_developer_studio_ui_react40 = require("@livechat/developer-studio-ui-react");
 
 // src/views/Flows/Templates/Common/Modals/List/Filters/Category.tsx
-var import_react96 = require("react");
+var import_react97 = require("react");
 var import_design_system_icons35 = require("@livechat/design-system-icons");
 var import_design_system_react_components72 = require("@livechat/design-system-react-components");
 var import_developer_studio_ui_react36 = require("@livechat/developer-studio-ui-react");
@@ -21959,8 +22040,8 @@ function WorkflowTemplatesCategoryFilter({
   handleStatus,
   status
 }) {
-  const [isVisible, setIsVisible] = (0, import_react96.useState)(false);
-  const getItem = (0, import_react96.useCallback)(
+  const [isVisible, setIsVisible] = (0, import_react97.useState)(false);
+  const getItem = (0, import_react97.useCallback)(
     (key, category, icon2) => ({
       key,
       element: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react36.Row, { gap: `var(${import_design_system_react_components72.SpacingToken.Spacing1});`, notPadded: true, children: [
@@ -22014,7 +22095,7 @@ function WorkflowTemplatesCategoryFilter({
 var Category_default = WorkflowTemplatesCategoryFilter;
 
 // src/views/Flows/Templates/Common/Modals/List/Filters/Product.tsx
-var import_react97 = require("react");
+var import_react98 = require("react");
 var import_design_system_icons36 = require("@livechat/design-system-icons");
 var import_design_system_react_components73 = require("@livechat/design-system-react-components");
 var import_developer_studio_ui_react37 = require("@livechat/developer-studio-ui-react");
@@ -22022,8 +22103,8 @@ function WorkflowTemplatesProductFilter({
   handleStatus,
   status
 }) {
-  const [isVisible, setIsVisible] = (0, import_react97.useState)(false);
-  const getItem = (0, import_react97.useCallback)(
+  const [isVisible, setIsVisible] = (0, import_react98.useState)(false);
+  const getItem = (0, import_react98.useCallback)(
     (key, product, icon2) => ({
       key,
       element: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react37.Row, { gap: `var(${import_design_system_react_components73.SpacingToken.Spacing1});`, notPadded: true, children: [
@@ -22177,8 +22258,9 @@ var Grid = newStyled.div`
   gap: var(${import_design_system_react_components76.SpacingToken.Spacing3});
 `;
 function WorkflowsHome({ isOnModal, basePath }) {
-  const [product, setProduct] = (0, import_react99.useState)("All");
-  const [category, setCategory] = (0, import_react99.useState)("All");
+  const [product, setProduct] = (0, import_react100.useState)("All");
+  const [category, setCategory] = (0, import_react100.useState)("All");
+  const flowTemplates = (0, import_react100.useMemo)(() => getFlowTemplates(), []);
   const filters = [
     (template) => product === "All" || template.products.includes(product),
     (template) => category === "All" || template.category.includes(category)
@@ -22216,13 +22298,7 @@ function WorkflowsHome({ isOnModal, basePath }) {
             notPadded: true,
             notPaddedOnMobile: true,
             children: [
-              /* @__PURE__ */ jsx2(
-                Scratch_default,
-                {
-                  icon: import_design_system_icons37.FiletypeOther,
-                  title: "Empty workflow"
-                }
-              ),
+              /* @__PURE__ */ jsx2(Scratch_default, { icon: import_design_system_icons37.FiletypeOther, title: "Empty workflow" }),
               /* @__PURE__ */ jsx2(
                 Scratch_default,
                 {
@@ -22287,7 +22363,7 @@ var Home_default = WorkflowsHome;
 // src/views/Flows/Definitions/List/Modals/Create/Modal.tsx
 function WorkflowCreateModal({ onClose }) {
   const navigate = (0, import_react_router_dom20.useNavigate)();
-  const handleClose = (0, import_react100.useCallback)(() => {
+  const handleClose = (0, import_react101.useCallback)(() => {
     if (onClose) {
       onClose();
       return;
@@ -22320,7 +22396,7 @@ function WorkflowCreate() {
 var Create_default = WorkflowCreate;
 
 // src/views/Flows/Definitions/List/View.tsx
-var import_react105 = require("react");
+var import_react106 = require("react");
 var import_react_router_dom23 = require("react-router-dom");
 var import_design_system_react_components81 = require("@livechat/design-system-react-components");
 var import_developer_studio_api29 = require("@livechat/developer-studio-api");
@@ -22331,7 +22407,7 @@ var import_design_system_react_components80 = require("@livechat/design-system-r
 var import_developer_studio_ui_react42 = require("@livechat/developer-studio-ui-react");
 
 // src/views/Flows/Definitions/List/Grid/Filters/StatusFilter.tsx
-var import_react102 = require("react");
+var import_react103 = require("react");
 var import_design_system_icons38 = require("@livechat/design-system-icons");
 var import_design_system_react_components78 = require("@livechat/design-system-react-components");
 var import_jsx_runtime112 = require("react/jsx-runtime");
@@ -22339,7 +22415,7 @@ function WorkflowStatusFilter({
   handleStatus,
   status
 }) {
-  const [isVisible, setIsVisible] = (0, import_react102.useState)(false);
+  const [isVisible, setIsVisible] = (0, import_react103.useState)(false);
   const items = [
     {
       key: "0",
@@ -22667,7 +22743,7 @@ var markedStyles = css`
 function WorkflowListView() {
   var _a;
   const navigate = (0, import_react_router_dom23.useNavigate)();
-  const [state, setState] = (0, import_react105.useState)({
+  const [state, setState] = (0, import_react106.useState)({
     filters: {
       status: "All",
       tasks: "All"
@@ -22764,7 +22840,7 @@ function Workflows() {
   const navigate = (0, import_react_router_dom25.useNavigate)();
   const { user, isUserFetching } = (0, import_developer_studio_ui_react44.useUserContext)();
   const { data: userHasInstalledWorkflows, isLoading: isWorkflowAppLoading } = useFetchUserInstalledWorkflows(user);
-  (0, import_react107.useEffect)(() => {
+  (0, import_react108.useEffect)(() => {
     if (isUserFetching || isWorkflowAppLoading) {
       return;
     }
@@ -22789,7 +22865,7 @@ function Workflows() {
 var Definitions_default = Workflows;
 
 // src/views/Flows/Waitlist/index.tsx
-var import_react108 = require("react");
+var import_react109 = require("react");
 var import_react_router_dom26 = require("react-router-dom");
 var import_design_system_icons40 = require("@livechat/design-system-icons");
 var import_design_system_react_components82 = require("@livechat/design-system-react-components");
@@ -22822,7 +22898,7 @@ function Waitlist({ image }) {
   const { user, isUserFetching } = (0, import_developer_studio_ui_react45.useUserContext)();
   const { data: userHasInstalledWorkflows, isLoading: isWorkflowsAppLoading } = useFetchUserInstalledWorkflows(user);
   const navigate = (0, import_react_router_dom26.useNavigate)();
-  (0, import_react108.useEffect)(() => {
+  (0, import_react109.useEffect)(() => {
     if (userHasInstalledWorkflows) {
       navigate("/workflow/list");
     }