@livechat/platform-workflows 0.0.6 → 0.0.8

package/dist/index.mjs

@@ -1533,7 +1533,7 @@ var useUserContext = () => {
 import { Route as Route6, Routes as Routes6 } from "react-router-dom";
 
 // src/views/Flows/Definitions/index.tsx
-import { useContext as useContext30, useEffect as useEffect21 } from "react";
+import { useContext as useContext30, useEffect as useEffect22 } from "react";
 import { Navigate as Navigate2, Route as Route5, Routes as Routes5, useNavigate as useNavigate20 } from "react-router-dom";
 
 // src/views/Flows/Definitions/Edit/index.tsx
@@ -9043,7 +9043,7 @@ var workflowBuilderUtils = {
     return JSON.stringify(json, null, space);
   },
   escapeTag(value) {
-    const valueWithoutQuotes = value.replaceAll('"', "");
+    const valueWithoutQuotes = (value != null ? value : "").replaceAll('"', "");
     return valueWithoutQuotes.substring(2, valueWithoutQuotes.length - 1);
   },
   getRegex(prefix2 = "$") {
@@ -13211,7 +13211,7 @@ import SchemaForm from "@rjsf/core";
 import validator from "@rjsf/validator-ajv8";
 
 // src/views/Flows/Definitions/Common/Builder/Editors/Visual/Forms/Schema/overrides/Fields/CustomString/Field.tsx
-import { useEffect as useEffect6, useState as useState12 } from "react";
+import { useEffect as useEffect7, useState as useState12 } from "react";
 import { getDefaultRegistry } from "@rjsf/core";
 import { MoreHoriz } from "@livechat/design-system-icons";
 import {
@@ -13225,7 +13225,7 @@ import {
 import { Intro, Row as Row7 } from "@livechat/developer-studio-ui-react";
 
 // src/views/Flows/Definitions/Common/Builder/Editors/Visual/Forms/Schema/overrides/Fields/CustomTags/Field.tsx
-import { useRef as useRef5, useState as useState11 } from "react";
+import { useRef as useRef6, useState as useState11 } from "react";
 import { useOnClickOutside } from "@livechat/developer-studio-ui-react";
 
 // src/views/Flows/Definitions/Common/Builder/Editors/Visual/Forms/Schema/overrides/Fields/CustomTags/TagsPicker/Picker.tsx
@@ -13668,8 +13668,7 @@ function CustomTagsPicker({
 }
 
 // src/views/Flows/Definitions/Common/Builder/Editors/Visual/Forms/Schema/overrides/Fields/CustomTags/TagsInput/Input.tsx
-import { useCallback as useCallback6, useEffect as useEffect5, useRef as useRef4 } from "react";
-import Tags from "@yaireo/tagify/dist/react.tagify";
+import { useCallback as useCallback7, useEffect as useEffect6, useRef as useRef5 } from "react";
 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
@@ -13822,6 +13821,298 @@ function CustomTagsInputTagTooltip({
   );
 }
 
+// src/views/Flows/Definitions/Common/Builder/Editors/Visual/Forms/Schema/overrides/Fields/CustomTags/TagsInput/Tags.tsx
+import {
+  memo,
+  useCallback as useCallback6,
+  useEffect as useEffect5,
+  useMemo as useMemo2,
+  useRef as useRef4
+} from "react";
+import Tagify from "@yaireo/tagify";
+import { jsx as jsx8 } from "react/jsx-runtime";
+var noop = (_) => _;
+var isSameDeep = (a, b) => {
+  const trans = (x) => typeof x === "string" ? x : JSON.stringify(x);
+  return trans(a) === trans(b);
+};
+function renderToStaticMarkup(element) {
+  if (typeof element === "string") {
+    return element;
+  }
+  if (Array.isArray(element)) {
+    return element.map(renderToStaticMarkup).join("");
+  }
+  if (typeof element === "object" && element !== null) {
+    if (typeof element.type === "function") {
+      return renderToStaticMarkup(element.type(element.props));
+    }
+    if (typeof element.type === "string") {
+      const attrs = Object.entries(element.props || {}).filter(([key]) => key !== "children").map(([key, value]) => `${key}="${value}"`).join(" ");
+      const children = element.props.children ? renderToStaticMarkup(element.props.children) : "";
+      return `<${element.type} ${attrs}>${children}</${element.type}>`;
+    }
+  }
+  return "";
+}
+function templatesToString(templates) {
+  if (templates) {
+    for (const templateName in templates) {
+      const Template = templates[templateName];
+      const isReactComp = String(Template).includes("jsxRuntime");
+      if (isReactComp)
+        templates[templateName] = (...props) => renderToStaticMarkup(/* @__PURE__ */ jsx8(Template, { props }));
+    }
+  }
+}
+function compareStrings(str1, str2) {
+  if (typeof str1 !== typeof str2)
+    return;
+  const words1 = str1.split(" ");
+  const words2 = str2.split(" ");
+  const added = words2.filter((word) => !words1.includes(word));
+  const removed = words1.filter((word) => !words2.includes(word));
+  return { added, removed };
+}
+var TagifyWrapper = ({
+  name,
+  value,
+  loading = false,
+  onInput = noop,
+  onAdd = noop,
+  onRemove = noop,
+  onEditInput = noop,
+  onEditBeforeUpdate = noop,
+  onEditUpdated = noop,
+  onEditStart = noop,
+  onEditKeydown = noop,
+  onInvalid = noop,
+  onClick = noop,
+  onKeydown = noop,
+  onFocus = noop,
+  onBlur = noop,
+  onChange = noop,
+  onDropdownShow = noop,
+  onDropdownHide = noop,
+  onDropdownSelect = noop,
+  onDropdownScroll = noop,
+  onDropdownNoMatch = noop,
+  onDropdownUpdated = noop,
+  readOnly,
+  disabled,
+  userInput = true,
+  children,
+  settings: settings2 = {},
+  InputMode = "input",
+  autoFocus,
+  className,
+  whitelist,
+  tagifyRef,
+  placeholder: placeholder2 = "",
+  defaultValue,
+  showDropdown
+}) => {
+  const mountedRef = useRef4();
+  const inputElmRef = useRef4(null);
+  const tagify = useRef4();
+  const lastClassNameRef = useRef4();
+  const _value = defaultValue || value;
+  const inputAttrs = useMemo2(
+    () => ({
+      ref: inputElmRef,
+      name,
+      defaultValue: children || typeof _value === "string" ? _value : JSON.stringify(_value),
+      className,
+      readOnly,
+      disabled,
+      autoFocus,
+      placeholder: placeholder2
+    }),
+    []
+  );
+  const setFocus = useCallback6(() => {
+    var _a;
+    autoFocus && ((_a = tagify.current) == null ? void 0 : _a.DOM.input.focus());
+  }, [tagify]);
+  useEffect5(() => {
+    templatesToString(settings2.templates);
+    settings2.userInput = userInput;
+    if (InputMode === "textarea")
+      settings2.mode = "mix";
+    if (whitelist == null ? void 0 : whitelist.length)
+      settings2.whitelist = whitelist;
+    const t = new Tagify(inputElmRef.current, settings2);
+    if (tagifyRef) {
+      tagifyRef.current = t;
+    }
+    tagify.current = t;
+    setFocus();
+    return () => {
+      t.destroy();
+    };
+  }, []);
+  useEffect5(() => {
+    var _a;
+    (_a = tagify.current) == null ? void 0 : _a.off("change", onChange).on("change", onChange);
+  }, [onChange]);
+  useEffect5(() => {
+    var _a;
+    (_a = tagify.current) == null ? void 0 : _a.off("input", onInput).on("input", onInput);
+  }, [onInput]);
+  useEffect5(() => {
+    var _a;
+    (_a = tagify.current) == null ? void 0 : _a.off("add", onAdd).on("add", onAdd);
+  }, [onAdd]);
+  useEffect5(() => {
+    var _a;
+    (_a = tagify.current) == null ? void 0 : _a.off("remove", onRemove).on("remove", onRemove);
+  }, [onRemove]);
+  useEffect5(() => {
+    var _a;
+    (_a = tagify.current) == null ? void 0 : _a.off("invalid", onInvalid).on("invalid", onInvalid);
+  }, [onInvalid]);
+  useEffect5(() => {
+    var _a;
+    (_a = tagify.current) == null ? void 0 : _a.off("keydown", onKeydown).on("keydown", onKeydown);
+  }, [onKeydown]);
+  useEffect5(() => {
+    var _a;
+    (_a = tagify.current) == null ? void 0 : _a.off("focus", onFocus).on("focus", onFocus);
+  }, [onFocus]);
+  useEffect5(() => {
+    var _a;
+    (_a = tagify.current) == null ? void 0 : _a.off("blur", onBlur).on("blur", onBlur);
+  }, [onBlur]);
+  useEffect5(() => {
+    var _a;
+    (_a = tagify.current) == null ? void 0 : _a.off("click", onClick).on("click", onClick);
+  }, [onClick]);
+  useEffect5(() => {
+    var _a;
+    (_a = tagify.current) == null ? void 0 : _a.off("edit:input", onEditInput).on("edit:input", onEditInput);
+  }, [onEditInput]);
+  useEffect5(() => {
+    var _a;
+    (_a = tagify.current) == null ? void 0 : _a.off("edit:beforeUpdate", onEditBeforeUpdate).on("edit:beforeUpdate", onEditBeforeUpdate);
+  }, [onEditBeforeUpdate]);
+  useEffect5(() => {
+    var _a;
+    (_a = tagify.current) == null ? void 0 : _a.off("edit:updated", onEditUpdated).on("edit:updated", onEditUpdated);
+  }, [onEditUpdated]);
+  useEffect5(() => {
+    var _a;
+    (_a = tagify.current) == null ? void 0 : _a.off("edit:start", onEditStart).on("edit:start", onEditStart);
+  }, [onEditStart]);
+  useEffect5(() => {
+    var _a;
+    (_a = tagify.current) == null ? void 0 : _a.off("edit:keydown", onEditKeydown).on("edit:keydown", onEditKeydown);
+  }, [onEditKeydown]);
+  useEffect5(() => {
+    var _a;
+    (_a = tagify.current) == null ? void 0 : _a.off("dropdown:show", onDropdownShow).on("dropdown:show", onDropdownShow);
+  }, [onDropdownShow]);
+  useEffect5(() => {
+    var _a;
+    (_a = tagify.current) == null ? void 0 : _a.off("dropdown:hide", onDropdownHide).on("dropdown:hide", onDropdownHide);
+  }, [onDropdownHide]);
+  useEffect5(() => {
+    var _a;
+    (_a = tagify.current) == null ? void 0 : _a.off("dropdown:select", onDropdownSelect).on("dropdown:select", onDropdownSelect);
+  }, [onDropdownSelect]);
+  useEffect5(() => {
+    var _a;
+    (_a = tagify.current) == null ? void 0 : _a.off("dropdown:scroll", onDropdownScroll).on("dropdown:scroll", onDropdownScroll);
+  }, [onDropdownScroll]);
+  useEffect5(() => {
+    var _a;
+    (_a = tagify.current) == null ? void 0 : _a.off("dropdown:noMatch", onDropdownNoMatch).on("dropdown:noMatch", onDropdownNoMatch);
+  }, [onDropdownNoMatch]);
+  useEffect5(() => {
+    var _a;
+    (_a = tagify.current) == null ? void 0 : _a.off("dropdown:updated", onDropdownUpdated).on("dropdown:updated", onDropdownUpdated);
+  }, [onDropdownUpdated]);
+  useEffect5(() => {
+    setFocus();
+  }, [autoFocus]);
+  useEffect5(() => {
+    var _a;
+    if (mountedRef.current) {
+      tagify.current.settings.whitelist.length = 0;
+      (whitelist == null ? void 0 : whitelist.length) && ((_a = tagify.current) == null ? void 0 : _a.settings.whitelist.push(...whitelist));
+    }
+  }, [whitelist]);
+  useEffect5(() => {
+    const currentValue = tagify.current.getInputValue();
+    if (mountedRef.current && !isSameDeep(value, currentValue)) {
+      tagify.current.loadOriginalValues(value);
+    }
+  }, [value]);
+  useEffect5(() => {
+    if (mountedRef.current) {
+      const { added, removed } = compareStrings(
+        lastClassNameRef.current,
+        className
+      );
+      added.filter(String).forEach((cls) => {
+        tagify.current.toggleClass(cls, true);
+      });
+      removed.filter(String).forEach((cls) => {
+        tagify.current.toggleClass(cls, false);
+      });
+    }
+    lastClassNameRef.current = className;
+  }, [className]);
+  useEffect5(() => {
+    var _a;
+    if (mountedRef.current) {
+      (_a = tagify.current) == null ? void 0 : _a.loading(loading);
+    }
+  }, [loading]);
+  useEffect5(() => {
+    var _a;
+    if (mountedRef.current) {
+      (_a = tagify.current) == null ? void 0 : _a.setReadonly(readOnly);
+    }
+  }, [readOnly]);
+  useEffect5(() => {
+    var _a;
+    if (mountedRef.current) {
+      (_a = tagify.current) == null ? void 0 : _a.setDisabled(disabled);
+    }
+  }, [disabled]);
+  useEffect5(() => {
+    if (mountedRef.current) {
+      tagify.current.userInput = userInput;
+    }
+  }, [userInput]);
+  useEffect5(() => {
+    if (mountedRef.current) {
+      tagify.current.setPlaceholder(placeholder2);
+    }
+  }, [placeholder2]);
+  useEffect5(() => {
+    const t = tagify.current;
+    if (mountedRef.current) {
+      if (showDropdown) {
+        t.dropdown.show.call(t, showDropdown);
+        t.toggleFocusClass(true);
+      } else {
+        t.dropdown.hide.call(t);
+      }
+    }
+  }, [showDropdown]);
+  useEffect5(() => {
+    mountedRef.current = true;
+  }, []);
+  return (
+    // a wrapper must be used because Tagify will appened inside it it's component,
+    // keeping the virtual-DOM out of the way
+    /* @__PURE__ */ jsx8("div", { className: "tags-input", children: /* @__PURE__ */ jsx8(InputMode, __spreadValues({}, inputAttrs)) })
+  );
+};
+var Tags = memo(TagifyWrapper);
+var Tags_default = Tags;
+
 // src/views/Flows/Definitions/Common/Builder/Editors/Visual/Forms/Schema/overrides/Fields/CustomTags/TagsInput/utils.ts
 var createTagFromPath = (path, frame) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
@@ -13920,23 +14211,23 @@ function CustomTagsInput({
   renderPicker,
   renderPickerTrigger
 }) {
-  const tagifyRef = useRef4();
+  const tagifyRef = useRef5();
   const [tooltipData, { showTagTooltip, hideTagTooltip }] = useCustomTagsInputTagTooltipData();
-  const updateAllIcons = useCallback6(() => {
+  const updateAllIcons = useCallback7(() => {
     const tagify = tagifyRef.current;
     if (!tagify) {
       return;
     }
     tagify.value.forEach(updateCustomTagsInputTagIcon);
   }, []);
-  const getCurrentValue = useCallback6(() => {
+  const getCurrentValue = useCallback7(() => {
     const tagify = tagifyRef.current;
     if (!tagify) {
       return "";
     }
     return tagify.getMixedTagsAsString().replace(trim2 ? /\s+/g : /\r\n$/, "").replaceAll("[[", "${").replaceAll("]]", "}").replaceAll("\u200B", "");
   }, [trim2]);
-  const setCurrentValue = useCallback6(
+  const setCurrentValue = useCallback7(
     (value2, frame) => {
       const tagify = tagifyRef.current;
       if (!tagify) {
@@ -13947,11 +14238,11 @@ function CustomTagsInput({
     },
     [updateAllIcons]
   );
-  const handleChange = useCallback6(() => {
+  const handleChange = useCallback7(() => {
     onChange(getCurrentValue());
     updateAllIcons();
   }, [onChange, getCurrentValue, updateAllIcons]);
-  const handleKeyDown = useCallback6(
+  const handleKeyDown = useCallback7(
     (e) => {
       if (e.detail.event.key !== "Backspace") {
         return;
@@ -13962,7 +14253,7 @@ function CustomTagsInput({
     },
     [handleChange]
   );
-  const addTag = useCallback6(
+  const addTag = useCallback7(
     (tag) => {
       const tagify = tagifyRef.current;
       if (!tagify) {
@@ -13978,7 +14269,7 @@ function CustomTagsInput({
     },
     [trim2, onPickerToggle]
   );
-  useEffect5(() => {
+  useEffect6(() => {
     const tagify = tagifyRef.current;
     if (!tagify) {
       return;
@@ -14004,7 +14295,7 @@ function CustomTagsInput({
     showTagTooltip,
     hideTagTooltip
   ]);
-  useEffect5(() => {
+  useEffect6(() => {
     const tagify = tagifyRef.current;
     if (!tagify || !value) {
       return;
@@ -14029,7 +14320,7 @@ function CustomTagsInput({
         triggerOnHover: false,
         triggerRenderer: /* @__PURE__ */ jsxs2(Fragment3, { children: [
           /* @__PURE__ */ jsx7(
-            Tags,
+            Tags_default,
             {
               className: ["customLook", error ? "tagify--error" : void 0].filter(Boolean).join(" "),
               disabled,
@@ -14090,7 +14381,7 @@ function CustomTagsField({
   wrapperCss,
   onChange
 }) {
-  const wrapperRef = useRef5(null);
+  const wrapperRef = useRef6(null);
   const [isPickerVisible, setIsPickerVisible] = useState11(false);
   useOnClickOutside(wrapperRef, () => {
     setIsPickerVisible(false);
@@ -14177,7 +14468,7 @@ function CustomStringField(props) {
   const [isPredefined, setIsPredefined] = useState12(
     () => pickerOptions.some((option) => option.key === props.formData) || !props.formData && pickerOptions.length > 0 || void 0
   );
-  useEffect6(() => {
+  useEffect7(() => {
     const externalEntityReference = props.schema["x-ref"];
     const fetchData = () => {
       const json = [
@@ -14200,7 +14491,7 @@ function CustomStringField(props) {
       fetchData();
     }
   }, [props.formData, props.schema]);
-  useEffect6(() => {
+  useEffect7(() => {
     setIsPredefined(
       pickerOptions.some((option) => option.key === props.formData) || !props.formData && pickerOptions.length > 0
     );
@@ -14886,7 +15177,7 @@ function ForkJoinNodeForm({
 var Form_default2 = ForkJoinNodeForm;
 
 // src/views/Flows/Definitions/Common/Builder/Editors/Visual/Diagram/Nodes/CustomNodes/ForkJoinNode/Node.tsx
-import { memo as memo2, useState as useState14 } from "react";
+import { memo as memo3, useState as useState14 } from "react";
 import { Position as Position4 } from "reactflow";
 
 // src/views/Flows/Definitions/Common/Builder/Editors/Visual/Diagram/Handles/CustomAdd/Handle.tsx
@@ -14973,13 +15264,13 @@ var Toolbar_default = CustomToolbar;
 var CustomToolbar_default = Toolbar_default;
 
 // src/views/Flows/Definitions/Common/Builder/Editors/Visual/Diagram/Nodes/CustomNodes/Custom.tsx
-import { memo } from "react";
+import { memo as memo2 } from "react";
 import { Handle as Handle2, Position as Position3, useReactFlow as useReactFlow2, useStoreApi } from "reactflow";
 import {
   DesignToken as DesignToken11,
   RadiusToken as RadiusToken3
 } from "@livechat/design-system-react-components";
-import { Fragment as Fragment9, jsx as jsx8, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx9, jsxs as jsxs3 } from "react/jsx-runtime";
 var Wrapper2 = newStyled.div`
   &:hover {
     cursor: pointer;
@@ -15003,7 +15294,7 @@ function CustomNodeWrapper({
   onMouseEnter,
   onMouseLeave
 }) {
-  return /* @__PURE__ */ jsx8(Wrapper2, { onMouseEnter, onMouseLeave, children });
+  return /* @__PURE__ */ jsx9(Wrapper2, { onMouseEnter, onMouseLeave, children });
 }
 var options = [
   {
@@ -15046,9 +15337,9 @@ function Select({
     );
   };
   return /* @__PURE__ */ jsxs3("div", { className: "custom-node__select", children: [
-    /* @__PURE__ */ jsx8("div", { children: "Edge Type" }),
-    /* @__PURE__ */ jsx8("select", { className: "nodrag", onChange, value, children: options.map((option) => /* @__PURE__ */ jsx8("option", { value: option.value, children: option.label }, option.value)) }),
-    /* @__PURE__ */ jsx8(Handle2, { id: handleId, position: Position3.Right, type: "source" })
+    /* @__PURE__ */ jsx9("div", { children: "Edge Type" }),
+    /* @__PURE__ */ jsx9("select", { className: "nodrag", onChange, value, children: options.map((option) => /* @__PURE__ */ jsx9("option", { value: option.value, children: option.label }, option.value)) }),
+    /* @__PURE__ */ jsx9(Handle2, { id: handleId, position: Position3.Right, type: "source" })
   ] });
 }
 function CustomNode({
@@ -15058,9 +15349,9 @@ function CustomNode({
   return /* @__PURE__ */ jsxs3(Fragment9, { children: [
     /* @__PURE__ */ jsxs3("div", { className: "custom-node__header", children: [
       "This is a ",
-      /* @__PURE__ */ jsx8("strong", { children: "custom node" })
+      /* @__PURE__ */ jsx9("strong", { children: "custom node" })
     ] }),
-    /* @__PURE__ */ jsx8("div", { className: "custom-node__body", children: Object.keys(data.selects).map((handleId) => /* @__PURE__ */ jsx8(
+    /* @__PURE__ */ jsx9("div", { className: "custom-node__body", children: Object.keys(data.selects).map((handleId) => /* @__PURE__ */ jsx9(
       Select,
       {
         handleId,
@@ -15071,7 +15362,7 @@ function CustomNode({
     )) })
   ] });
 }
-var Custom_default = memo(CustomNode);
+var Custom_default = memo2(CustomNode);
 
 // src/views/Flows/Definitions/Common/Builder/Editors/Visual/Diagram/Nodes/CustomNodes/ForkJoinNode/Node.tsx
 function ForkJoinNode({
@@ -15135,7 +15426,7 @@ function ForkJoinNode({
     }
   );
 }
-var Node_default = memo2(ForkJoinNode);
+var Node_default = memo3(ForkJoinNode);
 
 // src/views/Flows/Definitions/Common/Builder/Editors/Visual/Diagram/Nodes/CustomNodes/HttpNode/Base.tsx
 import { Automation } from "@livechat/design-system-icons";
@@ -15275,7 +15566,7 @@ import {
 } from "@livechat/developer-studio-api";
 
 // src/views/Flows/Definitions/Common/Builder/Editors/Visual/Forms/Schema/Wrapper.tsx
-import { useMemo as useMemo2, useState as useState19 } from "react";
+import { useMemo as useMemo3, useState as useState19 } from "react";
 import { Error as Error2 } from "@livechat/design-system-icons";
 import {
   Icon as Icon18,
@@ -15288,7 +15579,7 @@ import {
 } from "@livechat/developer-studio-api";
 
 // src/views/Flows/Definitions/Common/Builder/Editors/Visual/Forms/Schema/integrations/BigCommerce/index.tsx
-import { useCallback as useCallback9, useContext as useContext15, useState as useState16 } from "react";
+import { useCallback as useCallback10, useContext as useContext15, useState as useState16 } from "react";
 import { Link, useLocation } from "react-router-dom";
 import { useQueryClient as useQueryClient5 } from "@tanstack/react-query";
 import { notificationConnect } from "@livechat/design-system";
@@ -15341,9 +15632,9 @@ import { useMatch } from "@livechat/developer-studio-ui-react";
 
 // src/views/Settings/Integrations/Common/IntegrationAction.tsx
 import {
-  useCallback as useCallback8,
+  useCallback as useCallback9,
   useContext as useContext13,
-  useEffect as useEffect8,
+  useEffect as useEffect9,
   useState as useState15
 } from "react";
 import { useNavigate as useNavigate4 } from "react-router-dom";
@@ -15360,7 +15651,7 @@ import {
 } from "@livechat/developer-studio-ui-react";
 
 // src/views/Settings/Integrations/Common/IntegrationCallback.tsx
-import { useCallback as useCallback7, useEffect as useEffect7 } from "react";
+import { useCallback as useCallback8, useEffect as useEffect8 } from "react";
 import { useNavigate as useNavigate3 } from "react-router-dom";
 import {
   decodeQueryString as decodeQueryString3,
@@ -15377,7 +15668,7 @@ function IntegrationLoading() {
 var IntegrationLoading_default = IntegrationLoading;
 
 // src/views/Settings/Integrations/Common/IntegrationCallback.tsx
-import { jsx as jsx9 } from "react/jsx-runtime";
+import { jsx as jsx10 } from "react/jsx-runtime";
 function integrationHandlerWrapper(output, handler, notifications, provider) {
   var _a, _b;
   const response = handler(output);
@@ -15405,7 +15696,7 @@ function integrationHandlerWrapper(output, handler, notifications, provider) {
 }
 function useIntegrationCallback() {
   const history = useNavigate3();
-  return useCallback7(
+  return useCallback8(
     (response, data) => {
       if (!data.redirectTo) {
         window.close();
@@ -15437,7 +15728,7 @@ function IntegrationCallback({
 }) {
   const callback = useIntegrationCallback();
   const notifications = useNotifications6();
-  useEffect7(() => {
+  useEffect8(() => {
     const params = new URL(window.location.toString()).searchParams;
     const _a = Object.fromEntries(params), {
       state: stateFromParams,
@@ -15473,12 +15764,12 @@ function IntegrationCallback({
     );
     callback(response, data);
   }, [callback, handler, notifications]);
-  return /* @__PURE__ */ jsx9(IntegrationLoading_default, {});
+  return /* @__PURE__ */ jsx10(IntegrationLoading_default, {});
 }
 var IntegrationCallback_default = IntegrationCallback;
 
 // src/views/Settings/Integrations/Common/IntegrationAction.tsx
-import { Fragment as Fragment11, jsx as jsx10, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx11, jsxs as jsxs4 } from "react/jsx-runtime";
 var deserializeIntegrationActionData = (state) => serializerBase64.deserialize(state);
 var serializeIntegrationActionData = (data) => serializerBase64.serialize(data);
 var serializeContextState = (data) => {
@@ -15507,7 +15798,7 @@ function IntegrationAction(props) {
     props.serializedData
   );
   const context = (_b = props.context) != null ? _b : serializerBase64.deserialize(props.serializedContext);
-  const execute = useCallback8(() => __async(this, null, function* () {
+  const execute = useCallback9(() => __async(this, null, function* () {
     if (!data) {
       history(`/settings/integrations/${props.name}/status`);
       return;
@@ -15528,7 +15819,7 @@ function IntegrationAction(props) {
       }));
     }
   }), [props, data, context, user, notifications, history]);
-  useEffect8(() => {
+  useEffect9(() => {
     var _a2;
     if (((_a2 = props.executor) == null ? void 0 : _a2.type) === "manual") {
       return;
@@ -15542,7 +15833,7 @@ function IntegrationAction(props) {
     ((_d = props.executor) == null ? void 0 : _d.type) === "manual" ? props.executor.render(() => {
       execute();
     }) : null,
-    state.isTriggered ? /* @__PURE__ */ jsx10(IntegrationLoading_default, {}) : null
+    state.isTriggered ? /* @__PURE__ */ jsx11(IntegrationLoading_default, {}) : null
   ] });
 }
 function executeIntegrationAction(props, meta) {
@@ -15601,7 +15892,7 @@ function executeIntegrationAction(props, meta) {
 var IntegrationAction_default = IntegrationAction;
 
 // src/views/Settings/Integrations/BigCommerce/Action.tsx
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { jsx as jsx12 } from "react/jsx-runtime";
 function BigCommerceAction(props) {
   var _a;
   const { login } = useContext14(AuthContext);
@@ -15610,7 +15901,7 @@ function BigCommerceAction(props) {
   if (!action) {
     throw new Error("Invalid action");
   }
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(
     IntegrationAction_default,
     {
       action,
@@ -15725,14 +16016,14 @@ function BigCommerce() {
   const { context: notifications } = useNotifications8();
   const connected = (_a = credentialsQuery.data.internal) == null ? void 0 : _a.data.connected;
   const [state, setState] = useState16();
-  const refetch = useCallback9(() => {
+  const refetch = useCallback10(() => {
     credentialsQuery.refetch();
     queryClient.invalidateQueries(
       integrationCredentialsQueryKeys.getCredentials()
     );
   }, [credentialsQuery, queryClient]);
   const oauthCredential = credentialsQuery.data.internal;
-  const triggerConnect = useCallback9(
+  const triggerConnect = useCallback10(
     (shop) => {
       triggerBigCommerceAction(
         {
@@ -15757,14 +16048,14 @@ function BigCommerce() {
     },
     [login, refetch, notifications, user, pathname]
   );
-  const toggleModal = useCallback9((isVisible) => {
+  const toggleModal = useCallback10((isVisible) => {
     setState((prevState) => __spreadProps(__spreadValues({}, prevState), {
       modal: {
         isVisible
       }
     }));
   }, []);
-  const updateShop = useCallback9((shop) => {
+  const updateShop = useCallback10((shop) => {
     setState(
       (prevState) => {
         var _a2;
@@ -15776,7 +16067,7 @@ function BigCommerce() {
       }
     );
   }, []);
-  const submit = useCallback9(() => {
+  const submit = useCallback10(() => {
     var _a2;
     setState(
       (prevState) => {
@@ -15793,7 +16084,7 @@ function BigCommerce() {
       triggerConnect(state.modal.shop);
     }
   }, [state == null ? void 0 : state.modal, toggleModal, triggerConnect]);
-  const Connect = useCallback9(
+  const Connect = useCallback10(
     ({ credential }) => {
       if (!credential) {
         return /* @__PURE__ */ jsx7(
@@ -15937,7 +16228,7 @@ function BigCommerce() {
 var BigCommerce_default = notificationConnect(BigCommerce);
 
 // src/views/Flows/Definitions/Common/Builder/Editors/Visual/Forms/Schema/integrations/HubSpot/index.tsx
-import { useCallback as useCallback10 } from "react";
+import { useCallback as useCallback11 } from "react";
 import { Link as Link2, useLocation as useLocation2 } from "react-router-dom";
 import { useQueryClient as useQueryClient6 } from "@tanstack/react-query";
 import {
@@ -15985,7 +16276,7 @@ import {
   IntegrationNames as IntegrationNames16
 } from "@livechat/developer-studio-api";
 import { useMatch as useMatch2 } from "@livechat/developer-studio-ui-react";
-import { jsx as jsx12 } from "react/jsx-runtime";
+import { jsx as jsx13 } from "react/jsx-runtime";
 function HubSpotAction(props) {
   var _a;
   const { login } = useContext16(AuthContext);
@@ -15994,7 +16285,7 @@ function HubSpotAction(props) {
   if (!action) {
     throw new Error("Invalid action");
   }
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     IntegrationAction_default,
     {
       action,
@@ -16074,13 +16365,13 @@ function HubSpot() {
   const credentialsQuery = useFetchHubspotCredentials();
   const oauthCredential = credentialsQuery.data.internal;
   const connected = (_a = credentialsQuery.data.internal) == null ? void 0 : _a.data.connected;
-  const refetch = useCallback10(() => {
+  const refetch = useCallback11(() => {
     credentialsQuery.refetch();
     queryClient.invalidateQueries(
       integrationCredentialsQueryKeys.getCredentials()
     );
   }, [credentialsQuery, queryClient]);
-  const AuthorizeTrigger = useCallback10(
+  const AuthorizeTrigger = useCallback11(
     ({ credential }) => /* @__PURE__ */ jsx7(
       Action_default2,
       {
@@ -16138,7 +16429,7 @@ function HubSpot() {
 var HubSpot_default = HubSpot;
 
 // src/views/Flows/Definitions/Common/Builder/Editors/Visual/Forms/Schema/integrations/Mailchimp/index.tsx
-import { useCallback as useCallback11 } from "react";
+import { useCallback as useCallback12 } from "react";
 import { Link as Link3, useLocation as useLocation3 } from "react-router-dom";
 import { useQueryClient as useQueryClient7 } from "@tanstack/react-query";
 import {
@@ -16186,7 +16477,7 @@ import {
   IntegrationNames as IntegrationNames18
 } from "@livechat/developer-studio-api";
 import { useMatch as useMatch3 } from "@livechat/developer-studio-ui-react";
-import { jsx as jsx13 } from "react/jsx-runtime";
+import { jsx as jsx14 } from "react/jsx-runtime";
 function MailchimpAction(props) {
   var _a;
   const { login } = useContext17(AuthContext);
@@ -16195,7 +16486,7 @@ function MailchimpAction(props) {
   if (!action) {
     throw new Error("Invalid action");
   }
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(
     IntegrationAction_default,
     {
       action,
@@ -16275,13 +16566,13 @@ function Mailchimp() {
   const credentialsQuery = useFetchMailchimpCredentials();
   const oauthCredential = credentialsQuery.data.internal;
   const connected = (_a = credentialsQuery.data.internal) == null ? void 0 : _a.data.connected;
-  const refetch = useCallback11(() => {
+  const refetch = useCallback12(() => {
     credentialsQuery.refetch();
     queryClient.invalidateQueries(
       integrationCredentialsQueryKeys.getCredentials()
     );
   }, [credentialsQuery, queryClient]);
-  const AuthorizeTrigger = useCallback11(
+  const AuthorizeTrigger = useCallback12(
     ({ credential }) => /* @__PURE__ */ jsx7(
       Action_default3,
       {
@@ -16541,7 +16832,7 @@ function OpenAI() {
 var OpenAI_default = OpenAI;
 
 // src/views/Flows/Definitions/Common/Builder/Editors/Visual/Forms/Schema/integrations/Shopify/index.tsx
-import { useCallback as useCallback12, useContext as useContext19, useState as useState18 } from "react";
+import { useCallback as useCallback13, useContext as useContext19, useState as useState18 } from "react";
 import { Link as Link4, useLocation as useLocation4 } from "react-router-dom";
 import { useQueryClient as useQueryClient8 } from "@tanstack/react-query";
 import { notificationConnect as notificationConnect2 } from "@livechat/design-system";
@@ -16591,7 +16882,7 @@ import {
   IntegrationNames as IntegrationNames20
 } from "@livechat/developer-studio-api";
 import { useMatch as useMatch4 } from "@livechat/developer-studio-ui-react";
-import { jsx as jsx14 } from "react/jsx-runtime";
+import { jsx as jsx15 } from "react/jsx-runtime";
 function ShopifyAction(props) {
   var _a;
   const { login } = useContext18(AuthContext);
@@ -16600,7 +16891,7 @@ function ShopifyAction(props) {
   if (!action) {
     throw new Error("Invalid action");
   }
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx15(
     IntegrationAction_default,
     {
       action,
@@ -16710,7 +17001,7 @@ function Shopify() {
   const { user } = useContext19(UserContext);
   const { context: notifications } = useNotifications9();
   const [state, setState] = useState18();
-  const refetch = useCallback12(() => {
+  const refetch = useCallback13(() => {
     credentialsQuery.refetch();
     queryClient.invalidateQueries(
       integrationCredentialsQueryKeys.getCredentials()
@@ -16718,7 +17009,7 @@ function Shopify() {
   }, [credentialsQuery, queryClient]);
   const oauthCredential = credentialsQuery.data.internal;
   const connected = (_a = credentialsQuery.data.internal) == null ? void 0 : _a.data.connected;
-  const triggerConnect = useCallback12(
+  const triggerConnect = useCallback13(
     (shop) => {
       triggerShopifyAction(
         {
@@ -16743,14 +17034,14 @@ function Shopify() {
     },
     [login, refetch, notifications, user, pathname]
   );
-  const toggleModal = useCallback12((isVisible) => {
+  const toggleModal = useCallback13((isVisible) => {
     setState((prevState) => __spreadProps(__spreadValues({}, prevState), {
       modal: {
         isVisible
       }
     }));
   }, []);
-  const updateShop = useCallback12((shop) => {
+  const updateShop = useCallback13((shop) => {
     setState(
       (prevState) => {
         var _a2;
@@ -16762,7 +17053,7 @@ function Shopify() {
       }
     );
   }, []);
-  const submit = useCallback12(() => {
+  const submit = useCallback13(() => {
     var _a2;
     setState(
       (prevState) => {
@@ -16779,7 +17070,7 @@ function Shopify() {
       triggerConnect(state.modal.shop);
     }
   }, [state == null ? void 0 : state.modal, toggleModal, triggerConnect]);
-  const Connect = useCallback12(
+  const Connect = useCallback13(
     ({ credential }) => {
       if (!credential) {
         return /* @__PURE__ */ jsx7(
@@ -17062,7 +17353,7 @@ function CustomSchemaFormWrapper({
   const [selectedTab, setSelectedTab] = useState19(
     preselectedTab != null ? preselectedTab : !spec || spec.specification.input ? "parameters" : spec && spec.customization.provider !== OTHER_TYPES.SYSTEM ? "connection" : void 0
   );
-  const tabItems = useMemo2(
+  const tabItems = useMemo3(
     () => [
       !spec || spec.specification.input ? { id: "parameters", title: "Parameters" } : void 0,
       spec && spec.customization.provider !== OTHER_TYPES.SYSTEM ? {
@@ -17223,7 +17514,7 @@ function HttpNodeForm({
 var Form_default3 = HttpNodeForm;
 
 // src/views/Flows/Definitions/Common/Builder/Editors/Visual/Diagram/Nodes/CustomNodes/HttpNode/Node.tsx
-import { memo as memo3, useState as useState20 } from "react";
+import { memo as memo4, useState as useState20 } from "react";
 import { Position as Position5 } from "reactflow";
 function HttpNode({
   id,
@@ -17296,7 +17587,7 @@ function HttpNode({
     }
   );
 }
-var Node_default2 = memo3(HttpNode);
+var Node_default2 = memo4(HttpNode);
 
 // src/views/Flows/Definitions/Common/Builder/Editors/Visual/Diagram/Nodes/CustomNodes/SwitchNode/Base.tsx
 import { Channels } from "@livechat/design-system-icons";
@@ -17408,7 +17699,7 @@ function SwitchNodeForm({
 var Form_default4 = SwitchNodeForm;
 
 // src/views/Flows/Definitions/Common/Builder/Editors/Visual/Diagram/Nodes/CustomNodes/SwitchNode/Node.tsx
-import { memo as memo4, useEffect as useEffect9, useState as useState21 } from "react";
+import { memo as memo5, useEffect as useEffect10, useState as useState21 } from "react";
 import { Handle as Handle3, Position as Position6 } from "reactflow";
 import {
   DesignToken as DesignToken20,
@@ -17437,7 +17728,7 @@ function SwitchNode({
   const [isHovered, setIsHovered] = useState21(false);
   const { nodes, updateTask, removeTask, goToAddTask } = useWorkflowContext();
   const node2 = nodes.find((node3) => node3.id === id);
-  useEffect9(() => {
+  useEffect10(() => {
     var _a, _b, _c, _d, _e, _f, _g, _h;
     const sourceNode = nodes.find((node1) => node1.id === (node2 == null ? void 0 : node2.source));
     if (sourceNode) {
@@ -17545,7 +17836,7 @@ function SwitchNode({
     }
   );
 }
-var Node_default3 = memo4(SwitchNode);
+var Node_default3 = memo5(SwitchNode);
 
 // src/views/Flows/Definitions/Common/Builder/Editors/Visual/Diagram/Nodes/CustomNodes/TerminateNode/Base.tsx
 import { ArrowBarToRight } from "@livechat/design-system-icons";
@@ -17556,7 +17847,7 @@ import {
   SpacingToken as SpacingToken21
 } from "@livechat/design-system-react-components";
 import { Column as Column6 } from "@livechat/developer-studio-ui-react";
-import { jsx as jsx15, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs5 } from "react/jsx-runtime";
 var Node4 = newStyled.div`
   background-color: ${({ editing }) => editing ? `var(${DesignToken21.SurfacePrimaryActive})` : `var(${DesignToken21.SurfacePrimaryDefault})`};
   color: var(${DesignToken21.ContentBasicPrimary});
@@ -17607,9 +17898,9 @@ function TerminateNodeBase({
       children: [
         top,
         toolbar,
-        /* @__PURE__ */ jsx15(Header5, { children: /* @__PURE__ */ jsxs5(Title4, { children: [
-          /* @__PURE__ */ jsx15(Icon20, { size: "large", source: ArrowBarToRight }),
-          /* @__PURE__ */ jsx15(Column6, { notPadded: true, children: "END" })
+        /* @__PURE__ */ jsx16(Header5, { children: /* @__PURE__ */ jsxs5(Title4, { children: [
+          /* @__PURE__ */ jsx16(Icon20, { size: "large", source: ArrowBarToRight }),
+          /* @__PURE__ */ jsx16(Column6, { notPadded: true, children: "END" })
         ] }) })
       ]
     }
@@ -17642,7 +17933,7 @@ function TerminateNodeForm({
 var Form_default5 = TerminateNodeForm;
 
 // src/views/Flows/Definitions/Common/Builder/Editors/Visual/Diagram/Nodes/CustomNodes/TerminateNode/Node.tsx
-import { memo as memo5, useState as useState22 } from "react";
+import { memo as memo6, useState as useState22 } from "react";
 import { Position as Position7 } from "reactflow";
 function TerminateNode({
   id,
@@ -17691,7 +17982,7 @@ function TerminateNode({
     }
   );
 }
-var Node_default4 = memo5(TerminateNode);
+var Node_default4 = memo6(TerminateNode);
 
 // src/views/Flows/Definitions/Common/Builder/Editors/Visual/Diagram/Nodes/CustomNodes/TriggerNode/Base.tsx
 import {
@@ -17928,7 +18219,7 @@ function TriggerNodeForm({
 var Form_default6 = TriggerNodeForm;
 
 // src/views/Flows/Definitions/Common/Builder/Editors/Visual/Diagram/Nodes/CustomNodes/TriggerNode/Node.tsx
-import { memo as memo6, useState as useState24 } from "react";
+import { memo as memo7, useState as useState24 } from "react";
 import { Position as Position8 } from "reactflow";
 function TriggerNode({
   id,
@@ -17989,7 +18280,7 @@ function TriggerNode({
     }
   );
 }
-var Node_default5 = memo6(TriggerNode);
+var Node_default5 = memo7(TriggerNode);
 
 // src/views/Flows/Definitions/Common/Builder/Editors/Visual/Diagram/Panels/Edit/Wrapper.tsx
 import "react-js-cron/dist/styles.css";
@@ -18188,7 +18479,7 @@ var Wrapper_default2 = EditNodeWrapper;
 var Edit_default = Wrapper_default2;
 
 // src/views/Flows/Definitions/Common/Builder/Editors/Visual/Diagram/Diagram.tsx
-import { useCallback as useCallback18, useEffect as useEffect17 } from "react";
+import { useCallback as useCallback19, useEffect as useEffect18 } from "react";
 import ReactFlow, {
   addEdge,
   Background as Background2,
@@ -18207,7 +18498,7 @@ import {
 } from "@livechat/developer-studio-api";
 
 // src/views/Flows/Definitions/Common/Modals/Preview.tsx
-import { useCallback as useCallback13 } from "react";
+import { useCallback as useCallback14 } from "react";
 import { useNavigate as useNavigate5 } from "react-router-dom";
 import {
   Button as Button14,
@@ -18266,7 +18557,7 @@ function WorkflowPreviewModal({
   onClose
 }) {
   const navigate = useNavigate5();
-  const handleClose = useCallback13(
+  const handleClose = useCallback14(
     (target) => {
       if (onClose) {
         onClose();
@@ -18280,7 +18571,7 @@ function WorkflowPreviewModal({
     },
     [onClose, navigate]
   );
-  const handleApply = useCallback13(() => {
+  const handleApply = useCallback14(() => {
     if (onApply) {
       onApply();
     }
@@ -18337,7 +18628,7 @@ function WorkflowPreviewModalWrapper({
 var Preview_default = WorkflowPreviewModalWrapper;
 
 // src/views/Flows/Definitions/Common/Builder/Editors/Visual/Diagram/Nodes/CustomNodes/Add/Node/Node.tsx
-import { memo as memo7 } from "react";
+import { memo as memo8 } from "react";
 import { Handle as Handle4, Position as Position9 } from "reactflow";
 import { Add as Add5 } from "@livechat/design-system-icons";
 import { Button as Button15, Icon as Icon22 } from "@livechat/design-system-react-components";
@@ -18370,10 +18661,10 @@ function AddNode({ id }) {
     /* @__PURE__ */ jsx7(Handle4, { isConnectable: false, position: Position9.Bottom, type: "source" })
   ] });
 }
-var Node_default6 = memo7(AddNode);
+var Node_default6 = memo8(AddNode);
 
 // src/views/Flows/Definitions/Common/Builder/Editors/Visual/Diagram/Nodes/CustomNodes/Add/Trigger/Trigger.tsx
-import { memo as memo8 } from "react";
+import { memo as memo9 } from "react";
 import { Handle as Handle5, Position as Position10 } from "reactflow";
 import { Add as Add6 } from "@livechat/design-system-icons";
 import { Button as Button16, Icon as Icon23 } from "@livechat/design-system-react-components";
@@ -18396,7 +18687,7 @@ function AddTrigger({ id }) {
     /* @__PURE__ */ jsx7(Handle5, { isConnectable: false, position: Position10.Bottom, type: "source" })
   ] });
 }
-var Trigger_default = memo8(AddTrigger);
+var Trigger_default = memo9(AddTrigger);
 
 // src/views/Flows/Definitions/Common/Builder/Editors/Visual/Diagram/Nodes/CustomNodes/JoinNode/Base.tsx
 import { DirectionsSignOff } from "@livechat/design-system-icons";
@@ -18461,7 +18752,7 @@ function JoinNodeBase({
 var Base_default6 = JoinNodeBase;
 
 // src/views/Flows/Definitions/Common/Builder/Editors/Visual/Diagram/Nodes/CustomNodes/JoinNode/Node.tsx
-import { memo as memo9 } from "react";
+import { memo as memo10 } from "react";
 import { Handle as Handle6, Position as Position11 } from "reactflow";
 function JoinNode({
   id,
@@ -18498,10 +18789,10 @@ function JoinNode({
     }
   ) });
 }
-var Node_default7 = memo9(JoinNode);
+var Node_default7 = memo10(JoinNode);
 
 // src/views/Flows/Definitions/Common/Builder/Editors/Visual/Diagram/Controls/CustomControls.tsx
-import { useEffect as useEffect16 } from "react";
+import { useEffect as useEffect17 } from "react";
 import { useLocation as useLocation5 } from "react-router-dom";
 import { ControlButton, Controls, useReactFlow as useReactFlow3 } from "reactflow";
 import {
@@ -18649,7 +18940,7 @@ var StopGenerateButton = () => {
 };
 
 // src/views/Flows/Definitions/Common/One/widget/message-box/AskButton.tsx
-import { useEffect as useEffect11, useState as useState27 } from "react";
+import { useEffect as useEffect12, useState as useState27 } from "react";
 import { useLexicalComposerContext as useLexicalComposerContext3 } from "@lexical/react/LexicalComposerContext";
 import {
   Button as Button18,
@@ -18658,7 +18949,7 @@ import {
 } from "@livechat/design-system-react-components";
 
 // src/views/Flows/Definitions/Common/One/hooks/use-above-character-limit.ts
-import { useEffect as useEffect10, useState as useState25 } from "react";
+import { useEffect as useEffect11, useState as useState25 } from "react";
 import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
 
 // src/views/Flows/Definitions/Common/One/widget/message-box/constants.ts
@@ -18668,7 +18959,7 @@ var ONE_CHARACTER_LIMIT = 1e4;
 var useAboveCharacterLimit = () => {
   const [editor] = useLexicalComposerContext();
   const [aboveLimit, setAboveLimit] = useState25(0);
-  useEffect10(() => {
+  useEffect11(() => {
     const registerTextContentListener = editor.registerTextContentListener(
       (textContent) => {
         setAboveLimit(textContent.length - ONE_CHARACTER_LIMIT);
@@ -18685,7 +18976,7 @@ var useAboveCharacterLimit = () => {
 };
 
 // src/views/Flows/Definitions/Common/One/hooks/use-send-one-message.ts
-import { useCallback as useCallback14, useContext as useContext21 } from "react";
+import { useCallback as useCallback15, useContext as useContext21 } from "react";
 import { useLexicalComposerContext as useLexicalComposerContext2 } from "@lexical/react/LexicalComposerContext";
 import { CLEAR_EDITOR_COMMAND } from "lexical";
 
@@ -18693,7 +18984,7 @@ import { CLEAR_EDITOR_COMMAND } from "lexical";
 import {
   createContext as createContext8,
   useContext as useContext20,
-  useMemo as useMemo3,
+  useMemo as useMemo4,
   useState as useState26
 } from "react";
 import { v4 as uuid } from "uuid";
@@ -18769,7 +19060,7 @@ var getSources = (sources) => {
 };
 
 // src/views/Flows/Definitions/Common/One/contexts/OneMessagesContext.tsx
-import { jsx as jsx16 } from "react/jsx-runtime";
+import { jsx as jsx17 } from "react/jsx-runtime";
 var getInitialMessage = () => [
   {
     authorId: "live-assistant",
@@ -18847,7 +19138,7 @@ var OneMessagesProvider = ({
       console.error(error);
     }
   });
-  const eventsGroup = useMemo3(
+  const eventsGroup = useMemo4(
     () => createGroupedEvents({
       events,
       isLoading,
@@ -18856,7 +19147,7 @@ var OneMessagesProvider = ({
     [events, isLoading, isError]
   );
   const hasAdditionalEvents = events.length !== eventsGroup.length;
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(
     OneMessagesContext.Provider,
     {
       value: {
@@ -18881,7 +19172,7 @@ var useOneMessagesContext = () => {
 var useSendOneMessage = () => {
   const [editor] = useLexicalComposerContext2();
   const { sendMessage } = useContext21(OneMessagesContext);
-  const onSend = useCallback14(() => {
+  const onSend = useCallback15(() => {
     var _a;
     const messageToSend = (_a = editor.getRootElement()) == null ? void 0 : _a.innerText.trim();
     if (!messageToSend) {
@@ -18900,7 +19191,7 @@ var AskButton = () => {
   const isLoading = false;
   const { isAboveLimit } = useAboveCharacterLimit();
   const handleSend = useSendOneMessage();
-  useEffect11(() => {
+  useEffect12(() => {
     const registerTextContentListener = editor.registerTextContentListener(
       (textContent) => {
         setDisabled(!textContent);
@@ -18974,34 +19265,34 @@ import { HistoryPlugin } from "@lexical/react/LexicalHistoryPlugin";
 import { PlainTextPlugin } from "@lexical/react/LexicalPlainTextPlugin";
 
 // src/views/Flows/Definitions/Common/One/widget/message-box/custom-plugins/AutoFocusPlugin.tsx
-import { useCallback as useCallback15, useEffect as useEffect12 } from "react";
+import { useCallback as useCallback16, useEffect as useEffect13 } from "react";
 import { useLexicalComposerContext as useLexicalComposerContext4 } from "@lexical/react/LexicalComposerContext";
 var AutoFocusPlugin = () => {
   const [editor] = useLexicalComposerContext4();
-  const handleFocus = useCallback15(() => {
+  const handleFocus = useCallback16(() => {
     editor.focus();
   }, [editor]);
-  useEffect12(() => {
+  useEffect13(() => {
     handleFocus();
   }, []);
   return null;
 };
 
 // src/views/Flows/Definitions/Common/One/widget/message-box/custom-plugins/EnterDownPlugin.tsx
-import { useCallback as useCallback16, useEffect as useEffect13 } from "react";
+import { useCallback as useCallback17, useEffect as useEffect14 } from "react";
 import { useLexicalComposerContext as useLexicalComposerContext5 } from "@lexical/react/LexicalComposerContext";
 import { COMMAND_PRIORITY_LOW, KEY_ENTER_COMMAND } from "lexical";
 var EnterDownPlugin = ({ isCommandMenuVisibleRef }) => {
   const [editor] = useLexicalComposerContext5();
   const isLoading = false;
   const handleSendMessage = useSendOneMessage();
-  const onEnterDown = useCallback16(() => {
+  const onEnterDown = useCallback17(() => {
     if (isLoading || (isCommandMenuVisibleRef == null ? void 0 : isCommandMenuVisibleRef.current)) {
       return;
     }
     handleSendMessage({ enter: true, messageBox: true });
   }, [handleSendMessage, isLoading, isCommandMenuVisibleRef]);
-  useEffect13(
+  useEffect14(
     () => editor.registerCommand(
       KEY_ENTER_COMMAND,
       (event) => {
@@ -19059,10 +19350,10 @@ var OneMessageBox = () => /* @__PURE__ */ jsx7("div", { css: popoverMessageBox,
 ] }) }) });
 
 // src/views/Flows/Definitions/Common/One/widget/OneChatFeedContent.tsx
-import { useRef as useRef7 } from "react";
+import { useRef as useRef8 } from "react";
 
 // src/views/Flows/Definitions/Common/One/hooks/use-scroll.ts
-import { useCallback as useCallback17, useEffect as useEffect14, useRef as useRef6 } from "react";
+import { useCallback as useCallback18, useEffect as useEffect15, useRef as useRef7 } from "react";
 import { debounce as debounce3 } from "lodash";
 var useScroll = ({
   oneChatFeedRef,
@@ -19070,10 +19361,10 @@ var useScroll = ({
   additionalEvents
 }) => {
   const oneScrollPosition = 0;
-  const currentScrollPosition = useRef6(null);
-  const isScrolledToBottom = useRef6(true);
-  const timeoutRef = useRef6(null);
-  const scrollToBottom = useCallback17(() => {
+  const currentScrollPosition = useRef7(null);
+  const isScrolledToBottom = useRef7(true);
+  const timeoutRef = useRef7(null);
+  const scrollToBottom = useCallback18(() => {
     if (timeoutRef.current) {
       clearTimeout(timeoutRef.current);
     }
@@ -19089,7 +19380,7 @@ var useScroll = ({
       }
     };
   }, []);
-  useEffect14(() => {
+  useEffect15(() => {
     var _a;
     if (!oneScrollPosition) {
       scrollToBottom();
@@ -19098,12 +19389,12 @@ var useScroll = ({
     (_a = oneChatFeedRef.current) == null ? void 0 : _a.scrollTo({ top: oneScrollPosition });
     currentScrollPosition.current = oneScrollPosition;
   }, []);
-  useEffect14(() => {
+  useEffect15(() => {
     if (additionalEvents && isScrolledToBottom.current) {
       scrollToBottom();
     }
   }, [scrollToBottom, additionalEvents]);
-  useEffect14(() => {
+  useEffect15(() => {
     const [lastGroupEvent] = groupedEvents.slice(-1)[0];
     const isLastMessageFromAgent = lastGroupEvent.authorType === "agent" /* Agent */;
     if (isLastMessageFromAgent || isScrolledToBottom.current) {
@@ -19672,7 +19963,7 @@ var OneErrorEvent = ({ eventId }) => {
 };
 
 // src/views/Flows/Definitions/Common/One/widget/events/OneImageEvent.tsx
-import { useEffect as useEffect15, useState as useState28 } from "react";
+import { useEffect as useEffect16, useState as useState28 } from "react";
 
 // src/views/Flows/Definitions/Common/One/components/SkeletonLine.tsx
 import { DesignToken as DesignToken30 } from "@livechat/design-system-react-components";
@@ -19734,7 +20025,7 @@ var SkeletonLine = ({
 // src/views/Flows/Definitions/Common/One/widget/events/OneImageEvent.tsx
 var OneImageEvent = ({ imageUrl }) => {
   const [isLoaded, setIsLoaded] = useState28(false);
-  useEffect15(() => {
+  useEffect16(() => {
     const image = new Image();
     image.src = imageUrl;
     image.onload = () => {
@@ -19759,7 +20050,7 @@ var OneImageEvent = ({ imageUrl }) => {
 };
 
 // src/views/Flows/Definitions/Common/One/components/TypingIndicator.tsx
-import { memo as memo10 } from "react";
+import { memo as memo11 } from "react";
 import { DesignToken as DesignToken31 } from "@livechat/design-system-react-components";
 var typingAnimation = keyframes`
 	0% {
@@ -19800,7 +20091,7 @@ var typingIndicator2 = css`
     }
   }
 `;
-var TypingIndicator = memo10(() => /* @__PURE__ */ jsxs2("div", { css: typingIndicator2, "data-test": "typing-indicator", children: [
+var TypingIndicator = memo11(() => /* @__PURE__ */ jsxs2("div", { css: typingIndicator2, "data-test": "typing-indicator", children: [
   /* @__PURE__ */ jsx7("span", {}),
   /* @__PURE__ */ jsx7("span", {}),
   /* @__PURE__ */ jsx7("span", {})
@@ -20342,7 +20633,7 @@ function OneChatFeedContent({
   updateWorkflow,
   previewWorkflow
 }) {
-  const oneChatFeedRef = useRef7(null);
+  const oneChatFeedRef = useRef8(null);
   const { groupedEvents, hasAdditionalEvents } = useOneMessagesContext();
   const { handleScroll } = useScroll({
     oneChatFeedRef,
@@ -20448,7 +20739,7 @@ function CustomControls({
     state: { visibility }
   } = useWorkflowContext();
   const location = useLocation5();
-  useEffect16(() => {
+  useEffect17(() => {
     var _a2;
     if ((_a2 = location.state) == null ? void 0 : _a2.openOne) {
       if (!isOpen) {
@@ -20567,7 +20858,7 @@ import { useState as useState31 } from "react";
 import { useLocation as useLocation6, useNavigate as useNavigate7 } from "react-router-dom";
 import { Controls as Controls2 } from "reactflow";
 import { SegmentedControl } from "@livechat/design-system-react-components";
-import { Fragment as Fragment18, jsx as jsx19 } from "react/jsx-runtime";
+import { Fragment as Fragment18, jsx as jsx20 } from "react/jsx-runtime";
 function SwitcherControls({
   isDraft,
   hasRelatedWorkflow,
@@ -20610,7 +20901,7 @@ function SwitcherControls({
     }
   };
   if (!visibility.switcher || !isDraft && !hasRelatedWorkflow) {
-    return /* @__PURE__ */ jsx19(Fragment18, {});
+    return /* @__PURE__ */ jsx20(Fragment18, {});
   }
   const handleVersionClick = (id) => {
     if (id === "draft" && isDraft) {
@@ -20625,14 +20916,14 @@ function SwitcherControls({
     });
     focus();
   };
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     Controls2,
     {
       position: "top-center",
       showFitView: false,
       showInteractive: false,
       showZoom: false,
-      children: /* @__PURE__ */ jsx19(
+      children: /* @__PURE__ */ jsx20(
         SegmentedControl,
         {
           buttons: renderControlOptions(),
@@ -20709,7 +21000,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 Fragment20, jsx as jsx20, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Fragment as Fragment20, jsx as jsx21, jsxs as jsxs6 } from "react/jsx-runtime";
 var nodeConfig = {
   [WorkflowDefinitionTaskType14.http]: Node_default2,
   [WorkflowDefinitionTaskType14.forkJoin]: Node_default,
@@ -20743,7 +21034,7 @@ function Diagram({
   } = useWorkflowContext();
   const [nodes, setNodes, onNodesChange] = useNodesState([]);
   const [edges, setEdges, onEdgesChange] = useEdgesState([]);
-  const onConnect = useCallback18(
+  const onConnect = useCallback19(
     (params) => {
       setEdges((eds) => addEdge(params, eds));
     },
@@ -20751,10 +21042,10 @@ function Diagram({
   );
   const onInit = (instance) => {
   };
-  useEffect17(() => {
+  useEffect18(() => {
     handleSetNodes(nodes);
   }, [handleSetNodes, nodes]);
-  useEffect17(() => {
+  useEffect18(() => {
     convertWorkflowDefinitionToReactflow(workflow).then(({ nodes: nodes2, edges: edges2 }) => {
       const updatedNodes = nodes2.map((node2) => __spreadProps(__spreadValues({}, node2), {
         position: __spreadProps(__spreadValues({}, node2.position), {
@@ -20767,10 +21058,10 @@ function Diagram({
           if (forkNode.data.forkTasks.length > 2) {
             const indexHelper = edge.id.split("-");
             const pathIndex = indexHelper[indexHelper.length - 1];
-            edge.data.label = /* @__PURE__ */ jsx20(
+            edge.data.label = /* @__PURE__ */ jsx21(
               Button24,
               {
-                icon: /* @__PURE__ */ jsx20(Icon32, { source: Delete3 }),
+                icon: /* @__PURE__ */ jsx21(Icon32, { source: Delete3 }),
                 kind: "plain",
                 onClick: () => {
                   forkNode.data.forkTasks.splice(pathIndex, 1);
@@ -20833,7 +21124,7 @@ function Diagram({
         onNodesChange,
         proOptions: { hideAttribution: true },
         children: [
-          /* @__PURE__ */ jsx20(
+          /* @__PURE__ */ jsx21(
             SwitcherControls,
             {
               hasRelatedWorkflow: Boolean(workflow.related_workflow_id),
@@ -20841,7 +21132,7 @@ function Diagram({
               relatedWorkflowId: workflow.related_workflow_id
             }
           ),
-          /* @__PURE__ */ jsx20(
+          /* @__PURE__ */ jsx21(
             CustomControls_default,
             {
               isRawEditorVisible,
@@ -20857,7 +21148,7 @@ function Diagram({
               }
             }
           ),
-          /* @__PURE__ */ jsx20(
+          /* @__PURE__ */ jsx21(
             Background2,
             {
               color: `var(${DesignToken34.SurfaceSecondaryActive})`,
@@ -20868,7 +21159,7 @@ function Diagram({
         ]
       }
     ),
-    previewModalVisible.isVisible ? /* @__PURE__ */ jsx20(
+    previewModalVisible.isVisible ? /* @__PURE__ */ jsx21(
       Preview_default,
       {
         onApply: () => {
@@ -20950,7 +21241,7 @@ function WorkflowBuilder() {
 var Builder_default = WorkflowBuilder;
 
 // src/views/Flows/Definitions/Common/Modals/Delete.tsx
-import { jsx as jsx21, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs7 } from "react/jsx-runtime";
 var ModalContent2 = newStyled.div`
   display: grid;
   align-items: center;
@@ -20989,8 +21280,8 @@ function WorkflowDeleteModal({
   const amplitudeWorkflowsJourney = workflowsBlockAmplitudeJourneyFactory(
     user.meta.email
   );
-  return /* @__PURE__ */ jsx21(Modal4, { heading: true, onClose, children: /* @__PURE__ */ jsxs7(ModalContent2, { children: [
-    /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(Modal4, { heading: true, onClose, children: /* @__PURE__ */ jsxs7(ModalContent2, { children: [
+    /* @__PURE__ */ jsx22(
       Icon33,
       {
         customColor: `var(${DesignToken36.ContentBasicDisabled})`,
@@ -21010,8 +21301,8 @@ function WorkflowDeleteModal({
       ". Are you sure you want to continue?"
     ] }),
     /* @__PURE__ */ jsxs7(ModalFooter, { children: [
-      /* @__PURE__ */ jsx21(Button25, { kind: "secondary", onClick: onClose, children: "Cancel" }),
-      /* @__PURE__ */ jsx21(
+      /* @__PURE__ */ jsx22(Button25, { kind: "secondary", onClick: onClose, children: "Cancel" }),
+      /* @__PURE__ */ jsx22(
         Button25,
         {
           kind: "destructive",
@@ -21049,7 +21340,7 @@ import {
   SpacingToken as SpacingToken33,
   Text as Text19
 } from "@livechat/design-system-react-components";
-import { jsx as jsx22, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs8 } from "react/jsx-runtime";
 var ModalContent3 = newStyled.div`
   display: grid;
   align-items: center;
@@ -21085,8 +21376,8 @@ function WorkflowEditModal({ onClose }) {
   const amplitudeWorkflowsJourney = workflowsBlockAmplitudeJourneyFactory(
     user.meta.email
   );
-  return /* @__PURE__ */ jsx22(Modal5, { heading: true, onClose, children: /* @__PURE__ */ jsxs8(ModalContent3, { children: [
-    /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(Modal5, { heading: true, onClose, children: /* @__PURE__ */ jsxs8(ModalContent3, { children: [
+    /* @__PURE__ */ jsx23(
       Icon34,
       {
         customColor: `var(${DesignToken37.ContentBasicDisabled})`,
@@ -21094,10 +21385,10 @@ function WorkflowEditModal({ onClose }) {
         source: Error4
       }
     ),
-    /* @__PURE__ */ jsx22(Heading5, { as: "h2", size: "md", children: "You have an existing draft" }),
-    /* @__PURE__ */ jsx22(Text19, { size: "md", children: "You already have an existing draft, by editing the published version you can overwrite the current draft for this workflow. Do you want to continue?" }),
+    /* @__PURE__ */ jsx23(Heading5, { as: "h2", size: "md", children: "You have an existing draft" }),
+    /* @__PURE__ */ jsx23(Text19, { size: "md", children: "You already have an existing draft, by editing the published version you can overwrite the current draft for this workflow. Do you want to continue?" }),
     /* @__PURE__ */ jsxs8(ModalFooter2, { children: [
-      /* @__PURE__ */ jsx22(
+      /* @__PURE__ */ jsx23(
         Button26,
         {
           kind: "secondary",
@@ -21110,7 +21401,7 @@ function WorkflowEditModal({ onClose }) {
           children: "Edit existing draft"
         }
       ),
-      /* @__PURE__ */ jsx22(
+      /* @__PURE__ */ jsx23(
         Button26,
         {
           kind: "destructive",
@@ -21138,7 +21429,7 @@ import {
   SpacingToken as SpacingToken34,
   Text as Text20
 } from "@livechat/design-system-react-components";
-import { jsx as jsx23, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs9 } from "react/jsx-runtime";
 var ModalContent4 = newStyled.div`
   display: grid;
   align-items: center;
@@ -21170,8 +21461,8 @@ function WorkflowPublishModal({
     },
     publishDraft
   } = useWorkflowContext();
-  return /* @__PURE__ */ jsx23(Modal6, { heading: true, onClose, children: /* @__PURE__ */ jsxs9(ModalContent4, { children: [
-    /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(Modal6, { heading: true, onClose, children: /* @__PURE__ */ jsxs9(ModalContent4, { children: [
+    /* @__PURE__ */ jsx24(
       Icon35,
       {
         customColor: `var(${DesignToken38.ContentBasicDisabled})`,
@@ -21179,11 +21470,11 @@ function WorkflowPublishModal({
         source: Error5
       }
     ),
-    /* @__PURE__ */ jsx23(Heading6, { as: "h2", size: "md", children: "You are publishing a workflow" }),
-    /* @__PURE__ */ jsx23(Text20, { size: "md", children: "Once published, this will be the working version of your workflow and will\xA0be\xA0automatically set to active." }),
+    /* @__PURE__ */ jsx24(Heading6, { as: "h2", size: "md", children: "You are publishing a workflow" }),
+    /* @__PURE__ */ jsx24(Text20, { size: "md", children: "Once published, this will be the working version of your workflow and will\xA0be\xA0automatically set to active." }),
     /* @__PURE__ */ jsxs9(ModalFooter3, { children: [
-      /* @__PURE__ */ jsx23(Button27, { kind: "secondary", onClick: onClose, children: "Cancel" }),
-      /* @__PURE__ */ jsx23(
+      /* @__PURE__ */ jsx24(Button27, { kind: "secondary", onClick: onClose, children: "Cancel" }),
+      /* @__PURE__ */ jsx24(
         Button27,
         {
           kind: "primary",
@@ -21199,7 +21490,7 @@ function WorkflowPublishModal({
 }
 
 // src/views/Flows/Definitions/Edit/Modals/Execute.tsx
-import { useCallback as useCallback19 } from "react";
+import { useCallback as useCallback20 } from "react";
 import { Field, Form } from "react-final-form";
 import validator2 from "validator";
 import {
@@ -21214,7 +21505,7 @@ import {
 } from "@livechat/design-system-react-components";
 function ExecuteWorkflow({ workflow, onClose }) {
   const executeMutation = useExecuteWorkflow();
-  const onSubmit = useCallback19(
+  const onSubmit = useCallback20(
     (data) => __async(this, null, function* () {
       yield executeMutation.mutateAsync({
         workflow,
@@ -21295,7 +21586,7 @@ function ExecuteWorkflow({ workflow, onClose }) {
 var Execute_default = ExecuteWorkflow;
 
 // src/views/Flows/Definitions/Edit/Tasks/Add.tsx
-import { useContext as useContext24, useEffect as useEffect18, useState as useState33 } from "react";
+import { useContext as useContext24, useEffect as useEffect19, useState as useState33 } from "react";
 import {
   NavLink,
   useLocation as useLocation8,
@@ -21526,7 +21817,7 @@ function AddWorkflowTask({ basePath, onClose }) {
   const amplitudeWorkflowsJourney = workflowsBlockAmplitudeJourneyFactory(
     user.meta.email
   );
-  useEffect18(() => {
+  useEffect19(() => {
     var _a, _b, _c, _d, _e, _f;
     if (!params.task) {
       const firstTask = (_c = (_b = (_a = config10.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;
@@ -21748,7 +22039,7 @@ function AddWorkflowTask({ basePath, onClose }) {
 var Add_default = AddWorkflowTask;
 
 // src/views/Flows/Definitions/Edit/Triggers/Add.tsx
-import { useContext as useContext25, useEffect as useEffect19, useState as useState34 } from "react";
+import { useContext as useContext25, useEffect as useEffect20, useState as useState34 } from "react";
 import { NavLink as NavLink2, useLocation as useLocation9, useNavigate as useNavigate11, useParams as useParams3 } from "react-router-dom";
 import {
   Button as Button30,
@@ -21944,7 +22235,7 @@ function AddWorkflowTrigger({ basePath, onClose }) {
   const amplitudeWorkflowsJourney = workflowsBlockAmplitudeJourneyFactory(
     user.meta.email
   );
-  useEffect19(() => {
+  useEffect20(() => {
     var _a, _b, _c;
     if (!params.trigger) {
       const firstTrigger = (_c = (_b = (_a = config11.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;
@@ -22130,7 +22421,7 @@ function AddWorkflowTrigger({ basePath, onClose }) {
 var Add_default2 = AddWorkflowTrigger;
 
 // src/views/Flows/Definitions/Common/Navbar/Navbar.tsx
-import { useContext as useContext26, useEffect as useEffect20, useRef as useRef8, useState as useState35 } from "react";
+import { useContext as useContext26, useEffect as useEffect21, useRef as useRef9, useState as useState35 } from "react";
 import { useNavigate as useNavigate12 } from "react-router-dom";
 import { ArrowBarLeft, ChevronDown as ChevronDown3 } from "@livechat/design-system-icons";
 import {
@@ -22164,7 +22455,7 @@ function WorkflowBuilderNavbar() {
     publishDraft,
     toggle
   } = useWorkflowContext();
-  const inputRef = useRef8(null);
+  const inputRef = useRef9(null);
   const [isNameChanging, setIsNameChanging] = useState35(false);
   const [workflowName, setWorkflowName] = useState35(workflow.name);
   const { isMarketplaceFullscreenApp } = useMode();
@@ -22172,7 +22463,7 @@ function WorkflowBuilderNavbar() {
   const amplitudeWorkflowsJourney = workflowsBlockAmplitudeJourneyFactory(
     user.meta.email
   );
-  useEffect20(() => {
+  useEffect21(() => {
     setWorkflowName(workflow.name);
   }, [workflow.name]);
   useOnClickOutside2(inputRef, () => {
@@ -24122,7 +24413,7 @@ var flowTemplates = [
 ];
 
 // src/views/Flows/Templates/Common/Modals/Preview/Modal.tsx
-import { useCallback as useCallback20, useContext as useContext27 } from "react";
+import { useCallback as useCallback21, useContext as useContext27 } from "react";
 import { useNavigate as useNavigate14 } from "react-router-dom";
 import { ArrowBackFilled } from "@livechat/design-system-icons";
 import {
@@ -24247,7 +24538,7 @@ function WorkflowTemplatePreviewModal({
   const amplitudeWorkflowsJourney = workflowsBlockAmplitudeJourneyFactory(
     user.meta.email
   );
-  const handleClose = useCallback20(
+  const handleClose = useCallback21(
     (target) => {
       if (onClose) {
         onClose();
@@ -24427,7 +24718,7 @@ var Preview_default2 = WorkflowTemplatePreview;
 import { Route as Route3, Routes as Routes3 } from "react-router-dom";
 
 // src/views/Flows/Definitions/List/Modals/Create/Modal.tsx
-import { useCallback as useCallback23 } from "react";
+import { useCallback as useCallback24 } from "react";
 import { useNavigate as useNavigate17 } from "react-router-dom";
 import { Modal as Modal11, ModalHeader as ModalHeader6 } from "@livechat/design-system-react-components";
 
@@ -24442,7 +24733,7 @@ import {
 import { Column as Column16, Intro as Intro3, Row as Row21 } from "@livechat/developer-studio-ui-react";
 
 // src/views/Flows/Templates/Common/Modals/List/Filters/Category.tsx
-import { useCallback as useCallback21, useState as useState36 } from "react";
+import { useCallback as useCallback22, useState as useState36 } from "react";
 import {
   ChatDots as ChatDots2,
   CurrencyDollar as CurrencyDollar2,
@@ -24463,7 +24754,7 @@ function WorkflowTemplatesCategoryFilter({
   status
 }) {
   const [isVisible, setIsVisible] = useState36(false);
-  const getItem = useCallback21(
+  const getItem = useCallback22(
     (key, category, icon2) => ({
       key,
       element: /* @__PURE__ */ jsxs2(Row17, { gap: `var(${SpacingToken43.Spacing1});`, notPadded: true, children: [
@@ -24517,7 +24808,7 @@ function WorkflowTemplatesCategoryFilter({
 var Category_default = WorkflowTemplatesCategoryFilter;
 
 // src/views/Flows/Templates/Common/Modals/List/Filters/Product.tsx
-import { useCallback as useCallback22, useState as useState37 } from "react";
+import { useCallback as useCallback23, useState as useState37 } from "react";
 import {
   Chatgpt as Chatgpt2,
   HelpDeskColored,
@@ -24538,7 +24829,7 @@ function WorkflowTemplatesProductFilter({
   status
 }) {
   const [isVisible, setIsVisible] = useState37(false);
-  const getItem = useCallback22(
+  const getItem = useCallback23(
     (key, product, icon2) => ({
       key,
       element: /* @__PURE__ */ jsxs2(Row18, { gap: `var(${SpacingToken44.Spacing1});`, notPadded: true, children: [
@@ -24807,7 +25098,7 @@ var Home_default = WorkflowsHome;
 // src/views/Flows/Definitions/List/Modals/Create/Modal.tsx
 function WorkflowCreateModal({ onClose }) {
   const navigate = useNavigate17();
-  const handleClose = useCallback23(() => {
+  const handleClose = useCallback24(() => {
     if (onClose) {
       onClose();
       return;
@@ -24868,7 +25159,7 @@ import {
   Button as Button35,
   Icon as Icon43
 } from "@livechat/design-system-react-components";
-import { jsx as jsx24, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs10 } from "react/jsx-runtime";
 function WorkflowStatusFilter({
   handleStatus,
   status
@@ -24900,7 +25191,7 @@ function WorkflowStatusFilter({
       }
     }
   ];
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(
     ActionMenu5,
     {
       onClose: () => {
@@ -24911,7 +25202,7 @@ function WorkflowStatusFilter({
       triggerRenderer: /* @__PURE__ */ jsxs10(
         Button35,
         {
-          icon: /* @__PURE__ */ jsx24(Icon43, { source: ToggleLeft }),
+          icon: /* @__PURE__ */ jsx25(Icon43, { source: ToggleLeft }),
           kind: "secondary",
           onClick: () => {
             setIsVisible(!isVisible);
@@ -25323,11 +25614,11 @@ function WorkflowList() {
 var List_default2 = WorkflowList;
 
 // src/views/Flows/Definitions/index.tsx
-import { jsx as jsx25, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs11 } from "react/jsx-runtime";
 function Workflows() {
   const navigate = useNavigate20();
   const { isUserFetching, userHasAccessToWorkflows } = useContext30(UserContext);
-  useEffect21(() => {
+  useEffect22(() => {
     if (isUserFetching) {
       return;
     }
@@ -25336,15 +25627,15 @@ function Workflows() {
     }
   }, [navigate, isUserFetching, userHasAccessToWorkflows]);
   return /* @__PURE__ */ jsxs11(Routes5, { children: [
-    /* @__PURE__ */ jsx25(Route5, { element: /* @__PURE__ */ jsx25(Navigate2, { replace: true, to: "list" }), path: "" }),
-    /* @__PURE__ */ jsx25(Route5, { element: /* @__PURE__ */ jsx25(List_default2, {}), path: "list/*" }),
-    /* @__PURE__ */ jsx25(Route5, { element: /* @__PURE__ */ jsx25(Edit_default2, {}), path: ":id/*" })
+    /* @__PURE__ */ jsx26(Route5, { element: /* @__PURE__ */ jsx26(Navigate2, { replace: true, to: "list" }), path: "" }),
+    /* @__PURE__ */ jsx26(Route5, { element: /* @__PURE__ */ jsx26(List_default2, {}), path: "list/*" }),
+    /* @__PURE__ */ jsx26(Route5, { element: /* @__PURE__ */ jsx26(Edit_default2, {}), path: ":id/*" })
   ] });
 }
 var Definitions_default = Workflows;
 
 // src/views/Flows/Waitlist/index.tsx
-import { useContext as useContext31, useEffect as useEffect22 } from "react";
+import { useContext as useContext31, useEffect as useEffect23 } from "react";
 import { useNavigate as useNavigate21 } from "react-router-dom";
 import { CheckCircle as CheckCircle8 } from "@livechat/design-system-icons";
 import {
@@ -25384,7 +25675,7 @@ var imgContainerCss = css`
 function Waitlist() {
   const { isUserFetching, userHasAccessToWorkflows } = useContext31(UserContext);
   const navigate = useNavigate21();
-  useEffect22(() => {
+  useEffect23(() => {
     if (userHasAccessToWorkflows) {
       navigate("/workflow/list");
     }
@@ -25468,11 +25759,11 @@ function Waitlist() {
 var Waitlist_default = Waitlist;
 
 // src/views/Flows/index.tsx
-import { jsx as jsx26, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs12 } from "react/jsx-runtime";
 function Flows() {
   return /* @__PURE__ */ jsxs12(Routes6, { children: [
-    /* @__PURE__ */ jsx26(Route6, { element: /* @__PURE__ */ jsx26(Definitions_default, {}), path: "*" }),
-    /* @__PURE__ */ jsx26(Route6, { element: /* @__PURE__ */ jsx26(Waitlist_default, {}), path: "/waitlist" })
+    /* @__PURE__ */ jsx27(Route6, { element: /* @__PURE__ */ jsx27(Definitions_default, {}), path: "*" }),
+    /* @__PURE__ */ jsx27(Route6, { element: /* @__PURE__ */ jsx27(Waitlist_default, {}), path: "/waitlist" })
   ] });
 }
 var Flows_default = Flows;
@@ -25492,7 +25783,7 @@ import {
   IntegrationNames as IntegrationNames31
 } from "@livechat/developer-studio-api";
 import { useMatch as useMatch5 } from "@livechat/developer-studio-ui-react";
-import { jsx as jsx27 } from "react/jsx-runtime";
+import { jsx as jsx28 } from "react/jsx-runtime";
 function AccountsAction(props) {
   var _a;
   const match2 = useMatch5();
@@ -25500,7 +25791,7 @@ function AccountsAction(props) {
   if (!action) {
     throw new Error("Invalid action");
   }
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(
     IntegrationAction_default,
     {
       action,
@@ -25543,14 +25834,14 @@ var Action_default5 = AccountsAction;
 
 // src/views/Settings/Integrations/Accounts/Callback.tsx
 import { useMatch as useMatch6 } from "@livechat/developer-studio-ui-react";
-import { jsx as jsx28 } from "react/jsx-runtime";
+import { jsx as jsx29 } from "react/jsx-runtime";
 function AccountsCallback() {
   const match2 = useMatch6();
   const action = match2.params.action;
   if (!action) {
     throw new Error("Invalid action");
   }
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(
     IntegrationCallback_default,
     {
       handler: (output) => accountsActionHandlers()[action](output)
@@ -25562,7 +25853,7 @@ var Callback_default = AccountsCallback;
 // src/views/Settings/Integrations/BigCommerce/Callback.tsx
 import { useContext as useContext32 } from "react";
 import { useMatch as useMatch7 } from "@livechat/developer-studio-ui-react";
-import { jsx as jsx29 } from "react/jsx-runtime";
+import { jsx as jsx30 } from "react/jsx-runtime";
 function BigCommerceCallback() {
   const { login } = useContext32(AuthContext);
   const match2 = useMatch7();
@@ -25570,7 +25861,7 @@ function BigCommerceCallback() {
   if (!action) {
     throw new Error("Invalid action");
   }
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     IntegrationCallback_default,
     {
       handler: (output) => bigCommerceActionHandlers(login)[action](output)
@@ -25580,7 +25871,7 @@ function BigCommerceCallback() {
 var Callback_default2 = BigCommerceCallback;
 
 // src/views/Settings/Integrations/BigCommerce/Status.tsx
-import { useCallback as useCallback25, useContext as useContext33, useState as useState41 } from "react";
+import { useCallback as useCallback26, useContext as useContext33, useState as useState41 } from "react";
 import { BigCommerceColored as BigCommerceColored2, Delete as Delete6 } from "@livechat/design-system-icons";
 import {
   Button as Button40,
@@ -25596,7 +25887,7 @@ import {
 import { useNotifications as useNotifications12 } from "@livechat/developer-studio-ui-react";
 
 // src/views/Settings/Integrations/Common/IntegrationCredentials.tsx
-import { useCallback as useCallback24 } from "react";
+import { useCallback as useCallback25 } from "react";
 import { Delete as Delete5 } from "@livechat/design-system-icons";
 import { Button as Button39, Icon as Icon46 } from "@livechat/design-system-react-components";
 import { Table as Table2 } from "@livechat/developer-studio-ui-react";
@@ -25605,7 +25896,7 @@ function IntegrationStatusCredentials({
   trigger
 }) {
   const removeCredentialMutation = useRemoveIntegrationCredential();
-  const Credential = useCallback24(
+  const Credential = useCallback25(
     ({ credential }) => /* @__PURE__ */ jsxs2("tr", { children: [
       /* @__PURE__ */ jsx7("td", { children: credential.name }),
       /* @__PURE__ */ jsx7("td", { children: credential.type }),
@@ -25776,12 +26067,12 @@ function BigCommerceStatus() {
   const credentialsQuery = useFetchBigCommerceCredentials();
   const removeCredentialMutation = useRemoveIntegrationCredential();
   const [state, setState] = useState41();
-  const refetch = useCallback25(() => {
+  const refetch = useCallback26(() => {
     credentialsQuery.refetch();
   }, [credentialsQuery]);
   const oauthCredential = credentialsQuery.data.internal;
   const otherCredentials = credentialsQuery.data.other;
-  const triggerConnect = useCallback25(
+  const triggerConnect = useCallback26(
     (shop) => {
       triggerBigCommerceAction(
         {
@@ -25806,14 +26097,14 @@ function BigCommerceStatus() {
     },
     [login, refetch, notifications, user]
   );
-  const toggleModal = useCallback25((isVisible) => {
+  const toggleModal = useCallback26((isVisible) => {
     setState((prevState) => __spreadProps(__spreadValues({}, prevState), {
       modal: {
         isVisible
       }
     }));
   }, []);
-  const updateShop = useCallback25((shop) => {
+  const updateShop = useCallback26((shop) => {
     setState(
       (prevState) => {
         var _a2;
@@ -25825,7 +26116,7 @@ function BigCommerceStatus() {
       }
     );
   }, []);
-  const submit = useCallback25(() => {
+  const submit = useCallback26(() => {
     var _a2;
     setState(
       (prevState) => {
@@ -25842,7 +26133,7 @@ function BigCommerceStatus() {
       triggerConnect(state.modal.shop);
     }
   }, [state == null ? void 0 : state.modal, toggleModal, triggerConnect]);
-  const Connect = useCallback25(
+  const Connect = useCallback26(
     ({ credential }) => {
       if (!credential) {
         return /* @__PURE__ */ jsx7(
@@ -26105,7 +26396,7 @@ var appRepositoryBlockAmplitudeJourneyFactory = (email) => ({
 });
 
 // src/views/Settings/Integrations/GitHub/Action.tsx
-import { jsx as jsx30 } from "react/jsx-runtime";
+import { jsx as jsx31 } from "react/jsx-runtime";
 function GitHubAction(props) {
   var _a;
   const { login } = useContext34(AuthContext);
@@ -26115,7 +26406,7 @@ function GitHubAction(props) {
   if (!action) {
     throw new Error("Invalid action");
   }
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     IntegrationAction_default,
     {
       action,
@@ -26186,7 +26477,7 @@ var Action_default6 = GitHubAction;
 // src/views/Settings/Integrations/GitHub/Callback.tsx
 import { useContext as useContext35 } from "react";
 import { useMatch as useMatch9 } from "@livechat/developer-studio-ui-react";
-import { jsx as jsx31 } from "react/jsx-runtime";
+import { jsx as jsx32 } from "react/jsx-runtime";
 function GithubCallback() {
   const { login } = useContext35(AuthContext);
   const match2 = useMatch9();
@@ -26195,7 +26486,7 @@ function GithubCallback() {
   if (!action) {
     throw new Error("Invalid action");
   }
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx32(
     IntegrationCallback_default,
     {
       handler: (output) => gitHubActionHandlers(login, user.meta.email)[action](
@@ -26207,7 +26498,7 @@ function GithubCallback() {
 var Callback_default3 = GithubCallback;
 
 // src/views/Settings/Integrations/GitHub/Status.tsx
-import { useCallback as useCallback26, useContext as useContext38, useEffect as useEffect24, useState as useState43 } from "react";
+import { useCallback as useCallback27, useContext as useContext38, useEffect as useEffect25, useState as useState43 } from "react";
 import { ChevronDown as ChevronDown4, ChevronUp as ChevronUp2, Delete as Delete7 } from "@livechat/design-system-icons";
 import {
   ActionMenu as ActionMenu7,
@@ -26288,10 +26579,10 @@ import {
 } from "@livechat/developer-studio-api";
 
 // src/hooks/integrations/pusher/usePusher.ts
-import { useEffect as useEffect23, useMemo as useMemo4, useState as useState42 } from "react";
+import { useEffect as useEffect24, useMemo as useMemo5, useState as useState42 } from "react";
 import Pusher from "pusher-js";
 function usePusher() {
-  const pusher = useMemo4(
+  const pusher = useMemo5(
     () => new Pusher(getWorkflowEnv("pusherKey"), {
       cluster: "eu"
     }),
@@ -26302,7 +26593,7 @@ function usePusher() {
 function usePusherChannel(channelId) {
   const pusher = usePusher();
   const [channel, setChannel] = useState42();
-  useEffect23(() => {
+  useEffect24(() => {
     setChannel(pusher.subscribe(channelId));
     return () => {
       pusher.unsubscribe(channelId);
@@ -26312,7 +26603,7 @@ function usePusherChannel(channelId) {
 }
 function usePusherSubscription(channelId, eventId, callback, deps) {
   const pusherChannel = usePusherChannel(channelId);
-  useEffect23(() => {
+  useEffect24(() => {
     if (pusherChannel) {
       pusherChannel.bind(eventId, callback);
     }
@@ -26331,7 +26622,7 @@ function GitHubStatus() {
   const amplitudeRepositoryJourney = appRepositoryBlockAmplitudeJourneyFactory(
     user.meta.email
   );
-  const refetch = useCallback26(() => {
+  const refetch = useCallback27(() => {
     credentialsQuery.refetch();
     gitHubInstallationsQuery.refetch();
   }, [credentialsQuery, gitHubInstallationsQuery]);
@@ -26339,7 +26630,7 @@ function GitHubStatus() {
   const oauthCredential = credentialsQuery.data.internal.oauth;
   const otherCredentials = credentialsQuery.data.other;
   const isInstalled = ((_a = gitHubInstallationsQuery.data) != null ? _a : []).length > 0;
-  useEffect24(() => {
+  useEffect25(() => {
     if (credentialsQuery.isFetching) {
       return;
     }
@@ -26384,7 +26675,7 @@ function GitHubStatus() {
     },
     [gitHubInstallationsQuery.data]
   );
-  const Connect = useCallback26(
+  const Connect = useCallback27(
     ({ credential }) => /* @__PURE__ */ jsx7(
       Action_default6,
       {
@@ -26423,7 +26714,7 @@ function GitHubStatus() {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [refetch]
   );
-  const Install = useCallback26(
+  const Install = useCallback27(
     () => /* @__PURE__ */ jsx7(
       Action_default6,
       {
@@ -26579,7 +26870,7 @@ var Status_default2 = GitHubStatus;
 // src/views/Settings/Integrations/HubSpot/Callback.tsx
 import { useContext as useContext39 } from "react";
 import { useMatch as useMatch10 } from "@livechat/developer-studio-ui-react";
-import { jsx as jsx32 } from "react/jsx-runtime";
+import { jsx as jsx33 } from "react/jsx-runtime";
 function HubSpotCallback() {
   const { login } = useContext39(AuthContext);
   const match2 = useMatch10();
@@ -26587,7 +26878,7 @@ function HubSpotCallback() {
   if (!action) {
     throw new Error("Invalid action");
   }
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx33(
     IntegrationCallback_default,
     {
       handler: (output) => hubSpotActionHandlers(login)[action](output)
@@ -26597,7 +26888,7 @@ function HubSpotCallback() {
 var Callback_default4 = HubSpotCallback;
 
 // src/views/Settings/Integrations/HubSpot/Status.tsx
-import { useCallback as useCallback27 } from "react";
+import { useCallback as useCallback28 } from "react";
 import { Delete as Delete8, Hubspot } from "@livechat/design-system-icons";
 import { Button as Button42, Icon as Icon49 } from "@livechat/design-system-react-components";
 import {
@@ -26606,12 +26897,12 @@ import {
 function HubspotStatus() {
   const credentialsQuery = useFetchHubspotCredentials();
   const removeCredentialMutation = useRemoveIntegrationCredential();
-  const refetch = useCallback27(() => {
+  const refetch = useCallback28(() => {
     credentialsQuery.refetch();
   }, [credentialsQuery]);
   const oauthCredential = credentialsQuery.data.internal;
   const otherCredentials = credentialsQuery.data.other;
-  const Connect = useCallback27(
+  const Connect = useCallback28(
     ({ credential }) => /* @__PURE__ */ jsx7(
       Action_default2,
       {
@@ -26691,7 +26982,7 @@ var Status_default3 = HubspotStatus;
 // src/views/Settings/Integrations/Mailchimp/Callback.tsx
 import { useContext as useContext40 } from "react";
 import { useMatch as useMatch11 } from "@livechat/developer-studio-ui-react";
-import { jsx as jsx33 } from "react/jsx-runtime";
+import { jsx as jsx34 } from "react/jsx-runtime";
 function MailchimpCallback() {
   const { login } = useContext40(AuthContext);
   const match2 = useMatch11();
@@ -26699,7 +26990,7 @@ function MailchimpCallback() {
   if (!action) {
     throw new Error("Invalid action");
   }
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     IntegrationCallback_default,
     {
       handler: (output) => mailchimpActionHandlers(login)[action](output)
@@ -26709,7 +27000,7 @@ function MailchimpCallback() {
 var Callback_default5 = MailchimpCallback;
 
 // src/views/Settings/Integrations/Mailchimp/Status.tsx
-import { useCallback as useCallback28 } from "react";
+import { useCallback as useCallback29 } from "react";
 import { Delete as Delete9, Mailchimp as Mailchimp3 } from "@livechat/design-system-icons";
 import { Button as Button43, Icon as Icon50 } from "@livechat/design-system-react-components";
 import {
@@ -26718,12 +27009,12 @@ import {
 function MailchimpStatus() {
   const credentialsQuery = useFetchMailchimpCredentials();
   const removeCredentialMutation = useRemoveIntegrationCredential();
-  const refetch = useCallback28(() => {
+  const refetch = useCallback29(() => {
     credentialsQuery.refetch();
   }, [credentialsQuery]);
   const oauthCredential = credentialsQuery.data.internal;
   const otherCredentials = credentialsQuery.data.other;
-  const Connect = useCallback28(
+  const Connect = useCallback29(
     ({ credential }) => /* @__PURE__ */ jsx7(
       Action_default3,
       {
@@ -26807,7 +27098,7 @@ import {
   IntegrationNames as IntegrationNames37
 } from "@livechat/developer-studio-api";
 import { useMatch as useMatch12 } from "@livechat/developer-studio-ui-react";
-import { jsx as jsx34 } from "react/jsx-runtime";
+import { jsx as jsx35 } from "react/jsx-runtime";
 function NeonAction(props) {
   var _a;
   const { login } = useContext41(AuthContext);
@@ -26816,7 +27107,7 @@ function NeonAction(props) {
   if (!action) {
     throw new Error("Invalid action");
   }
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx35(
     IntegrationAction_default,
     {
       action,
@@ -26863,7 +27154,7 @@ var Action_default7 = NeonAction;
 // src/views/Settings/Integrations/Neon/Callback.tsx
 import { useContext as useContext42 } from "react";
 import { useMatch as useMatch13 } from "@livechat/developer-studio-ui-react";
-import { jsx as jsx35 } from "react/jsx-runtime";
+import { jsx as jsx36 } from "react/jsx-runtime";
 function NeonCallback() {
   const { login } = useContext42(AuthContext);
   const match2 = useMatch13();
@@ -26871,7 +27162,7 @@ function NeonCallback() {
   if (!action) {
     throw new Error("Invalid action");
   }
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx36(
     IntegrationCallback_default,
     {
       handler: (output) => neonActionHandlers(login)[action](output)
@@ -26881,7 +27172,7 @@ function NeonCallback() {
 var Callback_default6 = NeonCallback;
 
 // src/views/Settings/Integrations/Neon/Status.tsx
-import { useCallback as useCallback29 } from "react";
+import { useCallback as useCallback30 } from "react";
 import { Delete as Delete10 } from "@livechat/design-system-icons";
 import { Button as Button44, Icon as Icon51 } from "@livechat/design-system-react-components";
 import {
@@ -26943,12 +27234,12 @@ import {
 function NeonStatus() {
   const credentialsQuery = useFetchNeonCredentials();
   const removeCredentialMutation = useRemoveIntegrationCredential();
-  const refetch = useCallback29(() => {
+  const refetch = useCallback30(() => {
     credentialsQuery.refetch();
   }, [credentialsQuery]);
   const oauthCredential = credentialsQuery.data.internal;
   const otherCredentials = credentialsQuery.data.other;
-  const Connect = useCallback29(
+  const Connect = useCallback30(
     ({ credential }) => /* @__PURE__ */ jsx7(
       Action_default7,
       {
@@ -27147,7 +27438,7 @@ var appDeploymentBlockAmplitudeJourneyFactory = (email) => ({
 });
 
 // src/views/Settings/Integrations/Netlify/Action.tsx
-import { jsx as jsx36 } from "react/jsx-runtime";
+import { jsx as jsx37 } from "react/jsx-runtime";
 function NetlifyAction(props) {
   var _a;
   const { login } = useContext46(AuthContext);
@@ -27157,7 +27448,7 @@ function NetlifyAction(props) {
   if (!action) {
     throw new Error("Invalid action");
   }
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     IntegrationAction_default,
     {
       action,
@@ -27240,7 +27531,7 @@ var Action_default8 = NetlifyAction;
 // src/views/Settings/Integrations/Netlify/Callback.tsx
 import { useContext as useContext47 } from "react";
 import { useMatch as useMatch15 } from "@livechat/developer-studio-ui-react";
-import { jsx as jsx37 } from "react/jsx-runtime";
+import { jsx as jsx38 } from "react/jsx-runtime";
 function NetlifyCallback() {
   const match2 = useMatch15();
   const { login } = useContext47(AuthContext);
@@ -27249,7 +27540,7 @@ function NetlifyCallback() {
   if (!action) {
     throw new Error("Invalid action");
   }
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     IntegrationCallback_default,
     {
       handler: (output) => netlifyActionHandlers(login, user.meta.email)[action](output)
@@ -27259,7 +27550,7 @@ function NetlifyCallback() {
 var Callback_default7 = NetlifyCallback;
 
 // src/views/Settings/Integrations/Netlify/Status.tsx
-import { useCallback as useCallback30, useContext as useContext49, useEffect as useEffect25, useState as useState44 } from "react";
+import { useCallback as useCallback31, useContext as useContext49, useEffect as useEffect26, useState as useState44 } from "react";
 import { ChevronDown as ChevronDown5, ChevronUp as ChevronUp3, Delete as Delete11 } from "@livechat/design-system-icons";
 import {
   ActionMenu as ActionMenu8,
@@ -27386,7 +27677,7 @@ function NetlifyStatus() {
   const amplitudeDeploymentJourney = appDeploymentBlockAmplitudeJourneyFactory(
     user.meta.email
   );
-  const refetch = useCallback30(() => {
+  const refetch = useCallback31(() => {
     credentialsQuery.refetch();
     userIntegrationsQuery.refetch();
     sitesQuery.refetch();
@@ -27401,7 +27692,7 @@ function NetlifyStatus() {
   const doesNetlifySiteHasInstallID = (_c = sitesQuery.data) == null ? void 0 : _c.some(
     (element) => element.build_settings.installation_id
   );
-  useEffect25(() => {
+  useEffect26(() => {
     if (credentialsQuery.isFetching) {
       return;
     }
@@ -27433,7 +27724,7 @@ function NetlifyStatus() {
     },
     [refetch]
   );
-  const Connect = useCallback30(
+  const Connect = useCallback31(
     ({ credential }) => /* @__PURE__ */ jsx7(
       Action_default8,
       {
@@ -27472,7 +27763,7 @@ function NetlifyStatus() {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [refetch]
   );
-  const Install = useCallback30(
+  const Install = useCallback31(
     () => {
       var _a2;
       return /* @__PURE__ */ jsx7(
@@ -27665,7 +27956,7 @@ var Status_default6 = NetlifyStatus;
 // src/views/Settings/Integrations/Shopify/Callback.tsx
 import { useContext as useContext50 } from "react";
 import { useMatch as useMatch16 } from "@livechat/developer-studio-ui-react";
-import { jsx as jsx38 } from "react/jsx-runtime";
+import { jsx as jsx39 } from "react/jsx-runtime";
 function ShopifyCallback() {
   const { login } = useContext50(AuthContext);
   const match2 = useMatch16();
@@ -27673,7 +27964,7 @@ function ShopifyCallback() {
   if (!action) {
     throw new Error("Invalid action");
   }
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx39(
     IntegrationCallback_default,
     {
       handler: (output) => shopifyActionHandlers(login)[action](output)
@@ -27683,7 +27974,7 @@ function ShopifyCallback() {
 var Callback_default8 = ShopifyCallback;
 
 // src/views/Settings/Integrations/Shopify/Status.tsx
-import { useCallback as useCallback31, useContext as useContext51, useState as useState45 } from "react";
+import { useCallback as useCallback32, useContext as useContext51, useState as useState45 } from "react";
 import { notificationConnect as notificationConnect3 } from "@livechat/design-system";
 import { Delete as Delete12, ShopifyColored as ShopifyColored3 } from "@livechat/design-system-icons";
 import {
@@ -27706,12 +27997,12 @@ function ShopifyStatus() {
   const credentialsQuery = useFetchShopifyCredentials();
   const removeCredentialMutation = useRemoveIntegrationCredential();
   const [state, setState] = useState45();
-  const refetch = useCallback31(() => {
+  const refetch = useCallback32(() => {
     credentialsQuery.refetch();
   }, [credentialsQuery]);
   const oauthCredential = credentialsQuery.data.internal;
   const otherCredentials = credentialsQuery.data.other;
-  const triggerConnect = useCallback31(
+  const triggerConnect = useCallback32(
     (shop) => {
       triggerShopifyAction(
         {
@@ -27736,14 +28027,14 @@ function ShopifyStatus() {
     },
     [login, refetch, notifications, user]
   );
-  const toggleModal = useCallback31((isVisible) => {
+  const toggleModal = useCallback32((isVisible) => {
     setState((prevState) => __spreadProps(__spreadValues({}, prevState), {
       modal: {
         isVisible
       }
     }));
   }, []);
-  const updateShop = useCallback31((shop) => {
+  const updateShop = useCallback32((shop) => {
     setState(
       (prevState) => {
         var _a2;
@@ -27755,7 +28046,7 @@ function ShopifyStatus() {
       }
     );
   }, []);
-  const submit = useCallback31(() => {
+  const submit = useCallback32(() => {
     var _a2;
     setState(
       (prevState) => {
@@ -27772,7 +28063,7 @@ function ShopifyStatus() {
       triggerConnect(state.modal.shop);
     }
   }, [state == null ? void 0 : state.modal, toggleModal, triggerConnect]);
-  const Connect = useCallback31(
+  const Connect = useCallback32(
     ({ credential }) => {
       if (!credential) {
         return /* @__PURE__ */ jsx7(
@@ -27912,7 +28203,7 @@ import {
   IntegrationNames as IntegrationNames46
 } from "@livechat/developer-studio-api";
 import { useMatch as useMatch17 } from "@livechat/developer-studio-ui-react";
-import { jsx as jsx39 } from "react/jsx-runtime";
+import { jsx as jsx40 } from "react/jsx-runtime";
 function TextAction(props) {
   var _a;
   const { login } = useContext52(AuthContext);
@@ -27921,7 +28212,7 @@ function TextAction(props) {
   if (!action) {
     throw new Error("Invalid action");
   }
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(
     IntegrationAction_default,
     {
       action,
@@ -27964,7 +28255,7 @@ var Action_default9 = TextAction;
 // src/views/Settings/Integrations/Text/Callback.tsx
 import { useContext as useContext53 } from "react";
 import { useMatch as useMatch18 } from "@livechat/developer-studio-ui-react";
-import { jsx as jsx40 } from "react/jsx-runtime";
+import { jsx as jsx41 } from "react/jsx-runtime";
 function TextCallback() {
   const { login } = useContext53(AuthContext);
   const match2 = useMatch18();
@@ -27972,7 +28263,7 @@ function TextCallback() {
   if (!action) {
     throw new Error("Invalid action");
   }
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx41(
     IntegrationCallback_default,
     {
       handler: (output) => textActionHandlers(login)[action](output)
@@ -27982,7 +28273,7 @@ function TextCallback() {
 var Callback_default9 = TextCallback;
 
 // src/views/Settings/Integrations/Text/Status.tsx
-import { useCallback as useCallback32, useContext as useContext54 } from "react";
+import { useCallback as useCallback33, useContext as useContext54 } from "react";
 import { Button as Button47 } from "@livechat/design-system-react-components";
 import {
   IntegrationDisplayNames as IntegrationDisplayNames14
@@ -27992,13 +28283,13 @@ function TextStatus() {
   const { user } = useContext54(UserContext);
   const credentialsQuery = useFetchTextCredentials();
   const isInstalledQuery = useFetchUserInstalledTextIntegration(user);
-  const refetch = useCallback32(() => {
+  const refetch = useCallback33(() => {
     credentialsQuery.refetch();
     isInstalledQuery.refetch();
   }, [credentialsQuery, isInstalledQuery]);
   const authCredential = credentialsQuery.data.internal;
   const otherCredentials = credentialsQuery.data.other;
-  const Connect = useCallback32(
+  const Connect = useCallback33(
     ({ credential }) => /* @__PURE__ */ jsx7(
       Action_default9,
       {
@@ -28069,7 +28360,7 @@ import {
   IntegrationNames as IntegrationNames47
 } from "@livechat/developer-studio-api";
 import { useMatch as useMatch19 } from "@livechat/developer-studio-ui-react";
-import { jsx as jsx41 } from "react/jsx-runtime";
+import { jsx as jsx42 } from "react/jsx-runtime";
 function VercelAction(props) {
   var _a;
   const { login } = useContext55(AuthContext);
@@ -28079,7 +28370,7 @@ function VercelAction(props) {
   if (!action) {
     throw new Error("Invalid action");
   }
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(
     IntegrationAction_default,
     {
       action,
@@ -28163,7 +28454,7 @@ var Action_default10 = VercelAction;
 // src/views/Settings/Integrations/Vercel/Callback.tsx
 import { useContext as useContext56 } from "react";
 import { useMatch as useMatch20 } from "@livechat/developer-studio-ui-react";
-import { jsx as jsx42 } from "react/jsx-runtime";
+import { jsx as jsx43 } from "react/jsx-runtime";
 function VercelCallback() {
   const { login } = useContext56(AuthContext);
   const match2 = useMatch20();
@@ -28172,7 +28463,7 @@ function VercelCallback() {
   if (!action) {
     throw new Error("Invalid action");
   }
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx43(
     IntegrationCallback_default,
     {
       handler: (output) => vercelActionHandlers(login, user.meta.email)[action](
@@ -28184,7 +28475,7 @@ function VercelCallback() {
 var Callback_default10 = VercelCallback;
 
 // src/views/Settings/Integrations/Vercel/Status.tsx
-import { useCallback as useCallback33, useContext as useContext57, useEffect as useEffect26, useState as useState46 } from "react";
+import { useCallback as useCallback34, useContext as useContext57, useEffect as useEffect27, useState as useState46 } from "react";
 import { ChevronDown as ChevronDown6, ChevronUp as ChevronUp4, Delete as Delete13 } from "@livechat/design-system-icons";
 import {
   ActionMenu as ActionMenu9,
@@ -28262,11 +28553,11 @@ function VercelStatus() {
   const amplitudeDeploymentJourney = appDeploymentBlockAmplitudeJourneyFactory(
     user.meta.email
   );
-  const refetch = useCallback33(() => {
+  const refetch = useCallback34(() => {
     credentialsQuery.refetch();
     namespacesQuery.refetch();
   }, [credentialsQuery, namespacesQuery]);
-  useEffect26(() => {
+  useEffect27(() => {
     if (credentialsQuery.isFetching) {
       return;
     }
@@ -28298,7 +28589,7 @@ function VercelStatus() {
     },
     [refetch]
   );
-  const Connect = useCallback33(
+  const Connect = useCallback34(
     ({ credential }) => /* @__PURE__ */ jsx7(
       Action_default10,
       {
@@ -28337,7 +28628,7 @@ function VercelStatus() {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [refetch]
   );
-  const Install = useCallback33(
+  const Install = useCallback34(
     () => {
       var _a2;
       return /* @__PURE__ */ jsx7(
@@ -28515,7 +28806,7 @@ function VercelStatus() {
 var Status_default9 = VercelStatus;
 
 // src/views/Settings/index.tsx
-import { Fragment as Fragment26, jsx as jsx43, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment26, jsx as jsx44, jsxs as jsxs13 } from "react/jsx-runtime";
 function SettingsSubNav() {
   const { pathname } = useLocation11();
   const { userHasAccessToWorkflows } = useUserContext();
@@ -28527,7 +28818,7 @@ function SettingsSubNav() {
       label: "Integrations",
       shouldOpenOnInit: pathname.includes("integrations"),
       children: [
-        /* @__PURE__ */ jsx43(
+        /* @__PURE__ */ jsx44(
           SubNavSection,
           {
             dataCy: `${IntegrationNames50.GitHub}-option`,
@@ -28535,7 +28826,7 @@ function SettingsSubNav() {
             path: "/settings/integrations/github/status"
           }
         ),
-        /* @__PURE__ */ jsx43(
+        /* @__PURE__ */ jsx44(
           SubNavSection,
           {
             dataCy: `${IntegrationNames50.Netlify}-option`,
@@ -28543,7 +28834,7 @@ function SettingsSubNav() {
             path: "/settings/integrations/netlify/status"
           }
         ),
-        /* @__PURE__ */ jsx43(
+        /* @__PURE__ */ jsx44(
           SubNavSection,
           {
             dataCy: `${IntegrationNames50.Vercel}-option`,
@@ -28551,7 +28842,7 @@ function SettingsSubNav() {
             path: "/settings/integrations/vercel/status"
           }
         ),
-        /* @__PURE__ */ jsx43(
+        /* @__PURE__ */ jsx44(
           SubNavSection,
           {
             dataCy: `${IntegrationNames50.Neon}-option`,
@@ -28560,7 +28851,7 @@ function SettingsSubNav() {
           }
         ),
         userHasAccessToWorkflows ? /* @__PURE__ */ jsxs13(Fragment26, { children: [
-          /* @__PURE__ */ jsx43(
+          /* @__PURE__ */ jsx44(
             SubNavSection,
             {
               dataCy: `${IntegrationNames50.Mailchimp}-option`,
@@ -28568,7 +28859,7 @@ function SettingsSubNav() {
               path: "/settings/integrations/mailchimp/status"
             }
           ),
-          /* @__PURE__ */ jsx43(
+          /* @__PURE__ */ jsx44(
             SubNavSection,
             {
               dataCy: `${IntegrationNames50.Shopify}-option`,
@@ -28576,7 +28867,7 @@ function SettingsSubNav() {
               path: "/settings/integrations/shopify/status"
             }
           ),
-          /* @__PURE__ */ jsx43(
+          /* @__PURE__ */ jsx44(
             SubNavSection,
             {
               dataCy: `${IntegrationNames50.HubSpot}-option`,
@@ -28584,7 +28875,7 @@ function SettingsSubNav() {
               path: "/settings/integrations/hubspot/status"
             }
           ),
-          /* @__PURE__ */ jsx43(
+          /* @__PURE__ */ jsx44(
             SubNavSection,
             {
               dataCy: `${IntegrationNames50.BigCommerce}-option`,
@@ -28592,7 +28883,7 @@ function SettingsSubNav() {
               path: "/settings/integrations/bigcommerce/status"
             }
           ),
-          /* @__PURE__ */ jsx43(
+          /* @__PURE__ */ jsx44(
             SubNavSection,
             {
               dataCy: `${IntegrationNames50.Text}-option`,
@@ -28607,165 +28898,165 @@ function SettingsSubNav() {
 }
 function Settings() {
   return /* @__PURE__ */ jsxs13(Routes7, { children: [
-    /* @__PURE__ */ jsx43(
+    /* @__PURE__ */ jsx44(
       Route7,
       {
-        element: /* @__PURE__ */ jsx43(Navigate3, { replace: true, to: "integrations/github/status" }),
+        element: /* @__PURE__ */ jsx44(Navigate3, { replace: true, to: "integrations/github/status" }),
         path: "/"
       }
     ),
-    /* @__PURE__ */ jsx43(Route7, { element: /* @__PURE__ */ jsx43(Status_default2, {}), path: "integrations/github/status" }),
-    /* @__PURE__ */ jsx43(
+    /* @__PURE__ */ jsx44(Route7, { element: /* @__PURE__ */ jsx44(Status_default2, {}), path: "integrations/github/status" }),
+    /* @__PURE__ */ jsx44(
       Route7,
       {
-        element: /* @__PURE__ */ jsx43(Action_default6, {}),
+        element: /* @__PURE__ */ jsx44(Action_default6, {}),
         path: "integrations/github/action/:action/:data?/:context?"
       }
     ),
-    /* @__PURE__ */ jsx43(
+    /* @__PURE__ */ jsx44(
       Route7,
       {
-        element: /* @__PURE__ */ jsx43(Callback_default3, {}),
+        element: /* @__PURE__ */ jsx44(Callback_default3, {}),
         path: "integrations/github/callback/:action"
       }
     ),
-    /* @__PURE__ */ jsx43(Route7, { element: /* @__PURE__ */ jsx43(Status_default6, {}), path: "integrations/netlify/status" }),
-    /* @__PURE__ */ jsx43(
+    /* @__PURE__ */ jsx44(Route7, { element: /* @__PURE__ */ jsx44(Status_default6, {}), path: "integrations/netlify/status" }),
+    /* @__PURE__ */ jsx44(
       Route7,
       {
-        element: /* @__PURE__ */ jsx43(Action_default8, {}),
+        element: /* @__PURE__ */ jsx44(Action_default8, {}),
         path: "integrations/netlify/action/:action/:data?/:context?"
       }
     ),
-    /* @__PURE__ */ jsx43(
+    /* @__PURE__ */ jsx44(
       Route7,
       {
-        element: /* @__PURE__ */ jsx43(Callback_default7, {}),
+        element: /* @__PURE__ */ jsx44(Callback_default7, {}),
         path: "integrations/netlify/callback/:action"
       }
     ),
-    /* @__PURE__ */ jsx43(Route7, { element: /* @__PURE__ */ jsx43(Status_default9, {}), path: "integrations/vercel/status" }),
-    /* @__PURE__ */ jsx43(
+    /* @__PURE__ */ jsx44(Route7, { element: /* @__PURE__ */ jsx44(Status_default9, {}), path: "integrations/vercel/status" }),
+    /* @__PURE__ */ jsx44(
       Route7,
       {
-        element: /* @__PURE__ */ jsx43(Action_default10, {}),
+        element: /* @__PURE__ */ jsx44(Action_default10, {}),
         path: "integrations/vercel/action/:action/:data?/:context?"
       }
     ),
-    /* @__PURE__ */ jsx43(
+    /* @__PURE__ */ jsx44(
       Route7,
       {
-        element: /* @__PURE__ */ jsx43(Callback_default10, {}),
+        element: /* @__PURE__ */ jsx44(Callback_default10, {}),
         path: "integrations/vercel/callback/:action"
       }
     ),
-    /* @__PURE__ */ jsx43(Route7, { element: /* @__PURE__ */ jsx43(Status_default5, {}), path: "integrations/neon/status" }),
-    /* @__PURE__ */ jsx43(
+    /* @__PURE__ */ jsx44(Route7, { element: /* @__PURE__ */ jsx44(Status_default5, {}), path: "integrations/neon/status" }),
+    /* @__PURE__ */ jsx44(
       Route7,
       {
-        element: /* @__PURE__ */ jsx43(Action_default7, {}),
+        element: /* @__PURE__ */ jsx44(Action_default7, {}),
         path: "integrations/neon/action/:action/:data?/:context?"
       }
     ),
-    /* @__PURE__ */ jsx43(
+    /* @__PURE__ */ jsx44(
       Route7,
       {
-        element: /* @__PURE__ */ jsx43(Callback_default6, {}),
+        element: /* @__PURE__ */ jsx44(Callback_default6, {}),
         path: "integrations/neon/callback/:action"
       }
     ),
-    /* @__PURE__ */ jsx43(Route7, { element: /* @__PURE__ */ jsx43(Status_default4, {}), path: "integrations/mailchimp/status" }),
-    /* @__PURE__ */ jsx43(
+    /* @__PURE__ */ jsx44(Route7, { element: /* @__PURE__ */ jsx44(Status_default4, {}), path: "integrations/mailchimp/status" }),
+    /* @__PURE__ */ jsx44(
       Route7,
       {
-        element: /* @__PURE__ */ jsx43(Action_default3, {}),
+        element: /* @__PURE__ */ jsx44(Action_default3, {}),
         path: "integrations/mailchimp/action/:action/:data?/:context?"
       }
     ),
-    /* @__PURE__ */ jsx43(
+    /* @__PURE__ */ jsx44(
       Route7,
       {
-        element: /* @__PURE__ */ jsx43(Callback_default5, {}),
+        element: /* @__PURE__ */ jsx44(Callback_default5, {}),
         path: "integrations/mailchimp/callback/:action"
       }
     ),
-    /* @__PURE__ */ jsx43(Route7, { element: /* @__PURE__ */ jsx43(Status_default7, {}), path: "integrations/shopify/status" }),
-    /* @__PURE__ */ jsx43(
+    /* @__PURE__ */ jsx44(Route7, { element: /* @__PURE__ */ jsx44(Status_default7, {}), path: "integrations/shopify/status" }),
+    /* @__PURE__ */ jsx44(
       Route7,
       {
-        element: /* @__PURE__ */ jsx43(Action_default4, {}),
+        element: /* @__PURE__ */ jsx44(Action_default4, {}),
         path: "integrations/shopify/action/:action/:data?/:context?"
       }
     ),
-    /* @__PURE__ */ jsx43(
+    /* @__PURE__ */ jsx44(
       Route7,
       {
-        element: /* @__PURE__ */ jsx43(Callback_default8, {}),
+        element: /* @__PURE__ */ jsx44(Callback_default8, {}),
         path: "integrations/shopify/callback/:action"
       }
     ),
-    /* @__PURE__ */ jsx43(Route7, { element: /* @__PURE__ */ jsx43(Status_default3, {}), path: "integrations/hubspot/status" }),
-    /* @__PURE__ */ jsx43(
+    /* @__PURE__ */ jsx44(Route7, { element: /* @__PURE__ */ jsx44(Status_default3, {}), path: "integrations/hubspot/status" }),
+    /* @__PURE__ */ jsx44(
       Route7,
       {
-        element: /* @__PURE__ */ jsx43(Action_default2, {}),
+        element: /* @__PURE__ */ jsx44(Action_default2, {}),
         path: "integrations/hubspot/action/:action/:data?/:context?"
       }
     ),
-    /* @__PURE__ */ jsx43(
+    /* @__PURE__ */ jsx44(
       Route7,
       {
-        element: /* @__PURE__ */ jsx43(Callback_default4, {}),
+        element: /* @__PURE__ */ jsx44(Callback_default4, {}),
         path: "integrations/hubspot/callback/:action"
       }
     ),
-    /* @__PURE__ */ jsx43(
+    /* @__PURE__ */ jsx44(
       Route7,
       {
-        element: /* @__PURE__ */ jsx43(Status_default, {}),
+        element: /* @__PURE__ */ jsx44(Status_default, {}),
         path: "integrations/bigcommerce/status"
       }
     ),
-    /* @__PURE__ */ jsx43(
+    /* @__PURE__ */ jsx44(
       Route7,
       {
-        element: /* @__PURE__ */ jsx43(Action_default, {}),
+        element: /* @__PURE__ */ jsx44(Action_default, {}),
         path: "integrations/bigcommerce/action/:action/:data?/:context?"
       }
     ),
-    /* @__PURE__ */ jsx43(
+    /* @__PURE__ */ jsx44(
       Route7,
       {
-        element: /* @__PURE__ */ jsx43(Callback_default2, {}),
+        element: /* @__PURE__ */ jsx44(Callback_default2, {}),
         path: "integrations/bigcommerce/callback/:action"
       }
     ),
-    /* @__PURE__ */ jsx43(Route7, { element: /* @__PURE__ */ jsx43(Status_default8, {}), path: "integrations/text/status" }),
-    /* @__PURE__ */ jsx43(
+    /* @__PURE__ */ jsx44(Route7, { element: /* @__PURE__ */ jsx44(Status_default8, {}), path: "integrations/text/status" }),
+    /* @__PURE__ */ jsx44(
       Route7,
       {
-        element: /* @__PURE__ */ jsx43(Action_default9, {}),
+        element: /* @__PURE__ */ jsx44(Action_default9, {}),
         path: "integrations/text/action/:action/:data?/:context?"
       }
     ),
-    /* @__PURE__ */ jsx43(
+    /* @__PURE__ */ jsx44(
       Route7,
       {
-        element: /* @__PURE__ */ jsx43(Callback_default9, {}),
+        element: /* @__PURE__ */ jsx44(Callback_default9, {}),
         path: "integrations/text/callback/:action"
       }
     ),
-    /* @__PURE__ */ jsx43(
+    /* @__PURE__ */ jsx44(
       Route7,
       {
-        element: /* @__PURE__ */ jsx43(Action_default5, {}),
+        element: /* @__PURE__ */ jsx44(Action_default5, {}),
         path: "integrations/accounts/action/:action/:data?"
       }
     ),
-    /* @__PURE__ */ jsx43(
+    /* @__PURE__ */ jsx44(
       Route7,
       {
-        element: /* @__PURE__ */ jsx43(Callback_default, {}),
+        element: /* @__PURE__ */ jsx44(Callback_default, {}),
         path: "integrations/accounts/callback/:action"
       }
     )