@livechat/platform-workflows 0.0.18 → 0.0.20

package/dist/index.js

@@ -508,7 +508,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",
@@ -547,10 +546,6 @@ function AuthProvider({ children }) {
           raw: {},
           data: {}
         },
-        neon: {
-          raw: {},
-          data: {}
-        },
         mailchimp: {
           raw: {},
           data: {}
@@ -598,12 +593,6 @@ function AuthProvider({ children }) {
         },
         data: {}
       },
-      neon: {
-        raw: {
-          token: JSON.parse(localStorage.getItem("neon.token") || '""')
-        },
-        data: {}
-      },
       mailchimp: {
         raw: {
           token: JSON.parse(localStorage.getItem("mailchimp.token") || '""'),
@@ -697,22 +686,6 @@ function AuthProvider({ children }) {
         }));
         break;
       }
-      case import_developer_studio_api.IntegrationNames.Neon: {
-        localStorage.setItem(`neon.token`, JSON.stringify(data.token));
-        (0, import_developer_studio_api.updateNeonClient)(data.token);
-        (0, import_developer_studio_api.updatePlatformAdapterClient)({
-          neon: data
-        });
-        setState((prevState) => __spreadProps(__spreadValues({}, prevState), {
-          neon: __spreadProps(__spreadValues({}, prevState.neon), {
-            raw: data,
-            data: {
-              isAuthorized: Boolean(data.token)
-            }
-          })
-        }));
-        break;
-      }
       case import_developer_studio_api.IntegrationNames.Mailchimp: {
         localStorage.setItem(`mailchimp.token`, JSON.stringify(data.token));
         localStorage.setItem(`mailchimp.server`, JSON.stringify(data.server));
@@ -833,17 +806,6 @@ function AuthProvider({ children }) {
         }));
         break;
       }
-      case import_developer_studio_api.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 import_developer_studio_api.IntegrationNames.Mailchimp: {
         localStorage.removeItem(`mailchimp.token`);
         localStorage.removeItem(`mailchimp.server`);
@@ -919,9 +881,6 @@ function AuthProvider({ children }) {
     if (state.vercel.raw.token) {
       (0, import_developer_studio_api.updateVercelClient)(state.vercel.raw.token);
     }
-    if (state.neon.raw.token) {
-      (0, import_developer_studio_api.updateNeonClient)(state.neon.raw.token);
-    }
     if (state.mailchimp.raw.token) {
       (0, import_developer_studio_api.updateMailchimpClient)(state.mailchimp.raw.token);
     }
@@ -941,7 +900,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,
@@ -964,11 +922,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)
@@ -999,7 +952,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,
@@ -1114,7 +1066,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",
@@ -24917,11 +24868,6 @@ var import_react_router_dom32 = require("react-router-dom");
 var import_design_system_icons46 = require("@livechat/design-system-icons");
 var import_design_system_react_components88 = require("@livechat/design-system-react-components");
 var import_developer_studio_ui_react60 = require("@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;
@@ -24932,12 +24878,22 @@ var infoCss = css`
   }
 `;
 var imgContainerCss = css`
-  width: 100%;
+  position: relative;
   display: flex;
   justify-content: center;
   margin-top: var(${import_design_system_react_components88.SpacingToken.Spacing10});
+
+  img {
+    height: auto;
+    max-width: 100%;
+    margin-bottom: var(${import_design_system_react_components88.SpacingToken.Spacing10});
+
+    @media (min-width: 1080px) {
+      margin-bottom: 0;
+    }
+  }
 `;
-var Waitlist = () => {
+function Waitlist({ image }) {
   const {
     userData: { user, isLoading }
   } = (0, import_developer_studio_ui_react60.useRootContext)();
@@ -24952,52 +24908,52 @@ var Waitlist = () => {
     return /* @__PURE__ */ jsx4(import_developer_studio_ui_react60.Loader, { stretch: true });
   }
   return /* @__PURE__ */ jsxs2(import_developer_studio_ui_react60.View, { children: [
-    /* @__PURE__ */ jsx4(import_developer_studio_ui_react60.Row, { topMargin: true, verticalCenter: true, noMaxWidth: true, children: /* @__PURE__ */ jsx4(import_developer_studio_ui_react60.Column, { center: true, children: /* @__PURE__ */ jsx4(
+    /* @__PURE__ */ jsx4(import_developer_studio_ui_react60.Row, { noMaxWidth: true, topMargin: true, verticalCenter: true, children: /* @__PURE__ */ jsx4(import_developer_studio_ui_react60.Column, { center: true, children: /* @__PURE__ */ jsx4(
       import_developer_studio_ui_react60.Intro,
       {
+        body: "No-code setup to streamline tasks you would otherwise do manually",
+        center: true,
         header: /* @__PURE__ */ jsx4(import_developer_studio_ui_react60.Column, { notPadded: true, stretch: true, width: 4, children: /* @__PURE__ */ jsx4(
           import_developer_studio_ui_react60.Row,
           {
-            notPadded: true,
-            verticalCenter: true,
             center: true,
             gap: `var(${import_design_system_react_components88.SpacingToken.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(import_developer_studio_ui_react60.Row, { verticalCenter: true, gap: 8, topMargin: true, noMaxWidth: true, children: [
+    /* @__PURE__ */ jsxs2(import_developer_studio_ui_react60.Row, { gap: 8, noMaxWidth: true, topMargin: true, verticalCenter: true, children: [
       /* @__PURE__ */ jsx4(
         import_design_system_react_components88.Button,
         {
-          kind: "high-contrast",
-          href: config13.platformUrl + "/workflows#join",
           css: css`
             &:hover {
               color: var(${import_design_system_react_components88.DesignToken.ContentInvertPrimary});
             }
           `,
-          target: "_blank",
+          href: `${config13.platformUrl}/workflows#join`,
+          kind: "high-contrast",
           rel: "noopener noreferrer",
+          target: "_blank",
           children: "Join waitlist"
         }
       ),
       /* @__PURE__ */ jsx4(
         import_design_system_react_components88.Button,
         {
+          href: `${config13.platformUrl}/workflows`,
           kind: "plain",
-          href: config13.platformUrl + "/workflows",
-          target: "_blank",
           rel: "noopener noreferrer",
+          target: "_blank",
           children: "Learn more"
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs2(import_developer_studio_ui_react60.Row, { verticalCenter: true, gap: 8, topMargin: true, lowMargin: true, noMaxWidth: true, children: [
+    /* @__PURE__ */ jsxs2(import_developer_studio_ui_react60.Row, { gap: 8, lowMargin: true, noMaxWidth: true, topMargin: true, verticalCenter: true, children: [
       /* @__PURE__ */ jsxs2(import_design_system_react_components88.Text, { css: infoCss, size: "lg", children: [
         /* @__PURE__ */ jsx4(import_design_system_react_components88.Icon, { source: import_design_system_icons46.CheckCircle }),
         "integrated with popular platforms"
@@ -25011,39 +24967,29 @@ var Waitlist = () => {
         "build with ready-made blocks"
       ] })
     ] }),
-    /* @__PURE__ */ jsx4(import_developer_studio_ui_react60.Row, { center: true, verticalCenter: true, noMaxWidth: true, children: /* @__PURE__ */ jsx4(import_developer_studio_ui_react60.Column, { 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(${import_design_system_react_components88.SpacingToken.Spacing7});
-              `
-      }
-    ) }) }) })
+    /* @__PURE__ */ jsx4(import_developer_studio_ui_react60.Row, { center: true, noMaxWidth: true, verticalCenter: true, children: /* @__PURE__ */ jsx4(import_developer_studio_ui_react60.Column, { center: true, width: 5, children: /* @__PURE__ */ jsx4("div", { css: imgContainerCss, children: image }) }) })
   ] });
-};
+}
 var Waitlist_default = Waitlist;
 
 // src/views/Flows/index.tsx
 var import_jsx_runtime132 = require("react/jsx-runtime");
-var Flows = () => {
+function Flows({ waitlistImage }) {
   return /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(import_react_router_dom33.Routes, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_react_router_dom33.Route, { path: "*", element: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Definitions_default, {}) }),
-    /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_react_router_dom33.Route, { path: "/waitlist", element: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Waitlist_default, {}) })
+    /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_react_router_dom33.Route, { element: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Definitions_default, {}), path: "*" }),
+    /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_react_router_dom33.Route, { element: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Waitlist_default, { image: waitlistImage }), path: "/waitlist" })
   ] });
-};
+}
 var Flows_default = Flows;
 
 // src/views/Settings/index.tsx
-var import_react_router_dom45 = require("react-router-dom");
+var import_react_router_dom44 = require("react-router-dom");
 
 // src/views/Settings/Integrations/index.tsx
-var import_react_router_dom44 = require("react-router-dom");
-var import_design_system_react_components103 = require("@livechat/design-system-react-components");
-var import_developer_studio_api70 = require("@livechat/developer-studio-api");
-var import_developer_studio_ui_react86 = require("@livechat/developer-studio-ui-react");
+var import_react_router_dom43 = require("react-router-dom");
+var import_design_system_react_components102 = require("@livechat/design-system-react-components");
+var import_developer_studio_api64 = require("@livechat/developer-studio-api");
+var import_developer_studio_ui_react83 = require("@livechat/developer-studio-ui-react");
 
 // src/views/Settings/Integrations/Accounts/index.tsx
 var import_react_router_dom34 = require("react-router-dom");
@@ -26365,234 +26311,13 @@ var MailchimpIntegration = () => {
 };
 var Mailchimp_default2 = MailchimpIntegration;
 
-// src/views/Settings/Integrations/Neon/index.tsx
+// src/views/Settings/Integrations/Netlify/index.tsx
 var import_react_router_dom39 = require("react-router-dom");
 
-// src/views/Settings/Integrations/Neon/Action.tsx
+// src/views/Settings/Integrations/Netlify/Action.tsx
 var import_react166 = require("react");
 var import_developer_studio_api52 = require("@livechat/developer-studio-api");
 var import_developer_studio_ui_react72 = require("@livechat/developer-studio-ui-react");
-var import_jsx_runtime152 = require("react/jsx-runtime");
-var NeonAction = (props) => {
-  var _a;
-  const { login } = (0, import_react166.useContext)(AuthContext);
-  const match2 = (0, import_developer_studio_ui_react72.useMatch)();
-  const action = (_a = props.action) != null ? _a : match2.params.action;
-  if (!action) {
-    throw new Error("Invalid action");
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
-    IntegrationAction_default,
-    {
-      name: import_developer_studio_api52.IntegrationNames.Neon,
-      action,
-      data: props.data,
-      context: props.context,
-      serializedData: match2.params.data,
-      serializedContext: match2.params.context,
-      executor: props.executor,
-      trigger: {
-        mode: import_developer_studio_api52.IntegrationModes.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: import_developer_studio_api52.IntegrationNames.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
-var import_react167 = require("react");
-var import_developer_studio_ui_react73 = require("@livechat/developer-studio-ui-react");
-var import_jsx_runtime153 = require("react/jsx-runtime");
-var NeonCallback = () => {
-  const { login } = (0, import_react167.useContext)(AuthContext);
-  const match2 = (0, import_developer_studio_ui_react73.useMatch)();
-  const action = match2.params.action;
-  if (!action) {
-    throw new Error("Invalid action");
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(
-    IntegrationCallback_default,
-    {
-      handler: (output) => neonActionHandlers(login)[action](output)
-    }
-  );
-};
-var Callback_default6 = NeonCallback;
-
-// src/views/Settings/Integrations/Neon/Status.tsx
-var import_react171 = require("react");
-var import_design_system_icons52 = require("@livechat/design-system-icons");
-var import_design_system_react_components98 = require("@livechat/design-system-react-components");
-var import_developer_studio_api57 = require("@livechat/developer-studio-api");
-var import_developer_studio_ui_react74 = require("@livechat/developer-studio-ui-react");
-
-// src/hooks/integrations/neon/credentials.ts
-var import_developer_studio_api53 = require("@livechat/developer-studio-api");
-var useFetchNeonCredentials = () => {
-  var _a, _b;
-  const credentialsQuery = useFetchIntegrationCredentialsQuery(
-    import_developer_studio_api53.IntegrationNames.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
-var import_react168 = require("react");
-var import_react_query12 = require("@tanstack/react-query");
-var import_developer_studio_api54 = require("@livechat/developer-studio-api");
-
-// src/hooks/integrations/neon/projects.ts
-var import_react169 = require("react");
-var import_react_query13 = require("@tanstack/react-query");
-var import_developer_studio_api55 = require("@livechat/developer-studio-api");
-
-// src/hooks/integrations/neon/user.ts
-var import_react170 = require("react");
-var import_react_query14 = require("@tanstack/react-query");
-var import_developer_studio_api56 = require("@livechat/developer-studio-api");
-
-// src/views/Settings/Integrations/Neon/Status.tsx
-var NeonStatus = () => {
-  const credentialsQuery = useFetchNeonCredentials();
-  const removeCredentialMutation = useRemoveIntegrationCredential();
-  const refetch = (0, import_react171.useCallback)(() => {
-    credentialsQuery.refetch();
-  }, [credentialsQuery]);
-  const oauthCredential = credentialsQuery.data.internal;
-  const otherCredentials = credentialsQuery.data.other;
-  const Connect = (0, import_react171.useCallback)(
-    ({ credential }) => /* @__PURE__ */ jsx4(
-      Action_default7,
-      {
-        action: "authorize",
-        executor: {
-          type: "manual",
-          render: (confirm) => /* @__PURE__ */ jsx4(
-            import_design_system_react_components98.Button,
-            {
-              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: import_developer_studio_api57.IntegrationDisplayNames.Neon,
-      subtitle: `${import_developer_studio_api57.IntegrationDisplayNames.Neon} integration`,
-      header: `${import_developer_studio_api57.IntegrationDisplayNames.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(import_developer_studio_ui_react74.Neon, {}),
-      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(import_developer_studio_ui_react74.Neon, {}),
-            action: !credentialsQuery.isFetching ? /* @__PURE__ */ jsx4(Connect, { credential: oauthCredential }) : void 0,
-            status: !credentialsQuery.isFetching && (oauthCredential == null ? void 0 : oauthCredential.name) ? /* @__PURE__ */ jsx4(
-              import_design_system_react_components98.Button,
-              {
-                size: "xcompact",
-                icon: /* @__PURE__ */ jsx4(import_design_system_react_components98.Icon, { source: import_design_system_icons52.Delete, 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
-var import_jsx_runtime155 = require("react/jsx-runtime");
-var NeonIntegration = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime155.jsxs)(import_react_router_dom39.Routes, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(import_react_router_dom39.Route, { path: "/", element: /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(import_react_router_dom39.Navigate, { to: "status", replace: true }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(import_react_router_dom39.Route, { path: "/status", element: /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(Status_default5, {}) }),
-    /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(import_react_router_dom39.Route, { path: "/action/:action/:data?/:context?", element: /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(Action_default7, {}) }),
-    /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(import_react_router_dom39.Route, { path: "/callback/:action", element: /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(Callback_default6, {}) })
-  ] });
-};
-var Neon_default = NeonIntegration;
-
-// src/views/Settings/Integrations/Netlify/index.tsx
-var import_react_router_dom40 = require("react-router-dom");
-
-// src/views/Settings/Integrations/Netlify/Action.tsx
-var import_react172 = require("react");
-var import_developer_studio_api58 = require("@livechat/developer-studio-api");
-var import_developer_studio_ui_react75 = require("@livechat/developer-studio-ui-react");
 
 // src/utils/amplitude/journeys/application/blocks/deployment.ts
 var appDeploymentBlockAmplitudeJourneyFactory = (email) => ({
@@ -26708,22 +26433,22 @@ var appDeploymentBlockAmplitudeJourneyFactory = (email) => ({
 });
 
 // src/views/Settings/Integrations/Netlify/Action.tsx
-var import_jsx_runtime156 = require("react/jsx-runtime");
+var import_jsx_runtime152 = require("react/jsx-runtime");
 var NetlifyAction = (props) => {
   var _a;
-  const { login } = (0, import_react172.useContext)(AuthContext);
-  const match2 = (0, import_developer_studio_ui_react75.useMatch)();
+  const { login } = (0, import_react166.useContext)(AuthContext);
+  const match2 = (0, import_developer_studio_ui_react72.useMatch)();
   const {
     userData: { user }
-  } = (0, import_developer_studio_ui_react75.useRootContext)();
+  } = (0, import_developer_studio_ui_react72.useRootContext)();
   const action = (_a = props.action) != null ? _a : match2.params.action;
   if (!action) {
     throw new Error("Invalid action");
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
     IntegrationAction_default,
     {
-      name: import_developer_studio_api58.IntegrationNames.Netlify,
+      name: import_developer_studio_api52.IntegrationNames.Netlify,
       action,
       data: props.data,
       context: props.context,
@@ -26731,7 +26456,7 @@ var NetlifyAction = (props) => {
       serializedContext: match2.params.context,
       executor: props.executor,
       trigger: {
-        mode: import_developer_studio_api58.IntegrationModes.Modal,
+        mode: import_developer_studio_api52.IntegrationModes.Modal,
         handler: (output) => netlifyActionHandlers(login, user == null ? void 0 : user.meta.email)[action](output)
       },
       onSuccess: props.onSuccess
@@ -26741,9 +26466,9 @@ var NetlifyAction = (props) => {
 function triggerNetlifyAction(props, meta) {
   return executeIntegrationAction(
     __spreadProps(__spreadValues({}, props), {
-      name: import_developer_studio_api58.IntegrationNames.Netlify,
+      name: import_developer_studio_api52.IntegrationNames.Netlify,
       trigger: {
-        mode: import_developer_studio_api58.IntegrationModes.Modal,
+        mode: import_developer_studio_api52.IntegrationModes.Modal,
         handler: (output) => netlifyActionHandlers(
           meta.login,
           meta.user.meta.email
@@ -26759,10 +26484,10 @@ var netlifyActionHandlers = (login, email) => {
     authorize: (output) => {
       if (output.status === "success" && output.result.token) {
         amplitudeDeploymentJourney.app.deployment.actions.authorize.success(
-          import_developer_studio_api58.IntegrationNames.Netlify
+          import_developer_studio_api52.IntegrationNames.Netlify
         );
         login({
-          source: import_developer_studio_api58.IntegrationNames.Netlify,
+          source: import_developer_studio_api52.IntegrationNames.Netlify,
           data: { token: output.result.token }
         });
         return {
@@ -26783,7 +26508,7 @@ var netlifyActionHandlers = (login, email) => {
     install: (output) => {
       if (output.status === "success" && output.result.installationId) {
         amplitudeDeploymentJourney.app.deployment.actions.install.success(
-          import_developer_studio_api58.IntegrationNames.Netlify
+          import_developer_studio_api52.IntegrationNames.Netlify
         );
         return {
           isValid: true,
@@ -26798,44 +26523,44 @@ var netlifyActionHandlers = (login, email) => {
   };
   return handlers;
 };
-var Action_default8 = NetlifyAction;
+var Action_default7 = NetlifyAction;
 
 // src/views/Settings/Integrations/Netlify/Callback.tsx
-var import_react173 = require("react");
-var import_developer_studio_ui_react76 = require("@livechat/developer-studio-ui-react");
-var import_jsx_runtime157 = require("react/jsx-runtime");
+var import_react167 = require("react");
+var import_developer_studio_ui_react73 = require("@livechat/developer-studio-ui-react");
+var import_jsx_runtime153 = require("react/jsx-runtime");
 var NetlifyCallback = () => {
-  const match2 = (0, import_developer_studio_ui_react76.useMatch)();
-  const { login } = (0, import_react173.useContext)(AuthContext);
+  const match2 = (0, import_developer_studio_ui_react73.useMatch)();
+  const { login } = (0, import_react167.useContext)(AuthContext);
   const action = match2.params.action;
   const {
     userData: { user }
-  } = (0, import_developer_studio_ui_react76.useRootContext)();
+  } = (0, import_developer_studio_ui_react73.useRootContext)();
   if (!action) {
     throw new Error("Invalid action");
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(
     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
-var import_react175 = require("react");
-var import_design_system_icons53 = require("@livechat/design-system-icons");
-var import_design_system_react_components99 = require("@livechat/design-system-react-components");
-var import_developer_studio_api62 = require("@livechat/developer-studio-api");
-var import_developer_studio_ui_react77 = require("@livechat/developer-studio-ui-react");
+var import_react169 = require("react");
+var import_design_system_icons52 = require("@livechat/design-system-icons");
+var import_design_system_react_components98 = require("@livechat/design-system-react-components");
+var import_developer_studio_api56 = require("@livechat/developer-studio-api");
+var import_developer_studio_ui_react74 = require("@livechat/developer-studio-ui-react");
 
 // src/hooks/integrations/netlify/credentials.ts
-var import_developer_studio_api59 = require("@livechat/developer-studio-api");
+var import_developer_studio_api53 = require("@livechat/developer-studio-api");
 var useFetchNetlifyCredentials = () => {
   var _a, _b;
   const credentialsQuery = useFetchIntegrationCredentialsQuery(
-    import_developer_studio_api59.IntegrationNames.Netlify
+    import_developer_studio_api53.IntegrationNames.Netlify
   );
   const oauthCredential = (_a = credentialsQuery.data) == null ? void 0 : _a.find(
     (credential) => credential.type === "oauth2" && credential.data.client_id === getWorkflowEnv("netlifyClientId")
@@ -26852,22 +26577,22 @@ var useFetchNetlifyCredentials = () => {
 };
 
 // src/hooks/integrations/netlify/site.ts
-var import_react174 = require("react");
-var import_react_query15 = require("@tanstack/react-query");
-var import_developer_studio_api60 = require("@livechat/developer-studio-api");
+var import_react168 = require("react");
+var import_react_query12 = require("@tanstack/react-query");
+var import_developer_studio_api54 = require("@livechat/developer-studio-api");
 var netlifyDeploymentQueryKeys = {
   getSites: ["netlify.getSites"]
 };
 var useFetchNetlifySitesQuery = (isAuthorized) => {
-  const { logout } = (0, import_react174.useContext)(AuthContext);
-  return (0, import_react_query15.useQuery)(
+  const { logout } = (0, import_react168.useContext)(AuthContext);
+  return (0, import_react_query12.useQuery)(
     netlifyDeploymentQueryKeys.getSites,
-    () => import_developer_studio_api60.api.integrations.netlify.site.getSites(),
+    () => import_developer_studio_api54.api.integrations.netlify.site.getSites(),
     {
       retry: false,
       onError: (error) => {
-        if (error instanceof import_developer_studio_api60.UnauthorizeApiError) {
-          logout(import_developer_studio_api60.IntegrationNames.Netlify);
+        if (error instanceof import_developer_studio_api54.UnauthorizeApiError) {
+          logout(import_developer_studio_api54.IntegrationNames.Netlify);
         }
       },
       enabled: isAuthorized
@@ -26876,12 +26601,12 @@ var useFetchNetlifySitesQuery = (isAuthorized) => {
 };
 
 // src/hooks/state/user/integrations/netlify.ts
-var import_react_query16 = require("@tanstack/react-query");
-var import_developer_studio_api61 = require("@livechat/developer-studio-api");
+var import_react_query13 = require("@tanstack/react-query");
+var import_developer_studio_api55 = require("@livechat/developer-studio-api");
 var useUpdateUserNetlifyIntegrationQuery = () => {
-  const queryClient = (0, import_react_query16.useQueryClient)();
-  const { mutateAsync: updateUserNetlifyIntegration, isLoading } = (0, import_react_query16.useMutation)(
-    (userNetlifyIntegration) => import_developer_studio_api61.api.platform.dps.user.updateUserNetlifyIntegration(
+  const queryClient = (0, import_react_query13.useQueryClient)();
+  const { mutateAsync: updateUserNetlifyIntegration, isLoading } = (0, import_react_query13.useMutation)(
+    (userNetlifyIntegration) => import_developer_studio_api55.api.platform.dps.user.updateUserNetlifyIntegration(
       userNetlifyIntegration
     ),
     {
@@ -26908,7 +26633,7 @@ var notFoundInfoCss = css`
   font-size: 13px;
   font-weight: 400;
   line-height: 16px;
-  color: var(${import_design_system_react_components99.DesignToken.ContentBasicSecondary});
+  color: var(${import_design_system_react_components98.DesignToken.ContentBasicSecondary});
   margin: 0;
 
   span {
@@ -26920,9 +26645,9 @@ var NetlifyStatus = () => {
   var _a, _b, _c, _d;
   const {
     userData: { user }
-  } = (0, import_developer_studio_ui_react77.useRootContext)();
-  const { state, login } = (0, import_react175.useContext)(AuthContext);
-  const { context: notifications } = (0, import_developer_studio_ui_react77.useNotifications)();
+  } = (0, import_developer_studio_ui_react74.useRootContext)();
+  const { state, login } = (0, import_react169.useContext)(AuthContext);
+  const { context: notifications } = (0, import_developer_studio_ui_react74.useNotifications)();
   const userIntegrationsQuery = useFetchUserIntegrationsQuery();
   const removeCredentialMutation = useRemoveIntegrationCredential();
   const credentialsQuery = useFetchNetlifyCredentials();
@@ -26932,26 +26657,26 @@ var NetlifyStatus = () => {
   const amplitudeDeploymentJourney = appDeploymentBlockAmplitudeJourneyFactory(
     user == null ? void 0 : user.meta.email
   );
-  const refetch = (0, import_react175.useCallback)(() => {
+  const refetch = (0, import_react169.useCallback)(() => {
     credentialsQuery.refetch();
     userIntegrationsQuery.refetch();
     sitesQuery.refetch();
   }, [credentialsQuery, userIntegrationsQuery, sitesQuery]);
   const { updateUserNetlifyIntegration } = useUpdateUserNetlifyIntegrationQuery();
-  const [isDropdownVisible, setIsDropdownVisible] = (0, import_react175.useState)(false);
+  const [isDropdownVisible, setIsDropdownVisible] = (0, import_react169.useState)(false);
   const oauthCredential = credentialsQuery.data.internal;
   const otherCredentials = credentialsQuery.data.other;
   const isInstalled = Boolean((_c = (_b = userIntegrationsQuery.data) == null ? void 0 : _b.netlify) == null ? void 0 : _c.githubInstallationId);
   const doesNetlifySiteHasInstallID = (_d = sitesQuery.data) == null ? void 0 : _d.some(
     (element) => element.build_settings.installation_id
   );
-  (0, import_react175.useEffect)(() => {
+  (0, import_react169.useEffect)(() => {
     if (credentialsQuery.isFetching) {
       return;
     }
     if (!(oauthCredential == null ? void 0 : oauthCredential.data.connected)) {
       amplitudeDeploymentJourney.app.deployment.actions.authorize.requested(
-        import_developer_studio_api62.IntegrationNames.Netlify
+        import_developer_studio_api56.IntegrationNames.Netlify
       );
       return;
     }
@@ -26960,7 +26685,7 @@ var NetlifyStatus = () => {
     }
     if (!isInstalled) {
       amplitudeDeploymentJourney.app.deployment.actions.install.requested(
-        import_developer_studio_api62.IntegrationNames.Netlify
+        import_developer_studio_api56.IntegrationNames.Netlify
       );
     }
   }, [credentialsQuery, oauthCredential, userIntegrationsQuery, isInstalled]);
@@ -26968,7 +26693,7 @@ var NetlifyStatus = () => {
     "my-channel",
     "my-event",
     (data) => {
-      if (data.userId !== (user == null ? void 0 : user.profile.id) || data.integration !== import_developer_studio_api62.IntegrationNames.Netlify) {
+      if (data.userId !== (user == null ? void 0 : user.profile.id) || data.integration !== import_developer_studio_api56.IntegrationNames.Netlify) {
         return;
       }
       if (data.action === "authorize" || data.action === "install") {
@@ -26977,21 +26702,21 @@ var NetlifyStatus = () => {
     },
     [refetch]
   );
-  const Connect = (0, import_react175.useCallback)(
+  const Connect = (0, import_react169.useCallback)(
     ({ credential }) => /* @__PURE__ */ jsx4(
-      Action_default8,
+      Action_default7,
       {
         action: "authorize",
         executor: {
           type: "manual",
           render: (confirm) => /* @__PURE__ */ jsx4(
-            import_design_system_react_components99.Button,
+            import_design_system_react_components98.Button,
             {
               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(
-                    import_developer_studio_api62.IntegrationNames.Netlify
+                    import_developer_studio_api56.IntegrationNames.Netlify
                   );
                 }
                 confirm();
@@ -27016,23 +26741,23 @@ var NetlifyStatus = () => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [refetch]
   );
-  const Install = (0, import_react175.useCallback)(
+  const Install = (0, import_react169.useCallback)(
     () => {
       var _a2;
       return /* @__PURE__ */ jsx4(
-        Action_default8,
+        Action_default7,
         {
           action: "install",
           executor: {
             type: "manual",
             render: (confirm) => /* @__PURE__ */ jsx4(
-              import_design_system_react_components99.Button,
+              import_design_system_react_components98.Button,
               {
                 kind: userIntegrationsQuery.isLoading ? "text" : isInstalled ? "secondary" : "primary",
                 loading: userIntegrationsQuery.isLoading,
                 onClick: () => {
                   amplitudeDeploymentJourney.app.deployment.actions.install.click(
-                    import_developer_studio_api62.IntegrationNames.Netlify
+                    import_developer_studio_api56.IntegrationNames.Netlify
                   );
                   confirm();
                 },
@@ -27047,7 +26772,7 @@ var NetlifyStatus = () => {
             }
           },
           context: {
-            credentialId: import_developer_studio_api62.IntegrationNames.Netlify,
+            credentialId: import_developer_studio_api56.IntegrationNames.Netlify,
             token: (_a2 = state.netlify.raw.token) != null ? _a2 : "",
             showInstruction: !isInstalled ? true : void 0
           },
@@ -27118,11 +26843,11 @@ var NetlifyStatus = () => {
   return /* @__PURE__ */ jsxs2(
     IntegrationStatus_default,
     {
-      title: import_developer_studio_api62.IntegrationDisplayNames.Netlify,
-      subtitle: `${import_developer_studio_api62.IntegrationDisplayNames.Netlify} integration`,
-      header: `${import_developer_studio_api62.IntegrationDisplayNames.Netlify} integration`,
+      title: import_developer_studio_api56.IntegrationDisplayNames.Netlify,
+      subtitle: `${import_developer_studio_api56.IntegrationDisplayNames.Netlify} integration`,
+      header: `${import_developer_studio_api56.IntegrationDisplayNames.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(import_developer_studio_ui_react77.Netlify, {}),
+      icon: /* @__PURE__ */ jsx4(import_developer_studio_ui_react74.Netlify, {}),
       dataCy: "netlify-integration-component",
       children: [
         /* @__PURE__ */ jsx4(
@@ -27131,22 +26856,22 @@ var NetlifyStatus = () => {
             title: "Text Platform | Developer Console",
             isConnected: Boolean(oauthCredential == null ? void 0 : oauthCredential.data.connected),
             isLoading: credentialsQuery.isFetching,
-            icon: /* @__PURE__ */ jsx4(import_developer_studio_ui_react77.Netlify, {}),
-            action: !(oauthCredential == null ? void 0 : oauthCredential.data.connected) && !credentialsQuery.isFetching ? /* @__PURE__ */ jsx4(Connect, {}) : !credentialsQuery.isFetching ? /* @__PURE__ */ jsxs2(import_developer_studio_ui_react77.Row, { notPadded: true, flexEnd: true, gap: `var(${import_design_system_react_components99.SpacingToken.Spacing2})`, children: [
+            icon: /* @__PURE__ */ jsx4(import_developer_studio_ui_react74.Netlify, {}),
+            action: !(oauthCredential == null ? void 0 : oauthCredential.data.connected) && !credentialsQuery.isFetching ? /* @__PURE__ */ jsx4(Connect, {}) : !credentialsQuery.isFetching ? /* @__PURE__ */ jsxs2(import_developer_studio_ui_react74.Row, { notPadded: true, flexEnd: true, gap: `var(${import_design_system_react_components98.SpacingToken.Spacing2})`, children: [
               !userIntegrationsQuery.isFetching && !isInstalled ? /* @__PURE__ */ jsx4(Install, {}) : void 0,
               /* @__PURE__ */ jsx4(
-                import_design_system_react_components99.ActionMenu,
+                import_design_system_react_components98.ActionMenu,
                 {
                   visible: isDropdownVisible,
                   placement: "bottom",
                   triggerRenderer: /* @__PURE__ */ jsx4(
-                    import_design_system_react_components99.Button,
+                    import_design_system_react_components98.Button,
                     {
                       kind: "secondary",
                       onClick: () => {
                         setIsDropdownVisible(!isDropdownVisible);
                       },
-                      icon: isDropdownVisible ? /* @__PURE__ */ jsx4(import_design_system_react_components99.Icon, { source: import_design_system_icons53.ChevronUp }) : /* @__PURE__ */ jsx4(import_design_system_react_components99.Icon, { source: import_design_system_icons53.ChevronDown }),
+                      icon: isDropdownVisible ? /* @__PURE__ */ jsx4(import_design_system_react_components98.Icon, { source: import_design_system_icons52.ChevronUp }) : /* @__PURE__ */ jsx4(import_design_system_react_components98.Icon, { source: import_design_system_icons52.ChevronDown }),
                       iconPosition: "right",
                       children: "Settings"
                     }
@@ -27158,17 +26883,17 @@ var NetlifyStatus = () => {
                 }
               )
             ] }) : void 0,
-            status: !credentialsQuery.isFetching && (oauthCredential == null ? void 0 : oauthCredential.name) ? /* @__PURE__ */ jsxs2(import_react175.Fragment, { children: [
+            status: !credentialsQuery.isFetching && (oauthCredential == null ? void 0 : oauthCredential.name) ? /* @__PURE__ */ jsxs2(import_react169.Fragment, { children: [
               (oauthCredential == null ? void 0 : oauthCredential.data.connected) ? getConnectionStatus(
                 isInstalled,
                 "install",
                 userIntegrationsQuery.isFetching
               ) : void 0,
               /* @__PURE__ */ jsx4(
-                import_design_system_react_components99.Button,
+                import_design_system_react_components98.Button,
                 {
                   size: "xcompact",
-                  icon: /* @__PURE__ */ jsx4(import_design_system_react_components99.Icon, { source: import_design_system_icons53.Delete, size: "small" }),
+                  icon: /* @__PURE__ */ jsx4(import_design_system_react_components98.Icon, { source: import_design_system_icons52.Delete, size: "small" }),
                   onClick: () => {
                     if (oauthCredential.name) {
                       removeCredentialMutation.mutateAsync(oauthCredential);
@@ -27180,7 +26905,7 @@ var NetlifyStatus = () => {
             ] }) : void 0
           }
         ),
-        oauthCredential && isInstalled && !sitesQuery.isFetching && !doesNetlifySiteHasInstallID ? /* @__PURE__ */ jsx4(import_developer_studio_ui_react77.Row, { setRowPadding: "8px 0 0 26px", children: /* @__PURE__ */ jsxs2("p", { css: notFoundInfoCss, children: [
+        oauthCredential && isInstalled && !sitesQuery.isFetching && !doesNetlifySiteHasInstallID ? /* @__PURE__ */ jsx4(import_developer_studio_ui_react74.Row, { setRowPadding: "8px 0 0 26px", children: /* @__PURE__ */ jsxs2("p", { css: notFoundInfoCss, children: [
           "In case of GitHub Installation page returns 404,",
           " ",
           /* @__PURE__ */ jsx4(
@@ -27204,72 +26929,72 @@ var NetlifyStatus = () => {
     }
   );
 };
-var Status_default6 = NetlifyStatus;
+var Status_default5 = NetlifyStatus;
 
 // src/views/Settings/Integrations/Netlify/index.tsx
-var import_jsx_runtime159 = require("react/jsx-runtime");
+var import_jsx_runtime155 = require("react/jsx-runtime");
 var NetlifyIntegration = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime159.jsxs)(import_react_router_dom40.Routes, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(import_react_router_dom40.Route, { path: "/", element: /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(import_react_router_dom40.Navigate, { to: "status", replace: true }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(import_react_router_dom40.Route, { path: "/status", element: /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(Status_default6, {}) }),
-    /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(
-      import_react_router_dom40.Route,
+  return /* @__PURE__ */ (0, import_jsx_runtime155.jsxs)(import_react_router_dom39.Routes, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(import_react_router_dom39.Route, { path: "/", element: /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(import_react_router_dom39.Navigate, { to: "status", replace: true }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(import_react_router_dom39.Route, { path: "/status", element: /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(Status_default5, {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(
+      import_react_router_dom39.Route,
       {
         path: "/action/:action/:data?/:context?",
-        element: /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(Action_default8, {})
+        element: /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(Action_default7, {})
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(import_react_router_dom40.Route, { path: "/callback/:action", element: /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(Callback_default7, {}) })
+    /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(import_react_router_dom39.Route, { path: "/callback/:action", element: /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(Callback_default6, {}) })
   ] });
 };
 var Netlify_default = NetlifyIntegration;
 
 // src/views/Settings/Integrations/Shopify/index.tsx
-var import_react_router_dom41 = require("react-router-dom");
+var import_react_router_dom40 = require("react-router-dom");
 
 // src/views/Settings/Integrations/Shopify/Callback.tsx
-var import_react177 = require("react");
-var import_developer_studio_ui_react78 = require("@livechat/developer-studio-ui-react");
-var import_jsx_runtime160 = require("react/jsx-runtime");
+var import_react171 = require("react");
+var import_developer_studio_ui_react75 = require("@livechat/developer-studio-ui-react");
+var import_jsx_runtime156 = require("react/jsx-runtime");
 var ShopifyCallback = () => {
-  const { login } = (0, import_react177.useContext)(AuthContext);
-  const match2 = (0, import_developer_studio_ui_react78.useMatch)();
+  const { login } = (0, import_react171.useContext)(AuthContext);
+  const match2 = (0, import_developer_studio_ui_react75.useMatch)();
   const action = match2.params.action;
   if (!action) {
     throw new Error("Invalid action");
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(
     IntegrationCallback_default,
     {
       handler: (output) => shopifyActionHandlers(login)[action](output)
     }
   );
 };
-var Callback_default8 = ShopifyCallback;
+var Callback_default7 = ShopifyCallback;
 
 // src/views/Settings/Integrations/Shopify/Status.tsx
-var import_react178 = require("react");
+var import_react172 = require("react");
 var import_design_system4 = require("@livechat/design-system");
-var import_design_system_icons54 = require("@livechat/design-system-icons");
-var import_design_system_react_components100 = require("@livechat/design-system-react-components");
-var import_developer_studio_api63 = require("@livechat/developer-studio-api");
-var import_developer_studio_ui_react79 = require("@livechat/developer-studio-ui-react");
+var import_design_system_icons53 = require("@livechat/design-system-icons");
+var import_design_system_react_components99 = require("@livechat/design-system-react-components");
+var import_developer_studio_api57 = require("@livechat/developer-studio-api");
+var import_developer_studio_ui_react76 = require("@livechat/developer-studio-ui-react");
 var ShopifyStatus = () => {
   var _a;
   const {
     userData: { user }
-  } = (0, import_developer_studio_ui_react79.useRootContext)();
-  const { login } = (0, import_react178.useContext)(AuthContext);
-  const { context: notifications } = (0, import_developer_studio_ui_react79.useNotifications)();
+  } = (0, import_developer_studio_ui_react76.useRootContext)();
+  const { login } = (0, import_react172.useContext)(AuthContext);
+  const { context: notifications } = (0, import_developer_studio_ui_react76.useNotifications)();
   const credentialsQuery = useFetchShopifyCredentials();
   const removeCredentialMutation = useRemoveIntegrationCredential();
-  const [state, setState] = (0, import_react178.useState)();
-  const refetch = (0, import_react178.useCallback)(() => {
+  const [state, setState] = (0, import_react172.useState)();
+  const refetch = (0, import_react172.useCallback)(() => {
     credentialsQuery.refetch();
   }, [credentialsQuery]);
   const oauthCredential = credentialsQuery.data.internal;
   const otherCredentials = credentialsQuery.data.other;
-  const triggerConnect = (0, import_react178.useCallback)(
+  const triggerConnect = (0, import_react172.useCallback)(
     (shop) => {
       user && triggerShopifyAction(
         {
@@ -27294,14 +27019,14 @@ var ShopifyStatus = () => {
     },
     [login, refetch, notifications, user]
   );
-  const toggleModal = (0, import_react178.useCallback)((isVisible) => {
+  const toggleModal = (0, import_react172.useCallback)((isVisible) => {
     setState((prevState) => __spreadProps(__spreadValues({}, prevState), {
       modal: {
         isVisible
       }
     }));
   }, []);
-  const updateShop = (0, import_react178.useCallback)((shop) => {
+  const updateShop = (0, import_react172.useCallback)((shop) => {
     setState(
       (prevState) => {
         var _a2;
@@ -27313,7 +27038,7 @@ var ShopifyStatus = () => {
       }
     );
   }, []);
-  const submit = (0, import_react178.useCallback)(() => {
+  const submit = (0, import_react172.useCallback)(() => {
     var _a2, _b;
     setState(
       (prevState) => {
@@ -27330,11 +27055,11 @@ var ShopifyStatus = () => {
       triggerConnect(state.modal.shop);
     }
   }, [state == null ? void 0 : state.modal, toggleModal, triggerConnect]);
-  const Connect = (0, import_react178.useCallback)(
+  const Connect = (0, import_react172.useCallback)(
     ({ credential }) => {
       if (!credential) {
         return /* @__PURE__ */ jsx4(
-          import_design_system_react_components100.Button,
+          import_design_system_react_components99.Button,
           {
             kind: "primary",
             onClick: () => {
@@ -27353,7 +27078,7 @@ var ShopifyStatus = () => {
           executor: {
             type: "manual",
             render: (confirm) => /* @__PURE__ */ jsx4(
-              import_design_system_react_components100.Button,
+              import_design_system_react_components99.Button,
               {
                 kind: (credential == null ? void 0 : credential.data.connected) ? "secondary" : "primary",
                 onClick: () => {
@@ -27383,21 +27108,21 @@ var ShopifyStatus = () => {
     },
     [refetch, toggleModal]
   );
-  return /* @__PURE__ */ jsxs2(import_react178.Fragment, { children: [
+  return /* @__PURE__ */ jsxs2(import_react172.Fragment, { children: [
     ((_a = state == null ? void 0 : state.modal) == null ? void 0 : _a.isVisible) ? /* @__PURE__ */ jsx4(
-      import_design_system_react_components100.Modal,
+      import_design_system_react_components99.Modal,
       {
         onClose: () => {
           toggleModal(false);
         },
         children: /* @__PURE__ */ jsx4(
-          import_design_system_react_components100.Form,
+          import_design_system_react_components99.Form,
           {
-            formFooter: /* @__PURE__ */ jsx4(import_design_system_react_components100.Button, { kind: "primary", onClick: submit, iconPosition: "right", children: "Connect" }),
+            formFooter: /* @__PURE__ */ jsx4(import_design_system_react_components99.Button, { kind: "primary", onClick: submit, iconPosition: "right", children: "Connect" }),
             helperText: "Enter your shopify shop name",
             labelText: "Shop",
-            children: /* @__PURE__ */ jsx4(import_design_system_react_components100.FormField, { labelText: "Shop", children: /* @__PURE__ */ jsx4(
-              import_design_system_react_components100.Input,
+            children: /* @__PURE__ */ jsx4(import_design_system_react_components99.FormField, { labelText: "Shop", children: /* @__PURE__ */ jsx4(
+              import_design_system_react_components99.Input,
               {
                 error: Boolean(state.modal.isSubmitted && !state.modal.shop),
                 onChange: (event) => {
@@ -27419,11 +27144,11 @@ var ShopifyStatus = () => {
     /* @__PURE__ */ jsxs2(
       IntegrationStatus_default,
       {
-        title: import_developer_studio_api63.IntegrationDisplayNames.Shopify,
-        subtitle: `${import_developer_studio_api63.IntegrationDisplayNames.Shopify} integration`,
-        header: `${import_developer_studio_api63.IntegrationDisplayNames.Shopify} integration`,
+        title: import_developer_studio_api57.IntegrationDisplayNames.Shopify,
+        subtitle: `${import_developer_studio_api57.IntegrationDisplayNames.Shopify} integration`,
+        header: `${import_developer_studio_api57.IntegrationDisplayNames.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(import_design_system_icons54.ShopifyColored, {}),
+        icon: /* @__PURE__ */ jsx4(import_design_system_icons53.ShopifyColored, {}),
         dataCy: "shopify-integration-component",
         children: [
           /* @__PURE__ */ jsx4(
@@ -27432,13 +27157,13 @@ var ShopifyStatus = () => {
               title: "Text Platform | Developer Console",
               isConnected: Boolean(oauthCredential == null ? void 0 : oauthCredential.data.connected),
               isLoading: credentialsQuery.isFetching,
-              icon: /* @__PURE__ */ jsx4(import_design_system_icons54.ShopifyColored, {}),
+              icon: /* @__PURE__ */ jsx4(import_design_system_icons53.ShopifyColored, {}),
               action: !credentialsQuery.isFetching ? /* @__PURE__ */ jsx4(Connect, { credential: oauthCredential }) : void 0,
               status: !credentialsQuery.isFetching && (oauthCredential == null ? void 0 : oauthCredential.name) ? /* @__PURE__ */ jsx4(
-                import_design_system_react_components100.Button,
+                import_design_system_react_components99.Button,
                 {
                   size: "xcompact",
-                  icon: /* @__PURE__ */ jsx4(import_design_system_react_components100.Icon, { source: import_design_system_icons54.Delete, size: "small" }),
+                  icon: /* @__PURE__ */ jsx4(import_design_system_react_components99.Icon, { source: import_design_system_icons53.Delete, size: "small" }),
                   onClick: () => {
                     if (oauthCredential.name) {
                       removeCredentialMutation.mutateAsync(oauthCredential);
@@ -27461,46 +27186,46 @@ var ShopifyStatus = () => {
     )
   ] });
 };
-var Status_default7 = (0, import_design_system4.notificationConnect)(ShopifyStatus);
+var Status_default6 = (0, import_design_system4.notificationConnect)(ShopifyStatus);
 
 // src/views/Settings/Integrations/Shopify/index.tsx
-var import_jsx_runtime162 = require("react/jsx-runtime");
+var import_jsx_runtime158 = require("react/jsx-runtime");
 var ShopifyIntegration = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime162.jsxs)(import_react_router_dom41.Routes, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime162.jsx)(import_react_router_dom41.Route, { path: "/", element: /* @__PURE__ */ (0, import_jsx_runtime162.jsx)(import_react_router_dom41.Navigate, { to: "status", replace: true }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime162.jsx)(import_react_router_dom41.Route, { path: "/status", element: /* @__PURE__ */ (0, import_jsx_runtime162.jsx)(Status_default7, {}) }),
-    /* @__PURE__ */ (0, import_jsx_runtime162.jsx)(
-      import_react_router_dom41.Route,
+  return /* @__PURE__ */ (0, import_jsx_runtime158.jsxs)(import_react_router_dom40.Routes, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(import_react_router_dom40.Route, { path: "/", element: /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(import_react_router_dom40.Navigate, { to: "status", replace: true }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(import_react_router_dom40.Route, { path: "/status", element: /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(Status_default6, {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(
+      import_react_router_dom40.Route,
       {
         path: "/action/:action/:data?/:context?",
-        element: /* @__PURE__ */ (0, import_jsx_runtime162.jsx)(Action_default4, {})
+        element: /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(Action_default4, {})
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime162.jsx)(import_react_router_dom41.Route, { path: "/callback/:action", element: /* @__PURE__ */ (0, import_jsx_runtime162.jsx)(Callback_default8, {}) })
+    /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(import_react_router_dom40.Route, { path: "/callback/:action", element: /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(Callback_default7, {}) })
   ] });
 };
 var Shopify_default2 = ShopifyIntegration;
 
 // src/views/Settings/Integrations/Text/index.tsx
-var import_react_router_dom42 = require("react-router-dom");
+var import_react_router_dom41 = require("react-router-dom");
 
 // src/views/Settings/Integrations/Text/Action.tsx
-var import_react179 = require("react");
-var import_developer_studio_api64 = require("@livechat/developer-studio-api");
-var import_developer_studio_ui_react80 = require("@livechat/developer-studio-ui-react");
-var import_jsx_runtime163 = require("react/jsx-runtime");
+var import_react173 = require("react");
+var import_developer_studio_api58 = require("@livechat/developer-studio-api");
+var import_developer_studio_ui_react77 = require("@livechat/developer-studio-ui-react");
+var import_jsx_runtime159 = require("react/jsx-runtime");
 var TextAction = (props) => {
   var _a;
-  const { login } = (0, import_react179.useContext)(AuthContext);
-  const match2 = (0, import_developer_studio_ui_react80.useMatch)();
+  const { login } = (0, import_react173.useContext)(AuthContext);
+  const match2 = (0, import_developer_studio_ui_react77.useMatch)();
   const action = (_a = props.action) != null ? _a : match2.params.action;
   if (!action) {
     throw new Error("Invalid action");
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime163.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(
     IntegrationAction_default,
     {
-      name: import_developer_studio_api64.IntegrationNames.Text,
+      name: import_developer_studio_api58.IntegrationNames.Text,
       action,
       data: props.data,
       context: props.context,
@@ -27508,7 +27233,7 @@ var TextAction = (props) => {
       serializedContext: match2.params.context,
       executor: props.executor,
       trigger: {
-        mode: import_developer_studio_api64.IntegrationModes.Modal,
+        mode: import_developer_studio_api58.IntegrationModes.Modal,
         handler: (output) => textActionHandlers(login)[action](output)
       },
       onSuccess: props.onSuccess
@@ -27520,7 +27245,7 @@ var textActionHandlers = (login) => {
     authorize: (output) => {
       if (output.status === "success" && output.result.token) {
         login({
-          source: import_developer_studio_api64.IntegrationNames.Text,
+          source: import_developer_studio_api58.IntegrationNames.Text,
           data: { token: output.result.token }
         });
         return {
@@ -27535,54 +27260,54 @@ var textActionHandlers = (login) => {
   };
   return handlers;
 };
-var Action_default9 = TextAction;
+var Action_default8 = TextAction;
 
 // src/views/Settings/Integrations/Text/Callback.tsx
-var import_react180 = require("react");
-var import_developer_studio_ui_react81 = require("@livechat/developer-studio-ui-react");
-var import_jsx_runtime164 = require("react/jsx-runtime");
+var import_react174 = require("react");
+var import_developer_studio_ui_react78 = require("@livechat/developer-studio-ui-react");
+var import_jsx_runtime160 = require("react/jsx-runtime");
 var TextCallback = () => {
-  const { login } = (0, import_react180.useContext)(AuthContext);
-  const match2 = (0, import_developer_studio_ui_react81.useMatch)();
+  const { login } = (0, import_react174.useContext)(AuthContext);
+  const match2 = (0, import_developer_studio_ui_react78.useMatch)();
   const action = match2.params.action;
   if (!action) {
     throw new Error("Invalid action");
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime164.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(
     IntegrationCallback_default,
     {
       handler: (output) => textActionHandlers(login)[action](output)
     }
   );
 };
-var Callback_default9 = TextCallback;
+var Callback_default8 = TextCallback;
 
 // src/views/Settings/Integrations/Text/Status.tsx
-var import_react181 = require("react");
-var import_design_system_react_components101 = require("@livechat/design-system-react-components");
-var import_developer_studio_api65 = require("@livechat/developer-studio-api");
-var import_developer_studio_ui_react82 = require("@livechat/developer-studio-ui-react");
+var import_react175 = require("react");
+var import_design_system_react_components100 = require("@livechat/design-system-react-components");
+var import_developer_studio_api59 = require("@livechat/developer-studio-api");
+var import_developer_studio_ui_react79 = require("@livechat/developer-studio-ui-react");
 var TextStatus = () => {
   const {
     userData: { user }
-  } = (0, import_developer_studio_ui_react82.useRootContext)();
+  } = (0, import_developer_studio_ui_react79.useRootContext)();
   const credentialsQuery = useFetchTextCredentials();
   const isInstalledQuery = useFetchUserInstalledTextIntegration(user);
-  const refetch = (0, import_react181.useCallback)(() => {
+  const refetch = (0, import_react175.useCallback)(() => {
     credentialsQuery.refetch();
     isInstalledQuery.refetch();
   }, [credentialsQuery, isInstalledQuery]);
   const authCredential = credentialsQuery.data.internal;
   const otherCredentials = credentialsQuery.data.other;
-  const Connect = (0, import_react181.useCallback)(
+  const Connect = (0, import_react175.useCallback)(
     ({ credential }) => /* @__PURE__ */ jsx4(
-      Action_default9,
+      Action_default8,
       {
         action: "authorize",
         executor: {
           type: "manual",
           render: (confirm) => /* @__PURE__ */ jsx4(
-            import_design_system_react_components101.Button,
+            import_design_system_react_components100.Button,
             {
               kind: (credential == null ? void 0 : credential.data.connected) ? "secondary" : "primary",
               onClick: confirm,
@@ -27608,11 +27333,11 @@ var TextStatus = () => {
   return /* @__PURE__ */ jsxs2(
     IntegrationStatus_default,
     {
-      title: import_developer_studio_api65.IntegrationDisplayNames.Text,
-      subtitle: `${import_developer_studio_api65.IntegrationDisplayNames.Text} integration`,
-      header: `${import_developer_studio_api65.IntegrationDisplayNames.Text} integration`,
+      title: import_developer_studio_api59.IntegrationDisplayNames.Text,
+      subtitle: `${import_developer_studio_api59.IntegrationDisplayNames.Text} integration`,
+      header: `${import_developer_studio_api59.IntegrationDisplayNames.Text} integration`,
       description: "",
-      icon: /* @__PURE__ */ jsx4(import_developer_studio_ui_react82.Logo, {}),
+      icon: /* @__PURE__ */ jsx4(import_developer_studio_ui_react79.Logo, {}),
       dataCy: "text-integration-component",
       children: [
         /* @__PURE__ */ jsx4(
@@ -27621,8 +27346,8 @@ var TextStatus = () => {
             title: "Text Platform | Developer Console",
             isConnected: Boolean(authCredential),
             isLoading: credentialsQuery.isFetching,
-            icon: /* @__PURE__ */ jsx4(import_developer_studio_ui_react82.Logo, {}),
-            status: !credentialsQuery.isFetching && (authCredential == null ? void 0 : authCredential.name) ? /* @__PURE__ */ jsx4(import_react181.Fragment, { children: !isInstalledQuery.isFetching ? getConnectionStatus(isInstalledQuery.data, "install") : void 0 }) : void 0
+            icon: /* @__PURE__ */ jsx4(import_developer_studio_ui_react79.Logo, {}),
+            status: !credentialsQuery.isFetching && (authCredential == null ? void 0 : authCredential.name) ? /* @__PURE__ */ jsx4(import_react175.Fragment, { children: !isInstalledQuery.isFetching ? getConnectionStatus(isInstalledQuery.data, "install") : void 0 }) : void 0
           }
         ),
         !credentialsQuery.isFetching && (otherCredentials == null ? void 0 : otherCredentials.length) ? /* @__PURE__ */ jsx4(
@@ -27636,43 +27361,43 @@ var TextStatus = () => {
     }
   );
 };
-var Status_default8 = TextStatus;
+var Status_default7 = TextStatus;
 
 // src/views/Settings/Integrations/Text/index.tsx
-var import_jsx_runtime166 = require("react/jsx-runtime");
+var import_jsx_runtime162 = require("react/jsx-runtime");
 var TextIntegration = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)(import_react_router_dom42.Routes, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(import_react_router_dom42.Route, { path: "/", element: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(import_react_router_dom42.Navigate, { to: "status", replace: true }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(import_react_router_dom42.Route, { path: "/status", element: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(Status_default8, {}) }),
-    /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(import_react_router_dom42.Route, { path: "/action/:action/:data?/:context?", element: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(Action_default9, {}) }),
-    /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(import_react_router_dom42.Route, { path: "/callback/:action", element: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(Callback_default9, {}) })
+  return /* @__PURE__ */ (0, import_jsx_runtime162.jsxs)(import_react_router_dom41.Routes, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime162.jsx)(import_react_router_dom41.Route, { path: "/", element: /* @__PURE__ */ (0, import_jsx_runtime162.jsx)(import_react_router_dom41.Navigate, { to: "status", replace: true }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime162.jsx)(import_react_router_dom41.Route, { path: "/status", element: /* @__PURE__ */ (0, import_jsx_runtime162.jsx)(Status_default7, {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime162.jsx)(import_react_router_dom41.Route, { path: "/action/:action/:data?/:context?", element: /* @__PURE__ */ (0, import_jsx_runtime162.jsx)(Action_default8, {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime162.jsx)(import_react_router_dom41.Route, { path: "/callback/:action", element: /* @__PURE__ */ (0, import_jsx_runtime162.jsx)(Callback_default8, {}) })
   ] });
 };
 var Text_default2 = TextIntegration;
 
 // src/views/Settings/Integrations/Vercel/index.tsx
-var import_react_router_dom43 = require("react-router-dom");
+var import_react_router_dom42 = require("react-router-dom");
 
 // src/views/Settings/Integrations/Vercel/Action.tsx
-var import_react182 = require("react");
-var import_developer_studio_api66 = require("@livechat/developer-studio-api");
-var import_developer_studio_ui_react83 = require("@livechat/developer-studio-ui-react");
-var import_jsx_runtime167 = require("react/jsx-runtime");
+var import_react176 = require("react");
+var import_developer_studio_api60 = require("@livechat/developer-studio-api");
+var import_developer_studio_ui_react80 = require("@livechat/developer-studio-ui-react");
+var import_jsx_runtime163 = require("react/jsx-runtime");
 var VercelAction = (props) => {
   var _a;
   const {
     userData: { user }
-  } = (0, import_developer_studio_ui_react83.useRootContext)();
-  const { login } = (0, import_react182.useContext)(AuthContext);
-  const match2 = (0, import_developer_studio_ui_react83.useMatch)();
+  } = (0, import_developer_studio_ui_react80.useRootContext)();
+  const { login } = (0, import_react176.useContext)(AuthContext);
+  const match2 = (0, import_developer_studio_ui_react80.useMatch)();
   const action = (_a = props.action) != null ? _a : match2.params.action;
   if (!action) {
     throw new Error("Invalid action");
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime163.jsx)(
     IntegrationAction_default,
     {
-      name: import_developer_studio_api66.IntegrationNames.Vercel,
+      name: import_developer_studio_api60.IntegrationNames.Vercel,
       action,
       data: props.data,
       context: props.context,
@@ -27680,7 +27405,7 @@ var VercelAction = (props) => {
       serializedContext: match2.params.context,
       executor: props.executor,
       trigger: {
-        mode: import_developer_studio_api66.IntegrationModes.Modal,
+        mode: import_developer_studio_api60.IntegrationModes.Modal,
         handler: (output) => vercelActionHandlers(login, user == null ? void 0 : user.meta.email)[action](output)
       },
       onSuccess: props.onSuccess
@@ -27691,9 +27416,9 @@ function triggerVercelAction(props, meta) {
   return __async(this, null, function* () {
     return executeIntegrationAction(
       __spreadProps(__spreadValues({}, props), {
-        name: import_developer_studio_api66.IntegrationNames.Vercel,
+        name: import_developer_studio_api60.IntegrationNames.Vercel,
         trigger: {
-          mode: import_developer_studio_api66.IntegrationModes.Modal,
+          mode: import_developer_studio_api60.IntegrationModes.Modal,
           handler: (output) => vercelActionHandlers(
             meta.login,
             meta.user.meta.email
@@ -27712,10 +27437,10 @@ var vercelActionHandlers = (login, email) => {
     authorize: (output) => {
       if (output.status === "success" && output.result.token) {
         amplitudeDeploymentJourney.app.deployment.actions.authorize.success(
-          import_developer_studio_api66.IntegrationNames.Vercel
+          import_developer_studio_api60.IntegrationNames.Vercel
         );
         login({
-          source: import_developer_studio_api66.IntegrationNames.Vercel,
+          source: import_developer_studio_api60.IntegrationNames.Vercel,
           data: { token: output.result.token }
         });
         return {
@@ -27736,7 +27461,7 @@ var vercelActionHandlers = (login, email) => {
     install: (output) => {
       if (output.status === "success" && output.result.installationId) {
         amplitudeDeploymentJourney.app.deployment.actions.install.success(
-          import_developer_studio_api66.IntegrationNames.Vercel
+          import_developer_studio_api60.IntegrationNames.Vercel
         );
         return {
           isValid: true,
@@ -27751,44 +27476,44 @@ var vercelActionHandlers = (login, email) => {
   };
   return handlers;
 };
-var Action_default10 = VercelAction;
+var Action_default9 = VercelAction;
 
 // src/views/Settings/Integrations/Vercel/Callback.tsx
-var import_react183 = require("react");
-var import_developer_studio_ui_react84 = require("@livechat/developer-studio-ui-react");
-var import_jsx_runtime168 = require("react/jsx-runtime");
+var import_react177 = require("react");
+var import_developer_studio_ui_react81 = require("@livechat/developer-studio-ui-react");
+var import_jsx_runtime164 = require("react/jsx-runtime");
 var VercelCallback = () => {
-  const { login } = (0, import_react183.useContext)(AuthContext);
-  const match2 = (0, import_developer_studio_ui_react84.useMatch)();
+  const { login } = (0, import_react177.useContext)(AuthContext);
+  const match2 = (0, import_developer_studio_ui_react81.useMatch)();
   const action = match2.params.action;
   const {
     userData: { user }
-  } = (0, import_developer_studio_ui_react84.useRootContext)();
+  } = (0, import_developer_studio_ui_react81.useRootContext)();
   if (!action) {
     throw new Error("Invalid action");
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime164.jsx)(
     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
-var import_react184 = require("react");
-var import_design_system_icons55 = require("@livechat/design-system-icons");
-var import_design_system_react_components102 = require("@livechat/design-system-react-components");
-var import_developer_studio_api69 = require("@livechat/developer-studio-api");
-var import_developer_studio_ui_react85 = require("@livechat/developer-studio-ui-react");
+var import_react178 = require("react");
+var import_design_system_icons54 = require("@livechat/design-system-icons");
+var import_design_system_react_components101 = require("@livechat/design-system-react-components");
+var import_developer_studio_api63 = require("@livechat/developer-studio-api");
+var import_developer_studio_ui_react82 = require("@livechat/developer-studio-ui-react");
 
 // src/hooks/integrations/vercel/credentials.ts
-var import_developer_studio_api67 = require("@livechat/developer-studio-api");
+var import_developer_studio_api61 = require("@livechat/developer-studio-api");
 var useFetchVercelCredentials = () => {
   var _a, _b;
   const credentialsQuery = useFetchIntegrationCredentialsQuery(
-    import_developer_studio_api67.IntegrationNames.Vercel
+    import_developer_studio_api61.IntegrationNames.Vercel
   );
   const oauthCredential = (_a = credentialsQuery.data) == null ? void 0 : _a.find(
     (credential) => credential.type === "oauth2" && credential.data.client_id === getWorkflowEnv("vercelClientId")
@@ -27805,15 +27530,15 @@ var useFetchVercelCredentials = () => {
 };
 
 // src/hooks/integrations/vercel/namespace.ts
-var import_react_query17 = require("@tanstack/react-query");
-var import_developer_studio_api68 = require("@livechat/developer-studio-api");
+var import_react_query14 = require("@tanstack/react-query");
+var import_developer_studio_api62 = require("@livechat/developer-studio-api");
 var vercelNamespacesQueryKeys = {
   getInstallations: ["vercel.getNamespaces"]
 };
 var useFetchVercelNamespaces = (enabled) => {
-  return (0, import_react_query17.useQuery)(
+  return (0, import_react_query14.useQuery)(
     vercelNamespacesQueryKeys.getInstallations,
-    () => import_developer_studio_api68.api.integrations.vercel.integrations.getGitNamespaces(),
+    () => import_developer_studio_api62.api.integrations.vercel.integrations.getGitNamespaces(),
     {
       retry: false,
       enabled
@@ -27826,15 +27551,15 @@ var VercelStatus = () => {
   var _a, _b, _c;
   const {
     userData: { user }
-  } = (0, import_developer_studio_ui_react85.useRootContext)();
-  const { state, login } = (0, import_react184.useContext)(AuthContext);
-  const { context: notifications } = (0, import_developer_studio_ui_react85.useNotifications)();
+  } = (0, import_developer_studio_ui_react82.useRootContext)();
+  const { state, login } = (0, import_react178.useContext)(AuthContext);
+  const { context: notifications } = (0, import_developer_studio_ui_react82.useNotifications)();
   const removeCredentialMutation = useRemoveIntegrationCredential();
   const credentialsQuery = useFetchVercelCredentials();
   const namespacesQuery = useFetchVercelNamespaces(
     Boolean((_a = credentialsQuery.data) == null ? void 0 : _a.internal)
   );
-  const [isDropdownVisible, setIsDropdownVisible] = (0, import_react184.useState)(false);
+  const [isDropdownVisible, setIsDropdownVisible] = (0, import_react178.useState)(false);
   const oauthCredential = credentialsQuery.data.internal;
   const otherCredentials = credentialsQuery.data.other;
   const isInstalled = ((_b = namespacesQuery.data) != null ? _b : []).some(
@@ -27843,17 +27568,17 @@ var VercelStatus = () => {
   const amplitudeDeploymentJourney = appDeploymentBlockAmplitudeJourneyFactory(
     user == null ? void 0 : user.meta.email
   );
-  const refetch = (0, import_react184.useCallback)(() => {
+  const refetch = (0, import_react178.useCallback)(() => {
     credentialsQuery.refetch();
     namespacesQuery.refetch();
   }, [credentialsQuery, namespacesQuery]);
-  (0, import_react184.useEffect)(() => {
+  (0, import_react178.useEffect)(() => {
     if (credentialsQuery.isFetching) {
       return;
     }
     if (!(oauthCredential == null ? void 0 : oauthCredential.data.connected)) {
       amplitudeDeploymentJourney.app.deployment.actions.authorize.requested(
-        import_developer_studio_api69.IntegrationNames.Vercel
+        import_developer_studio_api63.IntegrationNames.Vercel
       );
       return;
     }
@@ -27862,7 +27587,7 @@ var VercelStatus = () => {
     }
     if (!isInstalled) {
       amplitudeDeploymentJourney.app.deployment.actions.install.requested(
-        import_developer_studio_api69.IntegrationNames.Vercel
+        import_developer_studio_api63.IntegrationNames.Vercel
       );
     }
   }, [credentialsQuery, oauthCredential, namespacesQuery, isInstalled]);
@@ -27870,7 +27595,7 @@ var VercelStatus = () => {
     "my-channel",
     "my-event",
     (data) => {
-      if (data.userId !== (user == null ? void 0 : user.profile.id) || data.integration !== import_developer_studio_api69.IntegrationNames.Vercel) {
+      if (data.userId !== (user == null ? void 0 : user.profile.id) || data.integration !== import_developer_studio_api63.IntegrationNames.Vercel) {
         return;
       }
       if (data.action === "authorize" || data.action === "install") {
@@ -27879,21 +27604,21 @@ var VercelStatus = () => {
     },
     [refetch]
   );
-  const Connect = (0, import_react184.useCallback)(
+  const Connect = (0, import_react178.useCallback)(
     ({ credential }) => /* @__PURE__ */ jsx4(
-      Action_default10,
+      Action_default9,
       {
         action: "authorize",
         executor: {
           type: "manual",
           render: (confirm) => /* @__PURE__ */ jsx4(
-            import_design_system_react_components102.Button,
+            import_design_system_react_components101.Button,
             {
               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(
-                    import_developer_studio_api69.IntegrationNames.Vercel
+                    import_developer_studio_api63.IntegrationNames.Vercel
                   );
                 }
                 confirm();
@@ -27918,23 +27643,23 @@ var VercelStatus = () => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [refetch]
   );
-  const Install = (0, import_react184.useCallback)(
+  const Install = (0, import_react178.useCallback)(
     () => {
       var _a2;
       return /* @__PURE__ */ jsx4(
-        Action_default10,
+        Action_default9,
         {
           action: "install",
           executor: {
             type: "manual",
             render: (confirm) => /* @__PURE__ */ jsx4(
-              import_design_system_react_components102.Button,
+              import_design_system_react_components101.Button,
               {
                 kind: namespacesQuery.isLoading ? "text" : isInstalled ? "secondary" : "primary",
                 loading: namespacesQuery.isLoading,
                 onClick: () => {
                   amplitudeDeploymentJourney.app.deployment.actions.install.click(
-                    import_developer_studio_api69.IntegrationNames.Vercel
+                    import_developer_studio_api63.IntegrationNames.Vercel
                   );
                   confirm();
                 },
@@ -27949,7 +27674,7 @@ var VercelStatus = () => {
             }
           },
           context: {
-            credentialId: import_developer_studio_api69.IntegrationNames.Vercel,
+            credentialId: import_developer_studio_api63.IntegrationNames.Vercel,
             token: (_a2 = state.vercel.raw.token) != null ? _a2 : "",
             showInstruction: !isInstalled ? true : void 0
           },
@@ -28024,11 +27749,11 @@ var VercelStatus = () => {
   return /* @__PURE__ */ jsxs2(
     IntegrationStatus_default,
     {
-      title: import_developer_studio_api69.IntegrationDisplayNames.Vercel,
-      subtitle: `${import_developer_studio_api69.IntegrationDisplayNames.Vercel} integration`,
-      header: `${import_developer_studio_api69.IntegrationDisplayNames.Vercel} integration`,
+      title: import_developer_studio_api63.IntegrationDisplayNames.Vercel,
+      subtitle: `${import_developer_studio_api63.IntegrationDisplayNames.Vercel} integration`,
+      header: `${import_developer_studio_api63.IntegrationDisplayNames.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(import_developer_studio_ui_react85.Vercel, {}),
+      icon: /* @__PURE__ */ jsx4(import_developer_studio_ui_react82.Vercel, {}),
       dataCy: "vercel-integration-component",
       children: [
         /* @__PURE__ */ jsx4(
@@ -28037,22 +27762,22 @@ var VercelStatus = () => {
             title: "Text Platform | Developer Console",
             isConnected: Boolean(oauthCredential == null ? void 0 : oauthCredential.data.connected),
             isLoading: credentialsQuery.isFetching,
-            icon: /* @__PURE__ */ jsx4(import_developer_studio_ui_react85.Vercel, {}),
-            action: !(oauthCredential == null ? void 0 : oauthCredential.data.connected) && !credentialsQuery.isFetching ? /* @__PURE__ */ jsx4(Connect, {}) : !credentialsQuery.isFetching ? /* @__PURE__ */ jsxs2(import_developer_studio_ui_react85.Row, { notPadded: true, flexEnd: true, gap: `var(${import_design_system_react_components102.SpacingToken.Spacing2})`, children: [
+            icon: /* @__PURE__ */ jsx4(import_developer_studio_ui_react82.Vercel, {}),
+            action: !(oauthCredential == null ? void 0 : oauthCredential.data.connected) && !credentialsQuery.isFetching ? /* @__PURE__ */ jsx4(Connect, {}) : !credentialsQuery.isFetching ? /* @__PURE__ */ jsxs2(import_developer_studio_ui_react82.Row, { notPadded: true, flexEnd: true, gap: `var(${import_design_system_react_components101.SpacingToken.Spacing2})`, children: [
               !namespacesQuery.isFetching && !isInstalled ? /* @__PURE__ */ jsx4(Install, {}) : void 0,
               /* @__PURE__ */ jsx4(
-                import_design_system_react_components102.ActionMenu,
+                import_design_system_react_components101.ActionMenu,
                 {
                   visible: isDropdownVisible,
                   placement: "bottom",
                   triggerRenderer: /* @__PURE__ */ jsx4(
-                    import_design_system_react_components102.Button,
+                    import_design_system_react_components101.Button,
                     {
                       kind: "secondary",
                       onClick: () => {
                         setIsDropdownVisible(!isDropdownVisible);
                       },
-                      icon: isDropdownVisible ? /* @__PURE__ */ jsx4(import_design_system_react_components102.Icon, { source: import_design_system_icons55.ChevronUp }) : /* @__PURE__ */ jsx4(import_design_system_react_components102.Icon, { source: import_design_system_icons55.ChevronDown }),
+                      icon: isDropdownVisible ? /* @__PURE__ */ jsx4(import_design_system_react_components101.Icon, { source: import_design_system_icons54.ChevronUp }) : /* @__PURE__ */ jsx4(import_design_system_react_components101.Icon, { source: import_design_system_icons54.ChevronDown }),
                       iconPosition: "right",
                       children: "Settings"
                     }
@@ -28064,17 +27789,17 @@ var VercelStatus = () => {
                 }
               )
             ] }) : void 0,
-            status: !credentialsQuery.isFetching && (oauthCredential == null ? void 0 : oauthCredential.name) ? /* @__PURE__ */ jsxs2(import_react184.Fragment, { children: [
+            status: !credentialsQuery.isFetching && (oauthCredential == null ? void 0 : oauthCredential.name) ? /* @__PURE__ */ jsxs2(import_react178.Fragment, { children: [
               (oauthCredential == null ? void 0 : oauthCredential.data.connected) ? getConnectionStatus(
                 isInstalled,
                 "install",
                 namespacesQuery.isFetching
               ) : void 0,
               /* @__PURE__ */ jsx4(
-                import_design_system_react_components102.Button,
+                import_design_system_react_components101.Button,
                 {
                   size: "xcompact",
-                  icon: /* @__PURE__ */ jsx4(import_design_system_react_components102.Icon, { source: import_design_system_icons55.Delete, size: "small" }),
+                  icon: /* @__PURE__ */ jsx4(import_design_system_react_components101.Icon, { source: import_design_system_icons54.Delete, size: "small" }),
                   onClick: () => {
                     if (oauthCredential.name) {
                       removeCredentialMutation.mutateAsync(oauthCredential);
@@ -28097,145 +27822,133 @@ var VercelStatus = () => {
     }
   );
 };
-var Status_default9 = VercelStatus;
+var Status_default8 = VercelStatus;
 
 // src/views/Settings/Integrations/Vercel/index.tsx
-var import_jsx_runtime170 = require("react/jsx-runtime");
+var import_jsx_runtime166 = require("react/jsx-runtime");
 var VercelIntegration = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime170.jsxs)(import_react_router_dom43.Routes, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(import_react_router_dom43.Route, { path: "/", element: /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(import_react_router_dom43.Navigate, { to: "status", replace: true }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(import_react_router_dom43.Route, { path: "/status", element: /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(Status_default9, {}) }),
-    /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(
-      import_react_router_dom43.Route,
+  return /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)(import_react_router_dom42.Routes, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(import_react_router_dom42.Route, { path: "/", element: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(import_react_router_dom42.Navigate, { to: "status", replace: true }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(import_react_router_dom42.Route, { path: "/status", element: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(Status_default8, {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(
+      import_react_router_dom42.Route,
       {
         path: "/action/:action/:data?/:context?",
-        element: /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(Action_default10, {})
+        element: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(Action_default9, {})
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(import_react_router_dom43.Route, { path: "/callback/:action", element: /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(Callback_default10, {}) })
+    /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(import_react_router_dom42.Route, { path: "/callback/:action", element: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(Callback_default9, {}) })
   ] });
 };
 var Vercel_default = VercelIntegration;
 
 // src/views/Settings/Integrations/index.tsx
-var import_jsx_runtime171 = require("react/jsx-runtime");
+var import_jsx_runtime167 = require("react/jsx-runtime");
 function IntegrationsSubNavGroup() {
-  const { pathname } = (0, import_react_router_dom44.useLocation)();
-  const navigate = (0, import_react_router_dom44.useNavigate)();
+  const { pathname } = (0, import_react_router_dom43.useLocation)();
+  const navigate = (0, import_react_router_dom43.useNavigate)();
   const {
     userData: { user }
-  } = (0, import_developer_studio_ui_react86.useRootContext)();
+  } = (0, import_developer_studio_ui_react83.useRootContext)();
   const { data: userHasInstalledWorkflows } = useFetchUserInstalledWorkflows(user);
-  return /* @__PURE__ */ (0, import_jsx_runtime171.jsxs)(
-    import_design_system_react_components103.SideNavigationGroup,
+  return /* @__PURE__ */ (0, import_jsx_runtime167.jsxs)(
+    import_design_system_react_components102.SideNavigationGroup,
     {
       className: "navigation-group",
       isCollapsible: true,
       label: "Integrations",
       shouldOpenOnInit: pathname.includes("integrations"),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(
-          import_design_system_react_components103.SideNavigationItem,
+        /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(
+          import_design_system_react_components102.SideNavigationItem,
           {
-            "data-testid": `${import_developer_studio_api70.IntegrationNames.GitHub}-option`,
+            "data-testid": `${import_developer_studio_api64.IntegrationNames.GitHub}-option`,
             isActive: pathname.includes("/settings/integrations/github"),
-            label: import_developer_studio_api70.IntegrationDisplayNames.GitHub,
+            label: import_developer_studio_api64.IntegrationDisplayNames.GitHub,
             onClick: () => {
               navigate("/settings/integrations/github");
             },
             shouldKeepIconSpace: false
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(
-          import_design_system_react_components103.SideNavigationItem,
+        /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(
+          import_design_system_react_components102.SideNavigationItem,
           {
-            "data-testid": `${import_developer_studio_api70.IntegrationNames.Netlify}-option`,
+            "data-testid": `${import_developer_studio_api64.IntegrationNames.Netlify}-option`,
             isActive: pathname.includes("/settings/integrations/netlify"),
-            label: import_developer_studio_api70.IntegrationDisplayNames.Netlify,
+            label: import_developer_studio_api64.IntegrationDisplayNames.Netlify,
             onClick: () => {
               navigate("/settings/integrations/netlify");
             },
             shouldKeepIconSpace: false
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(
-          import_design_system_react_components103.SideNavigationItem,
+        /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(
+          import_design_system_react_components102.SideNavigationItem,
           {
-            "data-testid": `${import_developer_studio_api70.IntegrationNames.Vercel}-option`,
+            "data-testid": `${import_developer_studio_api64.IntegrationNames.Vercel}-option`,
             isActive: pathname.includes("/settings/integrations/vercel"),
-            label: import_developer_studio_api70.IntegrationDisplayNames.Vercel,
+            label: import_developer_studio_api64.IntegrationDisplayNames.Vercel,
             onClick: () => {
               navigate("/settings/integrations/vercel");
             },
             shouldKeepIconSpace: false
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(
-          import_design_system_react_components103.SideNavigationItem,
+        userHasInstalledWorkflows ? /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(
+          import_design_system_react_components102.SideNavigationItem,
           {
-            "data-testid": `${import_developer_studio_api70.IntegrationNames.Neon}-option`,
-            isActive: pathname.includes("/settings/integrations/neon"),
-            label: import_developer_studio_api70.IntegrationDisplayNames.Neon,
-            onClick: () => {
-              navigate("/settings/integrations/neon");
-            },
-            shouldKeepIconSpace: false
-          }
-        ),
-        userHasInstalledWorkflows ? /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(
-          import_design_system_react_components103.SideNavigationItem,
-          {
-            "data-testid": `${import_developer_studio_api70.IntegrationNames.Mailchimp}-option`,
+            "data-testid": `${import_developer_studio_api64.IntegrationNames.Mailchimp}-option`,
             isActive: pathname.includes("/settings/integrations/mailchimp"),
-            label: import_developer_studio_api70.IntegrationDisplayNames.Mailchimp,
+            label: import_developer_studio_api64.IntegrationDisplayNames.Mailchimp,
             onClick: () => {
               navigate("/settings/integrations/mailchimp");
             },
             shouldKeepIconSpace: false
           }
         ) : void 0,
-        userHasInstalledWorkflows ? /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(
-          import_design_system_react_components103.SideNavigationItem,
+        userHasInstalledWorkflows ? /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(
+          import_design_system_react_components102.SideNavigationItem,
           {
-            "data-testid": `${import_developer_studio_api70.IntegrationNames.Shopify}-option`,
+            "data-testid": `${import_developer_studio_api64.IntegrationNames.Shopify}-option`,
             isActive: pathname.includes("/settings/integrations/shopify"),
-            label: import_developer_studio_api70.IntegrationDisplayNames.Shopify,
+            label: import_developer_studio_api64.IntegrationDisplayNames.Shopify,
             onClick: () => {
               navigate("/settings/integrations/shopify");
             },
             shouldKeepIconSpace: false
           }
         ) : void 0,
-        userHasInstalledWorkflows ? /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(
-          import_design_system_react_components103.SideNavigationItem,
+        userHasInstalledWorkflows ? /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(
+          import_design_system_react_components102.SideNavigationItem,
           {
-            "data-testid": `${import_developer_studio_api70.IntegrationNames.HubSpot}-option`,
+            "data-testid": `${import_developer_studio_api64.IntegrationNames.HubSpot}-option`,
             isActive: pathname.includes("/settings/integrations/hubspot"),
-            label: import_developer_studio_api70.IntegrationDisplayNames.HubSpot,
+            label: import_developer_studio_api64.IntegrationDisplayNames.HubSpot,
             onClick: () => {
               navigate("/settings/integrations/hubspot");
             },
             shouldKeepIconSpace: false
           }
         ) : void 0,
-        userHasInstalledWorkflows ? /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(
-          import_design_system_react_components103.SideNavigationItem,
+        userHasInstalledWorkflows ? /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(
+          import_design_system_react_components102.SideNavigationItem,
           {
-            "data-testid": `${import_developer_studio_api70.IntegrationNames.BigCommerce}-option`,
+            "data-testid": `${import_developer_studio_api64.IntegrationNames.BigCommerce}-option`,
             isActive: pathname.includes("/settings/integrations/bigcommerce"),
-            label: import_developer_studio_api70.IntegrationDisplayNames.BigCommerce,
+            label: import_developer_studio_api64.IntegrationDisplayNames.BigCommerce,
             onClick: () => {
               navigate("/settings/integrations/bigcommerce");
             },
             shouldKeepIconSpace: false
           }
         ) : void 0,
-        userHasInstalledWorkflows ? /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(
-          import_design_system_react_components103.SideNavigationItem,
+        userHasInstalledWorkflows ? /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(
+          import_design_system_react_components102.SideNavigationItem,
           {
-            "data-testid": `${import_developer_studio_api70.IntegrationNames.Text}-option`,
+            "data-testid": `${import_developer_studio_api64.IntegrationNames.Text}-option`,
             isActive: pathname.includes("/settings/integrations/text"),
-            label: import_developer_studio_api70.IntegrationDisplayNames.Text,
+            label: import_developer_studio_api64.IntegrationDisplayNames.Text,
             onClick: () => {
               navigate("/settings/integrations/text/status");
             },
@@ -28247,51 +27960,45 @@ function IntegrationsSubNavGroup() {
   );
 }
 function Integrations() {
-  return /* @__PURE__ */ (0, import_jsx_runtime171.jsxs)(import_react_router_dom44.Routes, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(import_react_router_dom44.Route, { element: /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(import_react_router_dom44.Navigate, { replace: true, to: "github" }), path: "/" }),
-    /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(import_react_router_dom44.Route, { element: /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(GitHub_default, {}), path: "/github/*" }),
-    /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(import_react_router_dom44.Route, { element: /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(Netlify_default, {}), path: "/netlify/*" }),
-    /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(import_react_router_dom44.Route, { element: /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(Vercel_default, {}), path: "/vercel/*" }),
-    /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(import_react_router_dom44.Route, { element: /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(Neon_default, {}), path: "/neon/*" }),
-    /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(import_react_router_dom44.Route, { element: /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(Mailchimp_default2, {}), path: "/mailchimp/*" }),
-    /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(import_react_router_dom44.Route, { element: /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(Shopify_default2, {}), path: "/shopify/*" }),
-    /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(import_react_router_dom44.Route, { element: /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(HubSpot_default2, {}), path: "/hubspot/*" }),
-    /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(import_react_router_dom44.Route, { element: /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(BigCommerce_default2, {}), path: "/bigcommerce/*" }),
-    /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(import_react_router_dom44.Route, { element: /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(Text_default2, {}), path: "/text/*" }),
-    /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(import_react_router_dom44.Route, { element: /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(Accounts_default, {}), path: "/accounts/*" })
+  return /* @__PURE__ */ (0, import_jsx_runtime167.jsxs)(import_react_router_dom43.Routes, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(import_react_router_dom43.Route, { element: /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(import_react_router_dom43.Navigate, { replace: true, to: "github" }), path: "/" }),
+    /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(import_react_router_dom43.Route, { element: /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(GitHub_default, {}), path: "/github/*" }),
+    /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(import_react_router_dom43.Route, { element: /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(Netlify_default, {}), path: "/netlify/*" }),
+    /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(import_react_router_dom43.Route, { element: /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(Vercel_default, {}), path: "/vercel/*" }),
+    /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(import_react_router_dom43.Route, { element: /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(Mailchimp_default2, {}), path: "/mailchimp/*" }),
+    /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(import_react_router_dom43.Route, { element: /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(Shopify_default2, {}), path: "/shopify/*" }),
+    /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(import_react_router_dom43.Route, { element: /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(HubSpot_default2, {}), path: "/hubspot/*" }),
+    /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(import_react_router_dom43.Route, { element: /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(BigCommerce_default2, {}), path: "/bigcommerce/*" }),
+    /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(import_react_router_dom43.Route, { element: /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(Text_default2, {}), path: "/text/*" }),
+    /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(import_react_router_dom43.Route, { element: /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(Accounts_default, {}), path: "/accounts/*" })
   ] });
 }
 var Integrations_default = Integrations;
 
 // src/views/Settings/index.tsx
-var import_jsx_runtime172 = require("react/jsx-runtime");
+var import_jsx_runtime168 = require("react/jsx-runtime");
 function SettingsSubNav() {
-  return /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(IntegrationsSubNavGroup, {});
+  return /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(IntegrationsSubNavGroup, {});
 }
 function Settings() {
-  return /* @__PURE__ */ (0, import_jsx_runtime172.jsxs)(import_react_router_dom45.Routes, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(import_react_router_dom45.Route, { element: /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(import_react_router_dom45.Navigate, { replace: true, to: "integrations" }), path: "/" }),
-    /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(import_react_router_dom45.Route, { element: /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(Integrations_default, {}), path: "/integrations/*" })
+  return /* @__PURE__ */ (0, import_jsx_runtime168.jsxs)(import_react_router_dom44.Routes, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(import_react_router_dom44.Route, { element: /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(import_react_router_dom44.Navigate, { replace: true, to: "integrations" }), path: "/" }),
+    /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(import_react_router_dom44.Route, { element: /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(Integrations_default, {}), path: "/integrations/*" })
   ] });
 }
 var Settings_default = Settings;
 
 // src/views/Common/LoginError.tsx
-var import_design_system_react_components104 = require("@livechat/design-system-react-components");
-var import_developer_studio_ui_react87 = require("@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 import_design_system_react_components103 = require("@livechat/design-system-react-components");
+var import_developer_studio_ui_react84 = require("@livechat/developer-studio-ui-react");
 var imgContainerCss2 = css`
   width: 100%;
   display: flex;
   justify-content: center;
 `;
 var paragraphCss = (heading) => css`
-    ${heading ? import_developer_studio_ui_react87.theme.typography.heading.xs : import_developer_studio_ui_react87.theme.typography.paragraph.s}
-    margin-top: var(${heading ? import_design_system_react_components104.SpacingToken.Spacing10 : import_design_system_react_components104.SpacingToken.Spacing2});
+    ${heading ? import_developer_studio_ui_react84.theme.typography.heading.xs : import_developer_studio_ui_react84.theme.typography.paragraph.s}
+    margin-top: var(${heading ? import_design_system_react_components103.SpacingToken.Spacing10 : import_design_system_react_components103.SpacingToken.Spacing2});
   `;
 var wrapperCss = css`
   display: flex;
@@ -28301,26 +28008,19 @@ var wrapperCss = css`
   height: 100vh;
   width: 100%;
 `;
-function LoginErrorPage() {
-  const { authorize } = (0, import_developer_studio_ui_react87.useRootContext)();
+function LoginErrorPage({
+  errorImage,
+  welcomeImage
+}) {
+  const { authorize } = (0, import_developer_studio_ui_react84.useRootContext)();
   if (getWorkflowEnv("isHeadless")) {
     return /* @__PURE__ */ jsxs2("div", { css: wrapperCss, children: [
-      /* @__PURE__ */ jsx4(import_developer_studio_ui_react87.Row, { center: true, noMaxWidth: true, verticalCenter: true, children: /* @__PURE__ */ jsx4(import_developer_studio_ui_react87.Column, { center: true, width: 10, children: /* @__PURE__ */ jsx4("div", { css: imgContainerCss2, children: /* @__PURE__ */ jsx4(
-        "img",
-        {
-          alt: "",
-          css: css`
-                  width: 600px;
-                  margin-bottom: var(${import_design_system_react_components104.SpacingToken.Spacing7});
-                `,
-          src: workflows_welcome_default
-        }
-      ) }) }) }),
-      /* @__PURE__ */ jsx4(import_developer_studio_ui_react87.Row, { center: true, noMaxWidth: true, verticalCenter: true, children: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react87.Column, { center: true, width: 10, children: [
-        /* @__PURE__ */ jsx4(import_developer_studio_ui_react87.Intro, { center: true, header: "Welcome to Workflows!", headerSize: "m" }),
+      /* @__PURE__ */ jsx4(import_developer_studio_ui_react84.Row, { center: true, noMaxWidth: true, verticalCenter: true, children: /* @__PURE__ */ jsx4(import_developer_studio_ui_react84.Column, { center: true, width: 10, children: /* @__PURE__ */ jsx4("div", { css: imgContainerCss2, children: welcomeImage }) }) }),
+      /* @__PURE__ */ jsx4(import_developer_studio_ui_react84.Row, { center: true, noMaxWidth: true, verticalCenter: true, children: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react84.Column, { center: true, width: 10, children: [
+        /* @__PURE__ */ jsx4(import_developer_studio_ui_react84.Intro, { 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(
-          import_design_system_react_components104.Button,
+          import_design_system_react_components103.Button,
           {
             kind: "primary",
             onClick: () => {
@@ -28332,7 +28032,7 @@ function LoginErrorPage() {
       ] }) })
     ] });
   }
-  return /* @__PURE__ */ jsx4(import_developer_studio_ui_react87.LoginErrorPage, {});
+  return /* @__PURE__ */ jsx4(import_developer_studio_ui_react84.LoginErrorPage, { image: errorImage });
 }
 var LoginError_default = LoginErrorPage;
 // Annotate the CommonJS export names for ESM import in node: