@livechat/platform-workflows 0.0.19 → 0.0.20

package/dist/index.mjs

@@ -490,7 +490,6 @@ function getWorkflowsConfig() {
     githubOauthClientId: isProd ? "ebbb08fa2c26d3e7911d" : "bcffd61bd0edd23bca45",
     hubpotClientId: isProd ? "0ea9fd9a-711f-46c5-b2d3-2eded08c9e4e" : "9364c554-2d76-4bd8-afe0-a376779391fb",
     mailchimpClientId: isProd ? "422176034316" : "909176593632",
-    neonClientId: isProd ? "textdotcom" : "textdotcom",
     netlifyClientId: isProd ? "qUoHYb2DdVwKxot9Gc7URTdsZQYHYaumykjkv5K3_Mw" : "vDmNXNN9rTkZJtCwOHot2IKOherrm8t7gGA5kStotlo",
     shopifyClientId: isProd ? "8eea1c48bad9a2172515036a332ee612" : "406be223b8445696dfe64d86c17eb3ed",
     vercelClientId: isProd ? "oac_0nV7q5jDmCQKqpwEdGljaaLp" : "oac_bgwv72AO8fJWj8I9qIROY7wI",
@@ -516,7 +515,6 @@ import {
   updateGithubClient,
   updateHubspotClient,
   updateMailchimpClient,
-  updateNeonClient,
   updateNetlifyClient,
   updatePlatformAdapterClient,
   updateShopifyClient,
@@ -540,10 +538,6 @@ function AuthProvider({ children }) {
           raw: {},
           data: {}
         },
-        neon: {
-          raw: {},
-          data: {}
-        },
         mailchimp: {
           raw: {},
           data: {}
@@ -591,12 +585,6 @@ function AuthProvider({ children }) {
         },
         data: {}
       },
-      neon: {
-        raw: {
-          token: JSON.parse(localStorage.getItem("neon.token") || '""')
-        },
-        data: {}
-      },
       mailchimp: {
         raw: {
           token: JSON.parse(localStorage.getItem("mailchimp.token") || '""'),
@@ -690,22 +678,6 @@ function AuthProvider({ children }) {
         }));
         break;
       }
-      case IntegrationNames.Neon: {
-        localStorage.setItem(`neon.token`, JSON.stringify(data.token));
-        updateNeonClient(data.token);
-        updatePlatformAdapterClient({
-          neon: data
-        });
-        setState((prevState) => __spreadProps(__spreadValues({}, prevState), {
-          neon: __spreadProps(__spreadValues({}, prevState.neon), {
-            raw: data,
-            data: {
-              isAuthorized: Boolean(data.token)
-            }
-          })
-        }));
-        break;
-      }
       case IntegrationNames.Mailchimp: {
         localStorage.setItem(`mailchimp.token`, JSON.stringify(data.token));
         localStorage.setItem(`mailchimp.server`, JSON.stringify(data.server));
@@ -826,17 +798,6 @@ function AuthProvider({ children }) {
         }));
         break;
       }
-      case IntegrationNames.Neon: {
-        localStorage.removeItem(`neon.token`);
-        setState((prevState) => __spreadProps(__spreadValues({}, prevState), {
-          neon: __spreadProps(__spreadValues({}, prevState.neon), {
-            raw: __spreadProps(__spreadValues({}, prevState.neon.raw), {
-              token: void 0
-            })
-          })
-        }));
-        break;
-      }
       case IntegrationNames.Mailchimp: {
         localStorage.removeItem(`mailchimp.token`);
         localStorage.removeItem(`mailchimp.server`);
@@ -912,9 +873,6 @@ function AuthProvider({ children }) {
     if (state.vercel.raw.token) {
       updateVercelClient(state.vercel.raw.token);
     }
-    if (state.neon.raw.token) {
-      updateNeonClient(state.neon.raw.token);
-    }
     if (state.mailchimp.raw.token) {
       updateMailchimpClient(state.mailchimp.raw.token);
     }
@@ -934,7 +892,6 @@ function AuthProvider({ children }) {
       github: state.github.raw,
       netlify: state.netlify.raw,
       vercel: state.vercel.raw,
-      neon: state.neon.raw,
       mailchimp: state.mailchimp.raw,
       shopify: state.shopify.raw,
       hubspot: state.hubspot.raw,
@@ -957,11 +914,6 @@ function AuthProvider({ children }) {
           isAuthorized: Boolean(prevState.vercel.raw.token)
         })
       }),
-      neon: __spreadProps(__spreadValues({}, prevState.neon), {
-        data: __spreadProps(__spreadValues({}, prevState.neon.data), {
-          isAuthorized: Boolean(prevState.neon.raw.token)
-        })
-      }),
       mailchimp: __spreadProps(__spreadValues({}, prevState.mailchimp), {
         data: __spreadProps(__spreadValues({}, prevState.mailchimp.data), {
           isAuthorized: Boolean(prevState.mailchimp.raw.token) && Boolean(prevState.mailchimp.raw.server)
@@ -992,7 +944,6 @@ function AuthProvider({ children }) {
     state.github.raw,
     state.netlify.raw,
     state.vercel.raw,
-    state.neon.raw,
     state.mailchimp.raw,
     state.shopify.raw,
     state.hubspot.raw,
@@ -1127,7 +1078,6 @@ function getWorkflowsConfig2() {
     githubOauthClientId: isProd ? "ebbb08fa2c26d3e7911d" : "bcffd61bd0edd23bca45",
     hubpotClientId: isProd ? "0ea9fd9a-711f-46c5-b2d3-2eded08c9e4e" : "9364c554-2d76-4bd8-afe0-a376779391fb",
     mailchimpClientId: isProd ? "422176034316" : "909176593632",
-    neonClientId: isProd ? "textdotcom" : "textdotcom",
     netlifyClientId: isProd ? "qUoHYb2DdVwKxot9Gc7URTdsZQYHYaumykjkv5K3_Mw" : "vDmNXNN9rTkZJtCwOHot2IKOherrm8t7gGA5kStotlo",
     shopifyClientId: isProd ? "8eea1c48bad9a2172515036a332ee612" : "406be223b8445696dfe64d86c17eb3ed",
     vercelClientId: isProd ? "oac_0nV7q5jDmCQKqpwEdGljaaLp" : "oac_bgwv72AO8fJWj8I9qIROY7wI",
@@ -25537,11 +25487,6 @@ import {
   useRootContext as useRootContext16,
   View as View3
 } from "@livechat/developer-studio-ui-react";
-
-// src/assets/flows/workflows-presentation.png
-var workflows_presentation_default = "./workflows-presentation-EFFOQNV2.png";
-
-// src/views/Flows/Waitlist/index.tsx
 var config13 = getWorkflowsConfig2();
 var infoCss = css`
   display: flex;
@@ -25552,12 +25497,22 @@ var infoCss = css`
   }
 `;
 var imgContainerCss = css`
-  width: 100%;
+  position: relative;
   display: flex;
   justify-content: center;
   margin-top: var(${SpacingToken50.Spacing10});
+
+  img {
+    height: auto;
+    max-width: 100%;
+    margin-bottom: var(${SpacingToken50.Spacing10});
+
+    @media (min-width: 1080px) {
+      margin-bottom: 0;
+    }
+  }
 `;
-var Waitlist = () => {
+function Waitlist({ image }) {
   const {
     userData: { user, isLoading }
   } = useRootContext16();
@@ -25572,52 +25527,52 @@ var Waitlist = () => {
     return /* @__PURE__ */ jsx4(Loader11, { stretch: true });
   }
   return /* @__PURE__ */ jsxs2(View3, { children: [
-    /* @__PURE__ */ jsx4(Row25, { topMargin: true, verticalCenter: true, noMaxWidth: true, children: /* @__PURE__ */ jsx4(Column18, { center: true, children: /* @__PURE__ */ jsx4(
+    /* @__PURE__ */ jsx4(Row25, { noMaxWidth: true, topMargin: true, verticalCenter: true, children: /* @__PURE__ */ jsx4(Column18, { center: true, children: /* @__PURE__ */ jsx4(
       Intro5,
       {
+        body: "No-code setup to streamline tasks you would otherwise do manually",
+        center: true,
         header: /* @__PURE__ */ jsx4(Column18, { notPadded: true, stretch: true, width: 4, children: /* @__PURE__ */ jsx4(
           Row25,
           {
-            notPadded: true,
-            verticalCenter: true,
             center: true,
             gap: `var(${SpacingToken50.Spacing2})`,
+            notPadded: true,
+            verticalCenter: true,
             children: "Connect all of your tools and fully automate manual, routine tasks."
           }
         ) }),
-        body: "No-code setup to streamline tasks you would otherwise do manually",
-        center: true,
         noMaxWidth: true
       }
     ) }) }),
-    /* @__PURE__ */ jsxs2(Row25, { verticalCenter: true, gap: 8, topMargin: true, noMaxWidth: true, children: [
+    /* @__PURE__ */ jsxs2(Row25, { gap: 8, noMaxWidth: true, topMargin: true, verticalCenter: true, children: [
       /* @__PURE__ */ jsx4(
         Button39,
         {
-          kind: "high-contrast",
-          href: config13.platformUrl + "/workflows#join",
           css: css`
             &:hover {
               color: var(${DesignToken50.ContentInvertPrimary});
             }
           `,
-          target: "_blank",
+          href: `${config13.platformUrl}/workflows#join`,
+          kind: "high-contrast",
           rel: "noopener noreferrer",
+          target: "_blank",
           children: "Join waitlist"
         }
       ),
       /* @__PURE__ */ jsx4(
         Button39,
         {
+          href: `${config13.platformUrl}/workflows`,
           kind: "plain",
-          href: config13.platformUrl + "/workflows",
-          target: "_blank",
           rel: "noopener noreferrer",
+          target: "_blank",
           children: "Learn more"
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs2(Row25, { verticalCenter: true, gap: 8, topMargin: true, lowMargin: true, noMaxWidth: true, children: [
+    /* @__PURE__ */ jsxs2(Row25, { gap: 8, lowMargin: true, noMaxWidth: true, topMargin: true, verticalCenter: true, children: [
       /* @__PURE__ */ jsxs2(Text29, { css: infoCss, size: "lg", children: [
         /* @__PURE__ */ jsx4(Icon45, { source: CheckCircle8 }),
         "integrated with popular platforms"
@@ -25631,39 +25586,29 @@ var Waitlist = () => {
         "build with ready-made blocks"
       ] })
     ] }),
-    /* @__PURE__ */ jsx4(Row25, { center: true, verticalCenter: true, noMaxWidth: true, children: /* @__PURE__ */ jsx4(Column18, { width: 5, center: true, children: /* @__PURE__ */ jsx4("div", { css: imgContainerCss, children: /* @__PURE__ */ jsx4(
-      "img",
-      {
-        alt: "waitlist",
-        src: workflows_presentation_default,
-        css: css`
-                height: 460px;
-                margin-bottom: var(${SpacingToken50.Spacing7});
-              `
-      }
-    ) }) }) })
+    /* @__PURE__ */ jsx4(Row25, { center: true, noMaxWidth: true, verticalCenter: true, children: /* @__PURE__ */ jsx4(Column18, { center: true, width: 5, children: /* @__PURE__ */ jsx4("div", { css: imgContainerCss, children: image }) }) })
   ] });
-};
+}
 var Waitlist_default = Waitlist;
 
 // src/views/Flows/index.tsx
 import { jsx as jsx24, jsxs as jsxs12 } from "react/jsx-runtime";
-var Flows = () => {
+function Flows({ waitlistImage }) {
   return /* @__PURE__ */ jsxs12(Routes6, { children: [
-    /* @__PURE__ */ jsx24(Route6, { path: "*", element: /* @__PURE__ */ jsx24(Definitions_default, {}) }),
-    /* @__PURE__ */ jsx24(Route6, { path: "/waitlist", element: /* @__PURE__ */ jsx24(Waitlist_default, {}) })
+    /* @__PURE__ */ jsx24(Route6, { element: /* @__PURE__ */ jsx24(Definitions_default, {}), path: "*" }),
+    /* @__PURE__ */ jsx24(Route6, { element: /* @__PURE__ */ jsx24(Waitlist_default, { image: waitlistImage }), path: "/waitlist" })
   ] });
-};
+}
 var Flows_default = Flows;
 
 // src/views/Settings/index.tsx
-import { Navigate as Navigate13, Route as Route18, Routes as Routes18 } from "react-router-dom";
+import { Navigate as Navigate12, Route as Route17, Routes as Routes17 } from "react-router-dom";
 
 // src/views/Settings/Integrations/index.tsx
 import {
-  Navigate as Navigate12,
-  Route as Route17,
-  Routes as Routes17,
+  Navigate as Navigate11,
+  Route as Route16,
+  Routes as Routes16,
   useLocation as useLocation12,
   useNavigate as useNavigate22
 } from "react-router-dom";
@@ -25672,8 +25617,8 @@ import {
   SideNavigationItem
 } from "@livechat/design-system-react-components";
 import {
-  IntegrationDisplayNames as IntegrationDisplayNames16,
-  IntegrationNames as IntegrationNames49
+  IntegrationDisplayNames as IntegrationDisplayNames15,
+  IntegrationNames as IntegrationNames44
 } from "@livechat/developer-studio-api";
 import { useRootContext as useRootContext29 } from "@livechat/developer-studio-ui-react";
 
@@ -27057,257 +27002,17 @@ var MailchimpIntegration = () => {
 };
 var Mailchimp_default2 = MailchimpIntegration;
 
-// src/views/Settings/Integrations/Neon/index.tsx
+// src/views/Settings/Integrations/Netlify/index.tsx
 import { Navigate as Navigate7, Route as Route12, Routes as Routes12 } from "react-router-dom";
 
-// src/views/Settings/Integrations/Neon/Action.tsx
+// src/views/Settings/Integrations/Netlify/Action.tsx
 import { useContext as useContext30 } from "react";
 import {
   IntegrationModes as IntegrationModes8,
   IntegrationNames as IntegrationNames36
 } from "@livechat/developer-studio-api";
-import { useMatch as useMatch12 } from "@livechat/developer-studio-ui-react";
-import { jsx as jsx36 } from "react/jsx-runtime";
-var NeonAction = (props) => {
-  var _a;
-  const { login } = useContext30(AuthContext);
-  const match2 = useMatch12();
-  const action = (_a = props.action) != null ? _a : match2.params.action;
-  if (!action) {
-    throw new Error("Invalid action");
-  }
-  return /* @__PURE__ */ jsx36(
-    IntegrationAction_default,
-    {
-      name: IntegrationNames36.Neon,
-      action,
-      data: props.data,
-      context: props.context,
-      serializedData: match2.params.data,
-      serializedContext: match2.params.context,
-      executor: props.executor,
-      trigger: {
-        mode: IntegrationModes8.Modal,
-        handler: (output) => {
-          var _a2;
-          return neonActionHandlers(login, (_a2 = props.data) == null ? void 0 : _a2.setIsActionLoading)[action](output);
-        }
-      },
-      onSuccess: props.onSuccess
-    }
-  );
-};
-var neonActionHandlers = (login, setIsActionLoading) => {
-  const handlers = {
-    authorize: (output) => {
-      setIsActionLoading == null ? void 0 : setIsActionLoading(false);
-      if (output.status === "success" && output.result.token) {
-        login({
-          source: IntegrationNames36.Neon,
-          data: { token: output.result.token }
-        });
-        return {
-          isValid: true,
-          result: output.result
-        };
-      }
-      return {
-        isValid: false
-      };
-    }
-  };
-  return handlers;
-};
-var Action_default7 = NeonAction;
-
-// src/views/Settings/Integrations/Neon/Callback.tsx
-import { useContext as useContext31 } from "react";
-import { useMatch as useMatch13 } from "@livechat/developer-studio-ui-react";
-import { jsx as jsx37 } from "react/jsx-runtime";
-var NeonCallback = () => {
-  const { login } = useContext31(AuthContext);
-  const match2 = useMatch13();
-  const action = match2.params.action;
-  if (!action) {
-    throw new Error("Invalid action");
-  }
-  return /* @__PURE__ */ jsx37(
-    IntegrationCallback_default,
-    {
-      handler: (output) => neonActionHandlers(login)[action](output)
-    }
-  );
-};
-var Callback_default6 = NeonCallback;
-
-// src/views/Settings/Integrations/Neon/Status.tsx
-import { useCallback as useCallback31 } from "react";
-import { Delete as Delete10 } from "@livechat/design-system-icons";
-import { Button as Button45, Icon as Icon51 } from "@livechat/design-system-react-components";
-import {
-  IntegrationDisplayNames as IntegrationDisplayNames11
-} from "@livechat/developer-studio-api";
-import { Neon as NeonIcon } from "@livechat/developer-studio-ui-react";
-
-// src/hooks/integrations/neon/credentials.ts
-import {
-  IntegrationNames as IntegrationNames37
-} from "@livechat/developer-studio-api";
-var useFetchNeonCredentials = () => {
-  var _a, _b;
-  const credentialsQuery = useFetchIntegrationCredentialsQuery(
-    IntegrationNames37.Neon
-  );
-  const oauthCredential = (_a = credentialsQuery.data) == null ? void 0 : _a.find(
-    (credential) => credential.type === "oauth2" && credential.data.client_id === getWorkflowEnv("neonClientId")
-  );
-  const otherCredentials = (_b = credentialsQuery.data) == null ? void 0 : _b.filter(
-    (credential) => credential !== oauthCredential
-  );
-  return __spreadProps(__spreadValues({}, credentialsQuery), {
-    data: {
-      internal: oauthCredential,
-      other: otherCredentials
-    }
-  });
-};
-
-// src/hooks/integrations/neon/databases.ts
-import { useContext as useContext32 } from "react";
-import { useQuery as useQuery7 } from "@tanstack/react-query";
-import {
-  api as api8,
-  IntegrationNames as IntegrationNames38,
-  UnauthorizeApiError as UnauthorizeApiError4
-} from "@livechat/developer-studio-api";
-
-// src/hooks/integrations/neon/projects.ts
-import { useContext as useContext33 } from "react";
-import { useQuery as useQuery8 } from "@tanstack/react-query";
-import {
-  api as api9,
-  IntegrationNames as IntegrationNames39,
-  UnauthorizeApiError as UnauthorizeApiError5
-} from "@livechat/developer-studio-api";
-
-// src/hooks/integrations/neon/user.ts
-import { useContext as useContext34 } from "react";
-import { useQuery as useQuery9 } from "@tanstack/react-query";
 import {
-  api as api10,
-  IntegrationNames as IntegrationNames40,
-  UnauthorizeApiError as UnauthorizeApiError6
-} from "@livechat/developer-studio-api";
-
-// src/views/Settings/Integrations/Neon/Status.tsx
-var NeonStatus = () => {
-  const credentialsQuery = useFetchNeonCredentials();
-  const removeCredentialMutation = useRemoveIntegrationCredential();
-  const refetch = useCallback31(() => {
-    credentialsQuery.refetch();
-  }, [credentialsQuery]);
-  const oauthCredential = credentialsQuery.data.internal;
-  const otherCredentials = credentialsQuery.data.other;
-  const Connect = useCallback31(
-    ({ credential }) => /* @__PURE__ */ jsx4(
-      Action_default7,
-      {
-        action: "authorize",
-        executor: {
-          type: "manual",
-          render: (confirm) => /* @__PURE__ */ jsx4(
-            Button45,
-            {
-              kind: (credential == null ? void 0 : credential.data.connected) ? "secondary" : "primary",
-              onClick: confirm,
-              iconPosition: "right",
-              "data-cy": "neon-connect-button",
-              children: (credential == null ? void 0 : credential.data.connected) ? "Reconnect" : "Connect"
-            }
-          )
-        },
-        data: {
-          redirectTo: {
-            success: "/settings/integrations/neon/status"
-          }
-        },
-        context: {
-          credentialId: credential == null ? void 0 : credential.name
-        },
-        onSuccess: refetch
-      }
-    ),
-    [refetch]
-  );
-  return /* @__PURE__ */ jsxs2(
-    IntegrationStatus_default,
-    {
-      title: IntegrationDisplayNames11.Neon,
-      subtitle: `${IntegrationDisplayNames11.Neon} integration`,
-      header: `${IntegrationDisplayNames11.Neon} integration`,
-      description: "Integrate Developer Console with Neon to enjoy simplified web development with a platform for storing your apps data. Experience faster, scalable, and more secure workflow.",
-      icon: /* @__PURE__ */ jsx4(NeonIcon, {}),
-      dataCy: "neon-integration-component",
-      children: [
-        /* @__PURE__ */ jsx4(
-          IntegrationStatusRow,
-          {
-            title: "Text Platform | Developer Console",
-            isConnected: Boolean(oauthCredential == null ? void 0 : oauthCredential.data.connected),
-            isLoading: credentialsQuery.isFetching,
-            icon: /* @__PURE__ */ jsx4(NeonIcon, {}),
-            action: !credentialsQuery.isFetching ? /* @__PURE__ */ jsx4(Connect, { credential: oauthCredential }) : void 0,
-            status: !credentialsQuery.isFetching && (oauthCredential == null ? void 0 : oauthCredential.name) ? /* @__PURE__ */ jsx4(
-              Button45,
-              {
-                size: "xcompact",
-                icon: /* @__PURE__ */ jsx4(Icon51, { source: Delete10, size: "small" }),
-                onClick: () => {
-                  if (oauthCredential.name) {
-                    removeCredentialMutation.mutateAsync(oauthCredential);
-                  }
-                },
-                kind: "plain"
-              }
-            ) : void 0
-          }
-        ),
-        !credentialsQuery.isFetching && (otherCredentials == null ? void 0 : otherCredentials.length) ? /* @__PURE__ */ jsx4(
-          IntegrationStatusCredentials,
-          {
-            credentials: otherCredentials.filter(Boolean),
-            trigger: Connect
-          }
-        ) : void 0
-      ]
-    }
-  );
-};
-var Status_default5 = NeonStatus;
-
-// src/views/Settings/Integrations/Neon/index.tsx
-import { jsx as jsx38, jsxs as jsxs18 } from "react/jsx-runtime";
-var NeonIntegration = () => {
-  return /* @__PURE__ */ jsxs18(Routes12, { children: [
-    /* @__PURE__ */ jsx38(Route12, { path: "/", element: /* @__PURE__ */ jsx38(Navigate7, { to: "status", replace: true }) }),
-    /* @__PURE__ */ jsx38(Route12, { path: "/status", element: /* @__PURE__ */ jsx38(Status_default5, {}) }),
-    /* @__PURE__ */ jsx38(Route12, { path: "/action/:action/:data?/:context?", element: /* @__PURE__ */ jsx38(Action_default7, {}) }),
-    /* @__PURE__ */ jsx38(Route12, { path: "/callback/:action", element: /* @__PURE__ */ jsx38(Callback_default6, {}) })
-  ] });
-};
-var Neon_default = NeonIntegration;
-
-// src/views/Settings/Integrations/Netlify/index.tsx
-import { Navigate as Navigate8, Route as Route13, Routes as Routes13 } from "react-router-dom";
-
-// src/views/Settings/Integrations/Netlify/Action.tsx
-import { useContext as useContext35 } from "react";
-import {
-  IntegrationModes as IntegrationModes9,
-  IntegrationNames as IntegrationNames41
-} from "@livechat/developer-studio-api";
-import {
-  useMatch as useMatch14,
+  useMatch as useMatch12,
   useRootContext as useRootContext21
 } from "@livechat/developer-studio-ui-react";
 
@@ -27425,11 +27130,11 @@ var appDeploymentBlockAmplitudeJourneyFactory = (email) => ({
 });
 
 // src/views/Settings/Integrations/Netlify/Action.tsx
-import { jsx as jsx39 } from "react/jsx-runtime";
+import { jsx as jsx36 } from "react/jsx-runtime";
 var NetlifyAction = (props) => {
   var _a;
-  const { login } = useContext35(AuthContext);
-  const match2 = useMatch14();
+  const { login } = useContext30(AuthContext);
+  const match2 = useMatch12();
   const {
     userData: { user }
   } = useRootContext21();
@@ -27437,10 +27142,10 @@ var NetlifyAction = (props) => {
   if (!action) {
     throw new Error("Invalid action");
   }
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx36(
     IntegrationAction_default,
     {
-      name: IntegrationNames41.Netlify,
+      name: IntegrationNames36.Netlify,
       action,
       data: props.data,
       context: props.context,
@@ -27448,7 +27153,7 @@ var NetlifyAction = (props) => {
       serializedContext: match2.params.context,
       executor: props.executor,
       trigger: {
-        mode: IntegrationModes9.Modal,
+        mode: IntegrationModes8.Modal,
         handler: (output) => netlifyActionHandlers(login, user == null ? void 0 : user.meta.email)[action](output)
       },
       onSuccess: props.onSuccess
@@ -27458,9 +27163,9 @@ var NetlifyAction = (props) => {
 function triggerNetlifyAction(props, meta) {
   return executeIntegrationAction(
     __spreadProps(__spreadValues({}, props), {
-      name: IntegrationNames41.Netlify,
+      name: IntegrationNames36.Netlify,
       trigger: {
-        mode: IntegrationModes9.Modal,
+        mode: IntegrationModes8.Modal,
         handler: (output) => netlifyActionHandlers(
           meta.login,
           meta.user.meta.email
@@ -27476,10 +27181,10 @@ var netlifyActionHandlers = (login, email) => {
     authorize: (output) => {
       if (output.status === "success" && output.result.token) {
         amplitudeDeploymentJourney.app.deployment.actions.authorize.success(
-          IntegrationNames41.Netlify
+          IntegrationNames36.Netlify
         );
         login({
-          source: IntegrationNames41.Netlify,
+          source: IntegrationNames36.Netlify,
           data: { token: output.result.token }
         });
         return {
@@ -27500,7 +27205,7 @@ var netlifyActionHandlers = (login, email) => {
     install: (output) => {
       if (output.status === "success" && output.result.installationId) {
         amplitudeDeploymentJourney.app.deployment.actions.install.success(
-          IntegrationNames41.Netlify
+          IntegrationNames36.Netlify
         );
         return {
           isValid: true,
@@ -27515,15 +27220,15 @@ var netlifyActionHandlers = (login, email) => {
   };
   return handlers;
 };
-var Action_default8 = NetlifyAction;
+var Action_default7 = NetlifyAction;
 
 // src/views/Settings/Integrations/Netlify/Callback.tsx
-import { useContext as useContext36 } from "react";
-import { useMatch as useMatch15, useRootContext as useRootContext22 } from "@livechat/developer-studio-ui-react";
-import { jsx as jsx40 } from "react/jsx-runtime";
+import { useContext as useContext31 } from "react";
+import { useMatch as useMatch13, useRootContext as useRootContext22 } from "@livechat/developer-studio-ui-react";
+import { jsx as jsx37 } from "react/jsx-runtime";
 var NetlifyCallback = () => {
-  const match2 = useMatch15();
-  const { login } = useContext36(AuthContext);
+  const match2 = useMatch13();
+  const { login } = useContext31(AuthContext);
   const action = match2.params.action;
   const {
     userData: { user }
@@ -27531,28 +27236,28 @@ var NetlifyCallback = () => {
   if (!action) {
     throw new Error("Invalid action");
   }
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx37(
     IntegrationCallback_default,
     {
       handler: (output) => netlifyActionHandlers(login, user == null ? void 0 : user.meta.email)[action](output)
     }
   );
 };
-var Callback_default7 = NetlifyCallback;
+var Callback_default6 = NetlifyCallback;
 
 // src/views/Settings/Integrations/Netlify/Status.tsx
-import { Fragment as Fragment42, useCallback as useCallback32, useContext as useContext38, useEffect as useEffect25, useState as useState42 } from "react";
-import { ChevronDown as ChevronDown5, ChevronUp as ChevronUp3, Delete as Delete11 } from "@livechat/design-system-icons";
+import { Fragment as Fragment42, useCallback as useCallback31, useContext as useContext33, useEffect as useEffect25, useState as useState42 } from "react";
+import { ChevronDown as ChevronDown5, ChevronUp as ChevronUp3, Delete as Delete10 } from "@livechat/design-system-icons";
 import {
   ActionMenu as ActionMenu8,
-  Button as Button46,
+  Button as Button45,
   DesignToken as DesignToken54,
-  Icon as Icon52,
+  Icon as Icon51,
   SpacingToken as SpacingToken55
 } from "@livechat/design-system-react-components";
 import {
-  IntegrationDisplayNames as IntegrationDisplayNames12,
-  IntegrationNames as IntegrationNames44
+  IntegrationDisplayNames as IntegrationDisplayNames11,
+  IntegrationNames as IntegrationNames39
 } from "@livechat/developer-studio-api";
 import {
   Netlify as NetlifyIcon,
@@ -27563,12 +27268,12 @@ import {
 
 // src/hooks/integrations/netlify/credentials.ts
 import {
-  IntegrationNames as IntegrationNames42
+  IntegrationNames as IntegrationNames37
 } from "@livechat/developer-studio-api";
 var useFetchNetlifyCredentials = () => {
   var _a, _b;
   const credentialsQuery = useFetchIntegrationCredentialsQuery(
-    IntegrationNames42.Netlify
+    IntegrationNames37.Netlify
   );
   const oauthCredential = (_a = credentialsQuery.data) == null ? void 0 : _a.find(
     (credential) => credential.type === "oauth2" && credential.data.client_id === getWorkflowEnv("netlifyClientId")
@@ -27585,26 +27290,26 @@ var useFetchNetlifyCredentials = () => {
 };
 
 // src/hooks/integrations/netlify/site.ts
-import { useContext as useContext37 } from "react";
-import { useQuery as useQuery10 } from "@tanstack/react-query";
+import { useContext as useContext32 } from "react";
+import { useQuery as useQuery7 } from "@tanstack/react-query";
 import {
-  api as api11,
-  IntegrationNames as IntegrationNames43,
-  UnauthorizeApiError as UnauthorizeApiError7
+  api as api8,
+  IntegrationNames as IntegrationNames38,
+  UnauthorizeApiError as UnauthorizeApiError4
 } from "@livechat/developer-studio-api";
 var netlifyDeploymentQueryKeys = {
   getSites: ["netlify.getSites"]
 };
 var useFetchNetlifySitesQuery = (isAuthorized) => {
-  const { logout } = useContext37(AuthContext);
-  return useQuery10(
+  const { logout } = useContext32(AuthContext);
+  return useQuery7(
     netlifyDeploymentQueryKeys.getSites,
-    () => api11.integrations.netlify.site.getSites(),
+    () => api8.integrations.netlify.site.getSites(),
     {
       retry: false,
       onError: (error) => {
-        if (error instanceof UnauthorizeApiError7) {
-          logout(IntegrationNames43.Netlify);
+        if (error instanceof UnauthorizeApiError4) {
+          logout(IntegrationNames38.Netlify);
         }
       },
       enabled: isAuthorized
@@ -27615,12 +27320,12 @@ var useFetchNetlifySitesQuery = (isAuthorized) => {
 // src/hooks/state/user/integrations/netlify.ts
 import { useMutation as useMutation5, useQueryClient as useQueryClient10 } from "@tanstack/react-query";
 import {
-  api as api12
+  api as api9
 } from "@livechat/developer-studio-api";
 var useUpdateUserNetlifyIntegrationQuery = () => {
   const queryClient = useQueryClient10();
   const { mutateAsync: updateUserNetlifyIntegration, isLoading } = useMutation5(
-    (userNetlifyIntegration) => api12.platform.dps.user.updateUserNetlifyIntegration(
+    (userNetlifyIntegration) => api9.platform.dps.user.updateUserNetlifyIntegration(
       userNetlifyIntegration
     ),
     {
@@ -27660,7 +27365,7 @@ var NetlifyStatus = () => {
   const {
     userData: { user }
   } = useRootContext23();
-  const { state, login } = useContext38(AuthContext);
+  const { state, login } = useContext33(AuthContext);
   const { context: notifications } = useNotifications13();
   const userIntegrationsQuery = useFetchUserIntegrationsQuery();
   const removeCredentialMutation = useRemoveIntegrationCredential();
@@ -27671,7 +27376,7 @@ var NetlifyStatus = () => {
   const amplitudeDeploymentJourney = appDeploymentBlockAmplitudeJourneyFactory(
     user == null ? void 0 : user.meta.email
   );
-  const refetch = useCallback32(() => {
+  const refetch = useCallback31(() => {
     credentialsQuery.refetch();
     userIntegrationsQuery.refetch();
     sitesQuery.refetch();
@@ -27690,7 +27395,7 @@ var NetlifyStatus = () => {
     }
     if (!(oauthCredential == null ? void 0 : oauthCredential.data.connected)) {
       amplitudeDeploymentJourney.app.deployment.actions.authorize.requested(
-        IntegrationNames44.Netlify
+        IntegrationNames39.Netlify
       );
       return;
     }
@@ -27699,7 +27404,7 @@ var NetlifyStatus = () => {
     }
     if (!isInstalled) {
       amplitudeDeploymentJourney.app.deployment.actions.install.requested(
-        IntegrationNames44.Netlify
+        IntegrationNames39.Netlify
       );
     }
   }, [credentialsQuery, oauthCredential, userIntegrationsQuery, isInstalled]);
@@ -27707,7 +27412,7 @@ var NetlifyStatus = () => {
     "my-channel",
     "my-event",
     (data) => {
-      if (data.userId !== (user == null ? void 0 : user.profile.id) || data.integration !== IntegrationNames44.Netlify) {
+      if (data.userId !== (user == null ? void 0 : user.profile.id) || data.integration !== IntegrationNames39.Netlify) {
         return;
       }
       if (data.action === "authorize" || data.action === "install") {
@@ -27716,21 +27421,21 @@ var NetlifyStatus = () => {
     },
     [refetch]
   );
-  const Connect = useCallback32(
+  const Connect = useCallback31(
     ({ credential }) => /* @__PURE__ */ jsx4(
-      Action_default8,
+      Action_default7,
       {
         action: "authorize",
         executor: {
           type: "manual",
           render: (confirm) => /* @__PURE__ */ jsx4(
-            Button46,
+            Button45,
             {
               kind: (credential == null ? void 0 : credential.data.connected) ? "secondary" : "primary",
               onClick: () => {
                 if (!(credential == null ? void 0 : credential.data.connected)) {
                   amplitudeDeploymentJourney.app.deployment.actions.authorize.click(
-                    IntegrationNames44.Netlify
+                    IntegrationNames39.Netlify
                   );
                 }
                 confirm();
@@ -27755,23 +27460,23 @@ var NetlifyStatus = () => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [refetch]
   );
-  const Install = useCallback32(
+  const Install = useCallback31(
     () => {
       var _a2;
       return /* @__PURE__ */ jsx4(
-        Action_default8,
+        Action_default7,
         {
           action: "install",
           executor: {
             type: "manual",
             render: (confirm) => /* @__PURE__ */ jsx4(
-              Button46,
+              Button45,
               {
                 kind: userIntegrationsQuery.isLoading ? "text" : isInstalled ? "secondary" : "primary",
                 loading: userIntegrationsQuery.isLoading,
                 onClick: () => {
                   amplitudeDeploymentJourney.app.deployment.actions.install.click(
-                    IntegrationNames44.Netlify
+                    IntegrationNames39.Netlify
                   );
                   confirm();
                 },
@@ -27786,7 +27491,7 @@ var NetlifyStatus = () => {
             }
           },
           context: {
-            credentialId: IntegrationNames44.Netlify,
+            credentialId: IntegrationNames39.Netlify,
             token: (_a2 = state.netlify.raw.token) != null ? _a2 : "",
             showInstruction: !isInstalled ? true : void 0
           },
@@ -27857,9 +27562,9 @@ var NetlifyStatus = () => {
   return /* @__PURE__ */ jsxs2(
     IntegrationStatus_default,
     {
-      title: IntegrationDisplayNames12.Netlify,
-      subtitle: `${IntegrationDisplayNames12.Netlify} integration`,
-      header: `${IntegrationDisplayNames12.Netlify} integration`,
+      title: IntegrationDisplayNames11.Netlify,
+      subtitle: `${IntegrationDisplayNames11.Netlify} integration`,
+      header: `${IntegrationDisplayNames11.Netlify} integration`,
       description: "Integrate Developer Console with Netlify to enjoy simplified web development with a platform for building, deploying, and managing your projects. Experience faster, scalable, and more secure workflow.",
       icon: /* @__PURE__ */ jsx4(NetlifyIcon, {}),
       dataCy: "netlify-integration-component",
@@ -27879,13 +27584,13 @@ var NetlifyStatus = () => {
                   visible: isDropdownVisible,
                   placement: "bottom",
                   triggerRenderer: /* @__PURE__ */ jsx4(
-                    Button46,
+                    Button45,
                     {
                       kind: "secondary",
                       onClick: () => {
                         setIsDropdownVisible(!isDropdownVisible);
                       },
-                      icon: isDropdownVisible ? /* @__PURE__ */ jsx4(Icon52, { source: ChevronUp3 }) : /* @__PURE__ */ jsx4(Icon52, { source: ChevronDown5 }),
+                      icon: isDropdownVisible ? /* @__PURE__ */ jsx4(Icon51, { source: ChevronUp3 }) : /* @__PURE__ */ jsx4(Icon51, { source: ChevronDown5 }),
                       iconPosition: "right",
                       children: "Settings"
                     }
@@ -27904,10 +27609,10 @@ var NetlifyStatus = () => {
                 userIntegrationsQuery.isFetching
               ) : void 0,
               /* @__PURE__ */ jsx4(
-                Button46,
+                Button45,
                 {
                   size: "xcompact",
-                  icon: /* @__PURE__ */ jsx4(Icon52, { source: Delete11, size: "small" }),
+                  icon: /* @__PURE__ */ jsx4(Icon51, { source: Delete10, size: "small" }),
                   onClick: () => {
                     if (oauthCredential.name) {
                       removeCredentialMutation.mutateAsync(oauthCredential);
@@ -27943,63 +27648,63 @@ var NetlifyStatus = () => {
     }
   );
 };
-var Status_default6 = NetlifyStatus;
+var Status_default5 = NetlifyStatus;
 
 // src/views/Settings/Integrations/Netlify/index.tsx
-import { jsx as jsx41, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs18 } from "react/jsx-runtime";
 var NetlifyIntegration = () => {
-  return /* @__PURE__ */ jsxs19(Routes13, { children: [
-    /* @__PURE__ */ jsx41(Route13, { path: "/", element: /* @__PURE__ */ jsx41(Navigate8, { to: "status", replace: true }) }),
-    /* @__PURE__ */ jsx41(Route13, { path: "/status", element: /* @__PURE__ */ jsx41(Status_default6, {}) }),
-    /* @__PURE__ */ jsx41(
-      Route13,
+  return /* @__PURE__ */ jsxs18(Routes12, { children: [
+    /* @__PURE__ */ jsx38(Route12, { path: "/", element: /* @__PURE__ */ jsx38(Navigate7, { to: "status", replace: true }) }),
+    /* @__PURE__ */ jsx38(Route12, { path: "/status", element: /* @__PURE__ */ jsx38(Status_default5, {}) }),
+    /* @__PURE__ */ jsx38(
+      Route12,
       {
         path: "/action/:action/:data?/:context?",
-        element: /* @__PURE__ */ jsx41(Action_default8, {})
+        element: /* @__PURE__ */ jsx38(Action_default7, {})
       }
     ),
-    /* @__PURE__ */ jsx41(Route13, { path: "/callback/:action", element: /* @__PURE__ */ jsx41(Callback_default7, {}) })
+    /* @__PURE__ */ jsx38(Route12, { path: "/callback/:action", element: /* @__PURE__ */ jsx38(Callback_default6, {}) })
   ] });
 };
 var Netlify_default = NetlifyIntegration;
 
 // src/views/Settings/Integrations/Shopify/index.tsx
-import { Navigate as Navigate9, Route as Route14, Routes as Routes14 } from "react-router-dom";
+import { Navigate as Navigate8, Route as Route13, Routes as Routes13 } from "react-router-dom";
 
 // src/views/Settings/Integrations/Shopify/Callback.tsx
-import { useContext as useContext39 } from "react";
-import { useMatch as useMatch16 } from "@livechat/developer-studio-ui-react";
-import { jsx as jsx42 } from "react/jsx-runtime";
+import { useContext as useContext34 } from "react";
+import { useMatch as useMatch14 } from "@livechat/developer-studio-ui-react";
+import { jsx as jsx39 } from "react/jsx-runtime";
 var ShopifyCallback = () => {
-  const { login } = useContext39(AuthContext);
-  const match2 = useMatch16();
+  const { login } = useContext34(AuthContext);
+  const match2 = useMatch14();
   const action = match2.params.action;
   if (!action) {
     throw new Error("Invalid action");
   }
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx39(
     IntegrationCallback_default,
     {
       handler: (output) => shopifyActionHandlers(login)[action](output)
     }
   );
 };
-var Callback_default8 = ShopifyCallback;
+var Callback_default7 = ShopifyCallback;
 
 // src/views/Settings/Integrations/Shopify/Status.tsx
-import { Fragment as Fragment43, useCallback as useCallback33, useContext as useContext40, useState as useState43 } from "react";
+import { Fragment as Fragment43, useCallback as useCallback32, useContext as useContext35, useState as useState43 } from "react";
 import { notificationConnect as notificationConnect3 } from "@livechat/design-system";
-import { Delete as Delete12, ShopifyColored as ShopifyColored3 } from "@livechat/design-system-icons";
+import { Delete as Delete11, ShopifyColored as ShopifyColored3 } from "@livechat/design-system-icons";
 import {
-  Button as Button47,
+  Button as Button46,
   Form as Form3,
   FormField as FormField6,
-  Icon as Icon53,
+  Icon as Icon52,
   Input as Input10,
   Modal as Modal13
 } from "@livechat/design-system-react-components";
 import {
-  IntegrationDisplayNames as IntegrationDisplayNames13
+  IntegrationDisplayNames as IntegrationDisplayNames12
 } from "@livechat/developer-studio-api";
 import {
   useNotifications as useNotifications14,
@@ -28010,17 +27715,17 @@ var ShopifyStatus = () => {
   const {
     userData: { user }
   } = useRootContext24();
-  const { login } = useContext40(AuthContext);
+  const { login } = useContext35(AuthContext);
   const { context: notifications } = useNotifications14();
   const credentialsQuery = useFetchShopifyCredentials();
   const removeCredentialMutation = useRemoveIntegrationCredential();
   const [state, setState] = useState43();
-  const refetch = useCallback33(() => {
+  const refetch = useCallback32(() => {
     credentialsQuery.refetch();
   }, [credentialsQuery]);
   const oauthCredential = credentialsQuery.data.internal;
   const otherCredentials = credentialsQuery.data.other;
-  const triggerConnect = useCallback33(
+  const triggerConnect = useCallback32(
     (shop) => {
       user && triggerShopifyAction(
         {
@@ -28045,14 +27750,14 @@ var ShopifyStatus = () => {
     },
     [login, refetch, notifications, user]
   );
-  const toggleModal = useCallback33((isVisible) => {
+  const toggleModal = useCallback32((isVisible) => {
     setState((prevState) => __spreadProps(__spreadValues({}, prevState), {
       modal: {
         isVisible
       }
     }));
   }, []);
-  const updateShop = useCallback33((shop) => {
+  const updateShop = useCallback32((shop) => {
     setState(
       (prevState) => {
         var _a2;
@@ -28064,7 +27769,7 @@ var ShopifyStatus = () => {
       }
     );
   }, []);
-  const submit = useCallback33(() => {
+  const submit = useCallback32(() => {
     var _a2, _b;
     setState(
       (prevState) => {
@@ -28081,11 +27786,11 @@ var ShopifyStatus = () => {
       triggerConnect(state.modal.shop);
     }
   }, [state == null ? void 0 : state.modal, toggleModal, triggerConnect]);
-  const Connect = useCallback33(
+  const Connect = useCallback32(
     ({ credential }) => {
       if (!credential) {
         return /* @__PURE__ */ jsx4(
-          Button47,
+          Button46,
           {
             kind: "primary",
             onClick: () => {
@@ -28104,7 +27809,7 @@ var ShopifyStatus = () => {
           executor: {
             type: "manual",
             render: (confirm) => /* @__PURE__ */ jsx4(
-              Button47,
+              Button46,
               {
                 kind: (credential == null ? void 0 : credential.data.connected) ? "secondary" : "primary",
                 onClick: () => {
@@ -28144,7 +27849,7 @@ var ShopifyStatus = () => {
         children: /* @__PURE__ */ jsx4(
           Form3,
           {
-            formFooter: /* @__PURE__ */ jsx4(Button47, { kind: "primary", onClick: submit, iconPosition: "right", children: "Connect" }),
+            formFooter: /* @__PURE__ */ jsx4(Button46, { kind: "primary", onClick: submit, iconPosition: "right", children: "Connect" }),
             helperText: "Enter your shopify shop name",
             labelText: "Shop",
             children: /* @__PURE__ */ jsx4(FormField6, { labelText: "Shop", children: /* @__PURE__ */ jsx4(
@@ -28170,9 +27875,9 @@ var ShopifyStatus = () => {
     /* @__PURE__ */ jsxs2(
       IntegrationStatus_default,
       {
-        title: IntegrationDisplayNames13.Shopify,
-        subtitle: `${IntegrationDisplayNames13.Shopify} integration`,
-        header: `${IntegrationDisplayNames13.Shopify} integration`,
+        title: IntegrationDisplayNames12.Shopify,
+        subtitle: `${IntegrationDisplayNames12.Shopify} integration`,
+        header: `${IntegrationDisplayNames12.Shopify} integration`,
         description: "Enhance your e-commerce capabilities with Shopify integration in Developer Console. Simplify your store management, boost your sales, and create a seamless shopping experience for your customers, all while ensuring a robust and scalable workflow.",
         icon: /* @__PURE__ */ jsx4(ShopifyColored3, {}),
         dataCy: "shopify-integration-component",
@@ -28186,10 +27891,10 @@ var ShopifyStatus = () => {
               icon: /* @__PURE__ */ jsx4(ShopifyColored3, {}),
               action: !credentialsQuery.isFetching ? /* @__PURE__ */ jsx4(Connect, { credential: oauthCredential }) : void 0,
               status: !credentialsQuery.isFetching && (oauthCredential == null ? void 0 : oauthCredential.name) ? /* @__PURE__ */ jsx4(
-                Button47,
+                Button46,
                 {
                   size: "xcompact",
-                  icon: /* @__PURE__ */ jsx4(Icon53, { source: Delete12, size: "small" }),
+                  icon: /* @__PURE__ */ jsx4(Icon52, { source: Delete11, size: "small" }),
                   onClick: () => {
                     if (oauthCredential.name) {
                       removeCredentialMutation.mutateAsync(oauthCredential);
@@ -28212,49 +27917,49 @@ var ShopifyStatus = () => {
     )
   ] });
 };
-var Status_default7 = notificationConnect3(ShopifyStatus);
+var Status_default6 = notificationConnect3(ShopifyStatus);
 
 // src/views/Settings/Integrations/Shopify/index.tsx
-import { jsx as jsx43, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs19 } from "react/jsx-runtime";
 var ShopifyIntegration = () => {
-  return /* @__PURE__ */ jsxs20(Routes14, { children: [
-    /* @__PURE__ */ jsx43(Route14, { path: "/", element: /* @__PURE__ */ jsx43(Navigate9, { to: "status", replace: true }) }),
-    /* @__PURE__ */ jsx43(Route14, { path: "/status", element: /* @__PURE__ */ jsx43(Status_default7, {}) }),
-    /* @__PURE__ */ jsx43(
-      Route14,
+  return /* @__PURE__ */ jsxs19(Routes13, { children: [
+    /* @__PURE__ */ jsx40(Route13, { path: "/", element: /* @__PURE__ */ jsx40(Navigate8, { to: "status", replace: true }) }),
+    /* @__PURE__ */ jsx40(Route13, { path: "/status", element: /* @__PURE__ */ jsx40(Status_default6, {}) }),
+    /* @__PURE__ */ jsx40(
+      Route13,
       {
         path: "/action/:action/:data?/:context?",
-        element: /* @__PURE__ */ jsx43(Action_default4, {})
+        element: /* @__PURE__ */ jsx40(Action_default4, {})
       }
     ),
-    /* @__PURE__ */ jsx43(Route14, { path: "/callback/:action", element: /* @__PURE__ */ jsx43(Callback_default8, {}) })
+    /* @__PURE__ */ jsx40(Route13, { path: "/callback/:action", element: /* @__PURE__ */ jsx40(Callback_default7, {}) })
   ] });
 };
 var Shopify_default2 = ShopifyIntegration;
 
 // src/views/Settings/Integrations/Text/index.tsx
-import { Navigate as Navigate10, Route as Route15, Routes as Routes15 } from "react-router-dom";
+import { Navigate as Navigate9, Route as Route14, Routes as Routes14 } from "react-router-dom";
 
 // src/views/Settings/Integrations/Text/Action.tsx
-import { useContext as useContext41 } from "react";
+import { useContext as useContext36 } from "react";
 import {
-  IntegrationModes as IntegrationModes10,
-  IntegrationNames as IntegrationNames45
+  IntegrationModes as IntegrationModes9,
+  IntegrationNames as IntegrationNames40
 } from "@livechat/developer-studio-api";
-import { useMatch as useMatch17 } from "@livechat/developer-studio-ui-react";
-import { jsx as jsx44 } from "react/jsx-runtime";
+import { useMatch as useMatch15 } from "@livechat/developer-studio-ui-react";
+import { jsx as jsx41 } from "react/jsx-runtime";
 var TextAction = (props) => {
   var _a;
-  const { login } = useContext41(AuthContext);
-  const match2 = useMatch17();
+  const { login } = useContext36(AuthContext);
+  const match2 = useMatch15();
   const action = (_a = props.action) != null ? _a : match2.params.action;
   if (!action) {
     throw new Error("Invalid action");
   }
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx41(
     IntegrationAction_default,
     {
-      name: IntegrationNames45.Text,
+      name: IntegrationNames40.Text,
       action,
       data: props.data,
       context: props.context,
@@ -28262,7 +27967,7 @@ var TextAction = (props) => {
       serializedContext: match2.params.context,
       executor: props.executor,
       trigger: {
-        mode: IntegrationModes10.Modal,
+        mode: IntegrationModes9.Modal,
         handler: (output) => textActionHandlers(login)[action](output)
       },
       onSuccess: props.onSuccess
@@ -28274,7 +27979,7 @@ var textActionHandlers = (login) => {
     authorize: (output) => {
       if (output.status === "success" && output.result.token) {
         login({
-          source: IntegrationNames45.Text,
+          source: IntegrationNames40.Text,
           data: { token: output.result.token }
         });
         return {
@@ -28289,33 +27994,33 @@ var textActionHandlers = (login) => {
   };
   return handlers;
 };
-var Action_default9 = TextAction;
+var Action_default8 = TextAction;
 
 // src/views/Settings/Integrations/Text/Callback.tsx
-import { useContext as useContext42 } from "react";
-import { useMatch as useMatch18 } from "@livechat/developer-studio-ui-react";
-import { jsx as jsx45 } from "react/jsx-runtime";
+import { useContext as useContext37 } from "react";
+import { useMatch as useMatch16 } from "@livechat/developer-studio-ui-react";
+import { jsx as jsx42 } from "react/jsx-runtime";
 var TextCallback = () => {
-  const { login } = useContext42(AuthContext);
-  const match2 = useMatch18();
+  const { login } = useContext37(AuthContext);
+  const match2 = useMatch16();
   const action = match2.params.action;
   if (!action) {
     throw new Error("Invalid action");
   }
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx42(
     IntegrationCallback_default,
     {
       handler: (output) => textActionHandlers(login)[action](output)
     }
   );
 };
-var Callback_default9 = TextCallback;
+var Callback_default8 = TextCallback;
 
 // src/views/Settings/Integrations/Text/Status.tsx
-import { Fragment as Fragment44, useCallback as useCallback34 } from "react";
-import { Button as Button48 } from "@livechat/design-system-react-components";
+import { Fragment as Fragment44, useCallback as useCallback33 } from "react";
+import { Button as Button47 } from "@livechat/design-system-react-components";
 import {
-  IntegrationDisplayNames as IntegrationDisplayNames14
+  IntegrationDisplayNames as IntegrationDisplayNames13
 } from "@livechat/developer-studio-api";
 import {
   Logo as TextIcon,
@@ -28327,21 +28032,21 @@ var TextStatus = () => {
   } = useRootContext25();
   const credentialsQuery = useFetchTextCredentials();
   const isInstalledQuery = useFetchUserInstalledTextIntegration(user);
-  const refetch = useCallback34(() => {
+  const refetch = useCallback33(() => {
     credentialsQuery.refetch();
     isInstalledQuery.refetch();
   }, [credentialsQuery, isInstalledQuery]);
   const authCredential = credentialsQuery.data.internal;
   const otherCredentials = credentialsQuery.data.other;
-  const Connect = useCallback34(
+  const Connect = useCallback33(
     ({ credential }) => /* @__PURE__ */ jsx4(
-      Action_default9,
+      Action_default8,
       {
         action: "authorize",
         executor: {
           type: "manual",
           render: (confirm) => /* @__PURE__ */ jsx4(
-            Button48,
+            Button47,
             {
               kind: (credential == null ? void 0 : credential.data.connected) ? "secondary" : "primary",
               onClick: confirm,
@@ -28367,9 +28072,9 @@ var TextStatus = () => {
   return /* @__PURE__ */ jsxs2(
     IntegrationStatus_default,
     {
-      title: IntegrationDisplayNames14.Text,
-      subtitle: `${IntegrationDisplayNames14.Text} integration`,
-      header: `${IntegrationDisplayNames14.Text} integration`,
+      title: IntegrationDisplayNames13.Text,
+      subtitle: `${IntegrationDisplayNames13.Text} integration`,
+      header: `${IntegrationDisplayNames13.Text} integration`,
       description: "",
       icon: /* @__PURE__ */ jsx4(TextIcon, {}),
       dataCy: "text-integration-component",
@@ -28395,49 +28100,49 @@ var TextStatus = () => {
     }
   );
 };
-var Status_default8 = TextStatus;
+var Status_default7 = TextStatus;
 
 // src/views/Settings/Integrations/Text/index.tsx
-import { jsx as jsx46, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs20 } from "react/jsx-runtime";
 var TextIntegration = () => {
-  return /* @__PURE__ */ jsxs21(Routes15, { children: [
-    /* @__PURE__ */ jsx46(Route15, { path: "/", element: /* @__PURE__ */ jsx46(Navigate10, { to: "status", replace: true }) }),
-    /* @__PURE__ */ jsx46(Route15, { path: "/status", element: /* @__PURE__ */ jsx46(Status_default8, {}) }),
-    /* @__PURE__ */ jsx46(Route15, { path: "/action/:action/:data?/:context?", element: /* @__PURE__ */ jsx46(Action_default9, {}) }),
-    /* @__PURE__ */ jsx46(Route15, { path: "/callback/:action", element: /* @__PURE__ */ jsx46(Callback_default9, {}) })
+  return /* @__PURE__ */ jsxs20(Routes14, { children: [
+    /* @__PURE__ */ jsx43(Route14, { path: "/", element: /* @__PURE__ */ jsx43(Navigate9, { to: "status", replace: true }) }),
+    /* @__PURE__ */ jsx43(Route14, { path: "/status", element: /* @__PURE__ */ jsx43(Status_default7, {}) }),
+    /* @__PURE__ */ jsx43(Route14, { path: "/action/:action/:data?/:context?", element: /* @__PURE__ */ jsx43(Action_default8, {}) }),
+    /* @__PURE__ */ jsx43(Route14, { path: "/callback/:action", element: /* @__PURE__ */ jsx43(Callback_default8, {}) })
   ] });
 };
 var Text_default2 = TextIntegration;
 
 // src/views/Settings/Integrations/Vercel/index.tsx
-import { Navigate as Navigate11, Route as Route16, Routes as Routes16 } from "react-router-dom";
+import { Navigate as Navigate10, Route as Route15, Routes as Routes15 } from "react-router-dom";
 
 // src/views/Settings/Integrations/Vercel/Action.tsx
-import { useContext as useContext43 } from "react";
+import { useContext as useContext38 } from "react";
 import {
-  IntegrationModes as IntegrationModes11,
-  IntegrationNames as IntegrationNames46
+  IntegrationModes as IntegrationModes10,
+  IntegrationNames as IntegrationNames41
 } from "@livechat/developer-studio-api";
 import {
-  useMatch as useMatch19,
+  useMatch as useMatch17,
   useRootContext as useRootContext26
 } from "@livechat/developer-studio-ui-react";
-import { jsx as jsx47 } from "react/jsx-runtime";
+import { jsx as jsx44 } from "react/jsx-runtime";
 var VercelAction = (props) => {
   var _a;
   const {
     userData: { user }
   } = useRootContext26();
-  const { login } = useContext43(AuthContext);
-  const match2 = useMatch19();
+  const { login } = useContext38(AuthContext);
+  const match2 = useMatch17();
   const action = (_a = props.action) != null ? _a : match2.params.action;
   if (!action) {
     throw new Error("Invalid action");
   }
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx44(
     IntegrationAction_default,
     {
-      name: IntegrationNames46.Vercel,
+      name: IntegrationNames41.Vercel,
       action,
       data: props.data,
       context: props.context,
@@ -28445,7 +28150,7 @@ var VercelAction = (props) => {
       serializedContext: match2.params.context,
       executor: props.executor,
       trigger: {
-        mode: IntegrationModes11.Modal,
+        mode: IntegrationModes10.Modal,
         handler: (output) => vercelActionHandlers(login, user == null ? void 0 : user.meta.email)[action](output)
       },
       onSuccess: props.onSuccess
@@ -28456,9 +28161,9 @@ function triggerVercelAction(props, meta) {
   return __async(this, null, function* () {
     return executeIntegrationAction(
       __spreadProps(__spreadValues({}, props), {
-        name: IntegrationNames46.Vercel,
+        name: IntegrationNames41.Vercel,
         trigger: {
-          mode: IntegrationModes11.Modal,
+          mode: IntegrationModes10.Modal,
           handler: (output) => vercelActionHandlers(
             meta.login,
             meta.user.meta.email
@@ -28477,10 +28182,10 @@ var vercelActionHandlers = (login, email) => {
     authorize: (output) => {
       if (output.status === "success" && output.result.token) {
         amplitudeDeploymentJourney.app.deployment.actions.authorize.success(
-          IntegrationNames46.Vercel
+          IntegrationNames41.Vercel
         );
         login({
-          source: IntegrationNames46.Vercel,
+          source: IntegrationNames41.Vercel,
           data: { token: output.result.token }
         });
         return {
@@ -28501,7 +28206,7 @@ var vercelActionHandlers = (login, email) => {
     install: (output) => {
       if (output.status === "success" && output.result.installationId) {
         amplitudeDeploymentJourney.app.deployment.actions.install.success(
-          IntegrationNames46.Vercel
+          IntegrationNames41.Vercel
         );
         return {
           isValid: true,
@@ -28516,15 +28221,15 @@ var vercelActionHandlers = (login, email) => {
   };
   return handlers;
 };
-var Action_default10 = VercelAction;
+var Action_default9 = VercelAction;
 
 // src/views/Settings/Integrations/Vercel/Callback.tsx
-import { useContext as useContext44 } from "react";
-import { useMatch as useMatch20, useRootContext as useRootContext27 } from "@livechat/developer-studio-ui-react";
-import { jsx as jsx48 } from "react/jsx-runtime";
+import { useContext as useContext39 } from "react";
+import { useMatch as useMatch18, useRootContext as useRootContext27 } from "@livechat/developer-studio-ui-react";
+import { jsx as jsx45 } from "react/jsx-runtime";
 var VercelCallback = () => {
-  const { login } = useContext44(AuthContext);
-  const match2 = useMatch20();
+  const { login } = useContext39(AuthContext);
+  const match2 = useMatch18();
   const action = match2.params.action;
   const {
     userData: { user }
@@ -28532,27 +28237,27 @@ var VercelCallback = () => {
   if (!action) {
     throw new Error("Invalid action");
   }
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx45(
     IntegrationCallback_default,
     {
       handler: (output) => vercelActionHandlers(login, user == null ? void 0 : user.meta.email)[action](output)
     }
   );
 };
-var Callback_default10 = VercelCallback;
+var Callback_default9 = VercelCallback;
 
 // src/views/Settings/Integrations/Vercel/Status.tsx
-import { Fragment as Fragment45, useCallback as useCallback35, useContext as useContext45, useEffect as useEffect26, useState as useState44 } from "react";
-import { ChevronDown as ChevronDown6, ChevronUp as ChevronUp4, Delete as Delete13 } from "@livechat/design-system-icons";
+import { Fragment as Fragment45, useCallback as useCallback34, useContext as useContext40, useEffect as useEffect26, useState as useState44 } from "react";
+import { ChevronDown as ChevronDown6, ChevronUp as ChevronUp4, Delete as Delete12 } from "@livechat/design-system-icons";
 import {
   ActionMenu as ActionMenu9,
-  Button as Button49,
-  Icon as Icon54,
+  Button as Button48,
+  Icon as Icon53,
   SpacingToken as SpacingToken56
 } from "@livechat/design-system-react-components";
 import {
-  IntegrationDisplayNames as IntegrationDisplayNames15,
-  IntegrationNames as IntegrationNames48
+  IntegrationDisplayNames as IntegrationDisplayNames14,
+  IntegrationNames as IntegrationNames43
 } from "@livechat/developer-studio-api";
 import {
   Row as Row30,
@@ -28563,12 +28268,12 @@ import {
 
 // src/hooks/integrations/vercel/credentials.ts
 import {
-  IntegrationNames as IntegrationNames47
+  IntegrationNames as IntegrationNames42
 } from "@livechat/developer-studio-api";
 var useFetchVercelCredentials = () => {
   var _a, _b;
   const credentialsQuery = useFetchIntegrationCredentialsQuery(
-    IntegrationNames47.Vercel
+    IntegrationNames42.Vercel
   );
   const oauthCredential = (_a = credentialsQuery.data) == null ? void 0 : _a.find(
     (credential) => credential.type === "oauth2" && credential.data.client_id === getWorkflowEnv("vercelClientId")
@@ -28585,15 +28290,15 @@ var useFetchVercelCredentials = () => {
 };
 
 // src/hooks/integrations/vercel/namespace.ts
-import { useQuery as useQuery11 } from "@tanstack/react-query";
-import { api as api13 } from "@livechat/developer-studio-api";
+import { useQuery as useQuery8 } from "@tanstack/react-query";
+import { api as api10 } from "@livechat/developer-studio-api";
 var vercelNamespacesQueryKeys = {
   getInstallations: ["vercel.getNamespaces"]
 };
 var useFetchVercelNamespaces = (enabled) => {
-  return useQuery11(
+  return useQuery8(
     vercelNamespacesQueryKeys.getInstallations,
-    () => api13.integrations.vercel.integrations.getGitNamespaces(),
+    () => api10.integrations.vercel.integrations.getGitNamespaces(),
     {
       retry: false,
       enabled
@@ -28607,7 +28312,7 @@ var VercelStatus = () => {
   const {
     userData: { user }
   } = useRootContext28();
-  const { state, login } = useContext45(AuthContext);
+  const { state, login } = useContext40(AuthContext);
   const { context: notifications } = useNotifications15();
   const removeCredentialMutation = useRemoveIntegrationCredential();
   const credentialsQuery = useFetchVercelCredentials();
@@ -28623,7 +28328,7 @@ var VercelStatus = () => {
   const amplitudeDeploymentJourney = appDeploymentBlockAmplitudeJourneyFactory(
     user == null ? void 0 : user.meta.email
   );
-  const refetch = useCallback35(() => {
+  const refetch = useCallback34(() => {
     credentialsQuery.refetch();
     namespacesQuery.refetch();
   }, [credentialsQuery, namespacesQuery]);
@@ -28633,7 +28338,7 @@ var VercelStatus = () => {
     }
     if (!(oauthCredential == null ? void 0 : oauthCredential.data.connected)) {
       amplitudeDeploymentJourney.app.deployment.actions.authorize.requested(
-        IntegrationNames48.Vercel
+        IntegrationNames43.Vercel
       );
       return;
     }
@@ -28642,7 +28347,7 @@ var VercelStatus = () => {
     }
     if (!isInstalled) {
       amplitudeDeploymentJourney.app.deployment.actions.install.requested(
-        IntegrationNames48.Vercel
+        IntegrationNames43.Vercel
       );
     }
   }, [credentialsQuery, oauthCredential, namespacesQuery, isInstalled]);
@@ -28650,7 +28355,7 @@ var VercelStatus = () => {
     "my-channel",
     "my-event",
     (data) => {
-      if (data.userId !== (user == null ? void 0 : user.profile.id) || data.integration !== IntegrationNames48.Vercel) {
+      if (data.userId !== (user == null ? void 0 : user.profile.id) || data.integration !== IntegrationNames43.Vercel) {
         return;
       }
       if (data.action === "authorize" || data.action === "install") {
@@ -28659,21 +28364,21 @@ var VercelStatus = () => {
     },
     [refetch]
   );
-  const Connect = useCallback35(
+  const Connect = useCallback34(
     ({ credential }) => /* @__PURE__ */ jsx4(
-      Action_default10,
+      Action_default9,
       {
         action: "authorize",
         executor: {
           type: "manual",
           render: (confirm) => /* @__PURE__ */ jsx4(
-            Button49,
+            Button48,
             {
               kind: (credential == null ? void 0 : credential.data.connected) ? "secondary" : "primary",
               onClick: () => {
                 if (!(credential == null ? void 0 : credential.data.connected)) {
                   amplitudeDeploymentJourney.app.deployment.actions.authorize.click(
-                    IntegrationNames48.Vercel
+                    IntegrationNames43.Vercel
                   );
                 }
                 confirm();
@@ -28698,23 +28403,23 @@ var VercelStatus = () => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [refetch]
   );
-  const Install = useCallback35(
+  const Install = useCallback34(
     () => {
       var _a2;
       return /* @__PURE__ */ jsx4(
-        Action_default10,
+        Action_default9,
         {
           action: "install",
           executor: {
             type: "manual",
             render: (confirm) => /* @__PURE__ */ jsx4(
-              Button49,
+              Button48,
               {
                 kind: namespacesQuery.isLoading ? "text" : isInstalled ? "secondary" : "primary",
                 loading: namespacesQuery.isLoading,
                 onClick: () => {
                   amplitudeDeploymentJourney.app.deployment.actions.install.click(
-                    IntegrationNames48.Vercel
+                    IntegrationNames43.Vercel
                   );
                   confirm();
                 },
@@ -28729,7 +28434,7 @@ var VercelStatus = () => {
             }
           },
           context: {
-            credentialId: IntegrationNames48.Vercel,
+            credentialId: IntegrationNames43.Vercel,
             token: (_a2 = state.vercel.raw.token) != null ? _a2 : "",
             showInstruction: !isInstalled ? true : void 0
           },
@@ -28804,9 +28509,9 @@ var VercelStatus = () => {
   return /* @__PURE__ */ jsxs2(
     IntegrationStatus_default,
     {
-      title: IntegrationDisplayNames15.Vercel,
-      subtitle: `${IntegrationDisplayNames15.Vercel} integration`,
-      header: `${IntegrationDisplayNames15.Vercel} integration`,
+      title: IntegrationDisplayNames14.Vercel,
+      subtitle: `${IntegrationDisplayNames14.Vercel} integration`,
+      header: `${IntegrationDisplayNames14.Vercel} integration`,
       description: "Optimize your app deployment with Vercel to enjoy seamless integration, streamlined workflows, and easy collaboration, all without compromising on speed or quality.",
       icon: /* @__PURE__ */ jsx4(VercelIcon, {}),
       dataCy: "vercel-integration-component",
@@ -28826,13 +28531,13 @@ var VercelStatus = () => {
                   visible: isDropdownVisible,
                   placement: "bottom",
                   triggerRenderer: /* @__PURE__ */ jsx4(
-                    Button49,
+                    Button48,
                     {
                       kind: "secondary",
                       onClick: () => {
                         setIsDropdownVisible(!isDropdownVisible);
                       },
-                      icon: isDropdownVisible ? /* @__PURE__ */ jsx4(Icon54, { source: ChevronUp4 }) : /* @__PURE__ */ jsx4(Icon54, { source: ChevronDown6 }),
+                      icon: isDropdownVisible ? /* @__PURE__ */ jsx4(Icon53, { source: ChevronUp4 }) : /* @__PURE__ */ jsx4(Icon53, { source: ChevronDown6 }),
                       iconPosition: "right",
                       children: "Settings"
                     }
@@ -28851,10 +28556,10 @@ var VercelStatus = () => {
                 namespacesQuery.isFetching
               ) : void 0,
               /* @__PURE__ */ jsx4(
-                Button49,
+                Button48,
                 {
                   size: "xcompact",
-                  icon: /* @__PURE__ */ jsx4(Icon54, { source: Delete13, size: "small" }),
+                  icon: /* @__PURE__ */ jsx4(Icon53, { source: Delete12, size: "small" }),
                   onClick: () => {
                     if (oauthCredential.name) {
                       removeCredentialMutation.mutateAsync(oauthCredential);
@@ -28877,28 +28582,28 @@ var VercelStatus = () => {
     }
   );
 };
-var Status_default9 = VercelStatus;
+var Status_default8 = VercelStatus;
 
 // src/views/Settings/Integrations/Vercel/index.tsx
-import { jsx as jsx49, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs21 } from "react/jsx-runtime";
 var VercelIntegration = () => {
-  return /* @__PURE__ */ jsxs22(Routes16, { children: [
-    /* @__PURE__ */ jsx49(Route16, { path: "/", element: /* @__PURE__ */ jsx49(Navigate11, { to: "status", replace: true }) }),
-    /* @__PURE__ */ jsx49(Route16, { path: "/status", element: /* @__PURE__ */ jsx49(Status_default9, {}) }),
-    /* @__PURE__ */ jsx49(
-      Route16,
+  return /* @__PURE__ */ jsxs21(Routes15, { children: [
+    /* @__PURE__ */ jsx46(Route15, { path: "/", element: /* @__PURE__ */ jsx46(Navigate10, { to: "status", replace: true }) }),
+    /* @__PURE__ */ jsx46(Route15, { path: "/status", element: /* @__PURE__ */ jsx46(Status_default8, {}) }),
+    /* @__PURE__ */ jsx46(
+      Route15,
       {
         path: "/action/:action/:data?/:context?",
-        element: /* @__PURE__ */ jsx49(Action_default10, {})
+        element: /* @__PURE__ */ jsx46(Action_default9, {})
       }
     ),
-    /* @__PURE__ */ jsx49(Route16, { path: "/callback/:action", element: /* @__PURE__ */ jsx49(Callback_default10, {}) })
+    /* @__PURE__ */ jsx46(Route15, { path: "/callback/:action", element: /* @__PURE__ */ jsx46(Callback_default9, {}) })
   ] });
 };
 var Vercel_default = VercelIntegration;
 
 // src/views/Settings/Integrations/index.tsx
-import { jsx as jsx50, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx47, jsxs as jsxs22 } from "react/jsx-runtime";
 function IntegrationsSubNavGroup() {
   const { pathname } = useLocation12();
   const navigate = useNavigate22();
@@ -28906,7 +28611,7 @@ function IntegrationsSubNavGroup() {
     userData: { user }
   } = useRootContext29();
   const { data: userHasInstalledWorkflows } = useFetchUserInstalledWorkflows(user);
-  return /* @__PURE__ */ jsxs23(
+  return /* @__PURE__ */ jsxs22(
     SideNavigationGroup,
     {
       className: "navigation-group",
@@ -28914,108 +28619,96 @@ function IntegrationsSubNavGroup() {
       label: "Integrations",
       shouldOpenOnInit: pathname.includes("integrations"),
       children: [
-        /* @__PURE__ */ jsx50(
+        /* @__PURE__ */ jsx47(
           SideNavigationItem,
           {
-            "data-testid": `${IntegrationNames49.GitHub}-option`,
+            "data-testid": `${IntegrationNames44.GitHub}-option`,
             isActive: pathname.includes("/settings/integrations/github"),
-            label: IntegrationDisplayNames16.GitHub,
+            label: IntegrationDisplayNames15.GitHub,
             onClick: () => {
               navigate("/settings/integrations/github");
             },
             shouldKeepIconSpace: false
           }
         ),
-        /* @__PURE__ */ jsx50(
+        /* @__PURE__ */ jsx47(
           SideNavigationItem,
           {
-            "data-testid": `${IntegrationNames49.Netlify}-option`,
+            "data-testid": `${IntegrationNames44.Netlify}-option`,
             isActive: pathname.includes("/settings/integrations/netlify"),
-            label: IntegrationDisplayNames16.Netlify,
+            label: IntegrationDisplayNames15.Netlify,
             onClick: () => {
               navigate("/settings/integrations/netlify");
             },
             shouldKeepIconSpace: false
           }
         ),
-        /* @__PURE__ */ jsx50(
+        /* @__PURE__ */ jsx47(
           SideNavigationItem,
           {
-            "data-testid": `${IntegrationNames49.Vercel}-option`,
+            "data-testid": `${IntegrationNames44.Vercel}-option`,
             isActive: pathname.includes("/settings/integrations/vercel"),
-            label: IntegrationDisplayNames16.Vercel,
+            label: IntegrationDisplayNames15.Vercel,
             onClick: () => {
               navigate("/settings/integrations/vercel");
             },
             shouldKeepIconSpace: false
           }
         ),
-        /* @__PURE__ */ jsx50(
+        userHasInstalledWorkflows ? /* @__PURE__ */ jsx47(
           SideNavigationItem,
           {
-            "data-testid": `${IntegrationNames49.Neon}-option`,
-            isActive: pathname.includes("/settings/integrations/neon"),
-            label: IntegrationDisplayNames16.Neon,
-            onClick: () => {
-              navigate("/settings/integrations/neon");
-            },
-            shouldKeepIconSpace: false
-          }
-        ),
-        userHasInstalledWorkflows ? /* @__PURE__ */ jsx50(
-          SideNavigationItem,
-          {
-            "data-testid": `${IntegrationNames49.Mailchimp}-option`,
+            "data-testid": `${IntegrationNames44.Mailchimp}-option`,
             isActive: pathname.includes("/settings/integrations/mailchimp"),
-            label: IntegrationDisplayNames16.Mailchimp,
+            label: IntegrationDisplayNames15.Mailchimp,
             onClick: () => {
               navigate("/settings/integrations/mailchimp");
             },
             shouldKeepIconSpace: false
           }
         ) : void 0,
-        userHasInstalledWorkflows ? /* @__PURE__ */ jsx50(
+        userHasInstalledWorkflows ? /* @__PURE__ */ jsx47(
           SideNavigationItem,
           {
-            "data-testid": `${IntegrationNames49.Shopify}-option`,
+            "data-testid": `${IntegrationNames44.Shopify}-option`,
             isActive: pathname.includes("/settings/integrations/shopify"),
-            label: IntegrationDisplayNames16.Shopify,
+            label: IntegrationDisplayNames15.Shopify,
             onClick: () => {
               navigate("/settings/integrations/shopify");
             },
             shouldKeepIconSpace: false
           }
         ) : void 0,
-        userHasInstalledWorkflows ? /* @__PURE__ */ jsx50(
+        userHasInstalledWorkflows ? /* @__PURE__ */ jsx47(
           SideNavigationItem,
           {
-            "data-testid": `${IntegrationNames49.HubSpot}-option`,
+            "data-testid": `${IntegrationNames44.HubSpot}-option`,
             isActive: pathname.includes("/settings/integrations/hubspot"),
-            label: IntegrationDisplayNames16.HubSpot,
+            label: IntegrationDisplayNames15.HubSpot,
             onClick: () => {
               navigate("/settings/integrations/hubspot");
             },
             shouldKeepIconSpace: false
           }
         ) : void 0,
-        userHasInstalledWorkflows ? /* @__PURE__ */ jsx50(
+        userHasInstalledWorkflows ? /* @__PURE__ */ jsx47(
           SideNavigationItem,
           {
-            "data-testid": `${IntegrationNames49.BigCommerce}-option`,
+            "data-testid": `${IntegrationNames44.BigCommerce}-option`,
             isActive: pathname.includes("/settings/integrations/bigcommerce"),
-            label: IntegrationDisplayNames16.BigCommerce,
+            label: IntegrationDisplayNames15.BigCommerce,
             onClick: () => {
               navigate("/settings/integrations/bigcommerce");
             },
             shouldKeepIconSpace: false
           }
         ) : void 0,
-        userHasInstalledWorkflows ? /* @__PURE__ */ jsx50(
+        userHasInstalledWorkflows ? /* @__PURE__ */ jsx47(
           SideNavigationItem,
           {
-            "data-testid": `${IntegrationNames49.Text}-option`,
+            "data-testid": `${IntegrationNames44.Text}-option`,
             isActive: pathname.includes("/settings/integrations/text"),
-            label: IntegrationDisplayNames16.Text,
+            label: IntegrationDisplayNames15.Text,
             onClick: () => {
               navigate("/settings/integrations/text/status");
             },
@@ -29027,37 +28720,36 @@ function IntegrationsSubNavGroup() {
   );
 }
 function Integrations() {
-  return /* @__PURE__ */ jsxs23(Routes17, { children: [
-    /* @__PURE__ */ jsx50(Route17, { element: /* @__PURE__ */ jsx50(Navigate12, { replace: true, to: "github" }), path: "/" }),
-    /* @__PURE__ */ jsx50(Route17, { element: /* @__PURE__ */ jsx50(GitHub_default, {}), path: "/github/*" }),
-    /* @__PURE__ */ jsx50(Route17, { element: /* @__PURE__ */ jsx50(Netlify_default, {}), path: "/netlify/*" }),
-    /* @__PURE__ */ jsx50(Route17, { element: /* @__PURE__ */ jsx50(Vercel_default, {}), path: "/vercel/*" }),
-    /* @__PURE__ */ jsx50(Route17, { element: /* @__PURE__ */ jsx50(Neon_default, {}), path: "/neon/*" }),
-    /* @__PURE__ */ jsx50(Route17, { element: /* @__PURE__ */ jsx50(Mailchimp_default2, {}), path: "/mailchimp/*" }),
-    /* @__PURE__ */ jsx50(Route17, { element: /* @__PURE__ */ jsx50(Shopify_default2, {}), path: "/shopify/*" }),
-    /* @__PURE__ */ jsx50(Route17, { element: /* @__PURE__ */ jsx50(HubSpot_default2, {}), path: "/hubspot/*" }),
-    /* @__PURE__ */ jsx50(Route17, { element: /* @__PURE__ */ jsx50(BigCommerce_default2, {}), path: "/bigcommerce/*" }),
-    /* @__PURE__ */ jsx50(Route17, { element: /* @__PURE__ */ jsx50(Text_default2, {}), path: "/text/*" }),
-    /* @__PURE__ */ jsx50(Route17, { element: /* @__PURE__ */ jsx50(Accounts_default, {}), path: "/accounts/*" })
+  return /* @__PURE__ */ jsxs22(Routes16, { children: [
+    /* @__PURE__ */ jsx47(Route16, { element: /* @__PURE__ */ jsx47(Navigate11, { replace: true, to: "github" }), path: "/" }),
+    /* @__PURE__ */ jsx47(Route16, { element: /* @__PURE__ */ jsx47(GitHub_default, {}), path: "/github/*" }),
+    /* @__PURE__ */ jsx47(Route16, { element: /* @__PURE__ */ jsx47(Netlify_default, {}), path: "/netlify/*" }),
+    /* @__PURE__ */ jsx47(Route16, { element: /* @__PURE__ */ jsx47(Vercel_default, {}), path: "/vercel/*" }),
+    /* @__PURE__ */ jsx47(Route16, { element: /* @__PURE__ */ jsx47(Mailchimp_default2, {}), path: "/mailchimp/*" }),
+    /* @__PURE__ */ jsx47(Route16, { element: /* @__PURE__ */ jsx47(Shopify_default2, {}), path: "/shopify/*" }),
+    /* @__PURE__ */ jsx47(Route16, { element: /* @__PURE__ */ jsx47(HubSpot_default2, {}), path: "/hubspot/*" }),
+    /* @__PURE__ */ jsx47(Route16, { element: /* @__PURE__ */ jsx47(BigCommerce_default2, {}), path: "/bigcommerce/*" }),
+    /* @__PURE__ */ jsx47(Route16, { element: /* @__PURE__ */ jsx47(Text_default2, {}), path: "/text/*" }),
+    /* @__PURE__ */ jsx47(Route16, { element: /* @__PURE__ */ jsx47(Accounts_default, {}), path: "/accounts/*" })
   ] });
 }
 var Integrations_default = Integrations;
 
 // src/views/Settings/index.tsx
-import { jsx as jsx51, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx48, jsxs as jsxs23 } from "react/jsx-runtime";
 function SettingsSubNav() {
-  return /* @__PURE__ */ jsx51(IntegrationsSubNavGroup, {});
+  return /* @__PURE__ */ jsx48(IntegrationsSubNavGroup, {});
 }
 function Settings() {
-  return /* @__PURE__ */ jsxs24(Routes18, { children: [
-    /* @__PURE__ */ jsx51(Route18, { element: /* @__PURE__ */ jsx51(Navigate13, { replace: true, to: "integrations" }), path: "/" }),
-    /* @__PURE__ */ jsx51(Route18, { element: /* @__PURE__ */ jsx51(Integrations_default, {}), path: "/integrations/*" })
+  return /* @__PURE__ */ jsxs23(Routes17, { children: [
+    /* @__PURE__ */ jsx48(Route17, { element: /* @__PURE__ */ jsx48(Navigate12, { replace: true, to: "integrations" }), path: "/" }),
+    /* @__PURE__ */ jsx48(Route17, { element: /* @__PURE__ */ jsx48(Integrations_default, {}), path: "/integrations/*" })
   ] });
 }
 var Settings_default = Settings;
 
 // src/views/Common/LoginError.tsx
-import { Button as Button50, SpacingToken as SpacingToken57 } from "@livechat/design-system-react-components";
+import { Button as Button49, SpacingToken as SpacingToken57 } from "@livechat/design-system-react-components";
 import {
   Column as Column21,
   Intro as Intro7,
@@ -29066,11 +28758,6 @@ import {
   theme,
   useRootContext as useRootContext30
 } from "@livechat/developer-studio-ui-react";
-
-// src/assets/flows/workflows-welcome.png
-var workflows_welcome_default = "./workflows-welcome-N73H5YQR.png";
-
-// src/views/Common/LoginError.tsx
 var imgContainerCss2 = css`
   width: 100%;
   display: flex;
@@ -29088,26 +28775,19 @@ var wrapperCss = css`
   height: 100vh;
   width: 100%;
 `;
-function LoginErrorPage() {
+function LoginErrorPage({
+  errorImage,
+  welcomeImage
+}) {
   const { authorize } = useRootContext30();
   if (getWorkflowEnv("isHeadless")) {
     return /* @__PURE__ */ jsxs2("div", { css: wrapperCss, children: [
-      /* @__PURE__ */ jsx4(Row31, { center: true, noMaxWidth: true, verticalCenter: true, children: /* @__PURE__ */ jsx4(Column21, { center: true, width: 10, children: /* @__PURE__ */ jsx4("div", { css: imgContainerCss2, children: /* @__PURE__ */ jsx4(
-        "img",
-        {
-          alt: "",
-          css: css`
-                  width: 600px;
-                  margin-bottom: var(${SpacingToken57.Spacing7});
-                `,
-          src: workflows_welcome_default
-        }
-      ) }) }) }),
+      /* @__PURE__ */ jsx4(Row31, { center: true, noMaxWidth: true, verticalCenter: true, children: /* @__PURE__ */ jsx4(Column21, { center: true, width: 10, children: /* @__PURE__ */ jsx4("div", { css: imgContainerCss2, children: welcomeImage }) }) }),
       /* @__PURE__ */ jsx4(Row31, { center: true, noMaxWidth: true, verticalCenter: true, children: /* @__PURE__ */ jsxs2(Column21, { center: true, width: 10, children: [
         /* @__PURE__ */ jsx4(Intro7, { center: true, header: "Welcome to Workflows!", headerSize: "m" }),
         /* @__PURE__ */ jsx4("p", { css: paragraphCss(false), children: "You're using a browser that required additional login to access Workflows" }),
         /* @__PURE__ */ jsx4("div", { children: /* @__PURE__ */ jsx4(
-          Button50,
+          Button49,
           {
             kind: "primary",
             onClick: () => {
@@ -29119,7 +28799,7 @@ function LoginErrorPage() {
       ] }) })
     ] });
   }
-  return /* @__PURE__ */ jsx4(DefaultLoginErrorPage, {});
+  return /* @__PURE__ */ jsx4(DefaultLoginErrorPage, { image: errorImage });
 }
 var LoginError_default = LoginErrorPage;
 export {