n8n-editor-ui 1.66.0 → 1.68.0

package/dist/assets/SettingsApiView-DumvK072.js

@@ -0,0 +1,227 @@
+import { d as defineComponent, m as useSettingsStore, aD as useCloudPlanStore, Z as useRootStore, a as useToast, a3 as useDocumentTitle, a5 as usePageRedirectionHelper, r as ref, p as computed, o as onMounted, iq as DOCS_DOMAIN, c as openBlock, h as createElementBlock, j as createBaseVNode, i as createVNode, w as withCtx, k as createTextVNode, t as toDisplayString, A as unref, n as normalizeClass, eT as CopyInput, e as createBlock, f as createCommentVNode, g as useI18n, ae as MODAL_CONFIRM, l as resolveComponent, al as useMessage, ak as useTelemetry, _ as _export_sfc } from "./index-40I5DMGP.js";
+const _hoisted_1 = { style: { fontSize: "var(--font-size-s)", color: "var(--color-text-light)" } };
+const _hoisted_2 = { key: 0 };
+const _hoisted_3 = { class: "mb-s" };
+const _hoisted_4 = ["textContent"];
+const _hoisted_5 = ["textContent"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "SettingsApiView",
+  setup(__props) {
+    const settingsStore = useSettingsStore();
+    const cloudPlanStore = useCloudPlanStore();
+    const { baseUrl } = useRootStore();
+    const { showError, showMessage } = useToast();
+    const { confirm } = useMessage();
+    const documentTitle = useDocumentTitle();
+    const i18n = useI18n();
+    const { goToUpgrade } = usePageRedirectionHelper();
+    const telemetry = useTelemetry();
+    const loading = ref(false);
+    const mounted = ref(false);
+    const apiKeys = ref([]);
+    const apiDocsURL = ref("");
+    const { isPublicApiEnabled, isSwaggerUIEnabled, publicApiPath, publicApiLatestVersion } = settingsStore;
+    const isRedactedApiKey = computed(() => {
+      if (!apiKeys.value) return false;
+      return apiKeys.value[0].apiKey.includes("*");
+    });
+    onMounted(() => {
+      documentTitle.set(i18n.baseText("settings.api"));
+      if (!isPublicApiEnabled) return;
+      void getApiKeys();
+      apiDocsURL.value = isSwaggerUIEnabled ? `${baseUrl}${publicApiPath}/v${publicApiLatestVersion}/docs` : `https://${DOCS_DOMAIN}/api/api-reference/`;
+    });
+    function onUpgrade() {
+      void goToUpgrade("settings-n8n-api", "upgrade-api", "redirect");
+    }
+    async function showDeleteModal() {
+      const confirmed = await confirm(
+        i18n.baseText("settings.api.delete.description"),
+        i18n.baseText("settings.api.delete.title"),
+        {
+          confirmButtonText: i18n.baseText("settings.api.delete.button"),
+          cancelButtonText: i18n.baseText("generic.cancel")
+        }
+      );
+      if (confirmed === MODAL_CONFIRM) {
+        await deleteApiKey();
+      }
+    }
+    async function getApiKeys() {
+      try {
+        apiKeys.value = await settingsStore.getApiKeys();
+      } catch (error) {
+        showError(error, i18n.baseText("settings.api.view.error"));
+      } finally {
+        mounted.value = true;
+      }
+    }
+    async function createApiKey() {
+      loading.value = true;
+      try {
+        const newApiKey = await settingsStore.createApiKey();
+        apiKeys.value.push(newApiKey);
+      } catch (error) {
+        showError(error, i18n.baseText("settings.api.create.error"));
+      } finally {
+        loading.value = false;
+        telemetry.track("User clicked create API key button");
+      }
+    }
+    async function deleteApiKey() {
+      try {
+        await settingsStore.deleteApiKey(apiKeys.value[0].id);
+        showMessage({
+          title: i18n.baseText("settings.api.delete.toast"),
+          type: "success"
+        });
+        apiKeys.value = [];
+      } catch (error) {
+        showError(error, i18n.baseText("settings.api.delete.error"));
+      } finally {
+        telemetry.track("User clicked delete API key button");
+      }
+    }
+    function onCopy() {
+      telemetry.track("User clicked copy API key button");
+    }
+    return (_ctx, _cache) => {
+      const _component_n8n_heading = resolveComponent("n8n-heading");
+      const _component_i18n_t = resolveComponent("i18n-t");
+      const _component_n8n_info_tip = resolveComponent("n8n-info-tip");
+      const _component_n8n_link = resolveComponent("n8n-link");
+      const _component_n8n_card = resolveComponent("n8n-card");
+      const _component_n8n_text = resolveComponent("n8n-text");
+      const _component_n8n_action_box = resolveComponent("n8n-action-box");
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(_ctx.$style.container)
+      }, [
+        createBaseVNode("div", {
+          class: normalizeClass(_ctx.$style.header)
+        }, [
+          createVNode(_component_n8n_heading, { size: "2xlarge" }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(unref(i18n).baseText("settings.api")) + " ", 1),
+              createBaseVNode("span", _hoisted_1, " (" + toDisplayString(unref(i18n).baseText("generic.beta")) + ") ", 1)
+            ]),
+            _: 1
+          })
+        ], 2),
+        apiKeys.value.length ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          createBaseVNode("p", _hoisted_3, [
+            createVNode(_component_n8n_info_tip, { bold: false }, {
+              default: withCtx(() => [
+                createVNode(_component_i18n_t, {
+                  keypath: "settings.api.view.info",
+                  tag: "span"
+                }, {
+                  apiAction: withCtx(() => [
+                    createBaseVNode("a", {
+                      href: "https://docs.n8n.io/api",
+                      target: "_blank",
+                      textContent: toDisplayString(unref(i18n).baseText("settings.api.view.info.api"))
+                    }, null, 8, _hoisted_4)
+                  ]),
+                  webhookAction: withCtx(() => [
+                    createBaseVNode("a", {
+                      href: "https://docs.n8n.io/integrations/core-nodes/n8n-nodes-base.webhook/",
+                      target: "_blank",
+                      textContent: toDisplayString(unref(i18n).baseText("settings.api.view.info.webhook"))
+                    }, null, 8, _hoisted_5)
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          createVNode(_component_n8n_card, {
+            class: normalizeClass(["mb-4xs", _ctx.$style.card])
+          }, {
+            default: withCtx(() => [
+              createBaseVNode("span", {
+                class: normalizeClass(_ctx.$style.delete)
+              }, [
+                createVNode(_component_n8n_link, {
+                  bold: true,
+                  onClick: showDeleteModal
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(unref(i18n).baseText("generic.delete")), 1)
+                  ]),
+                  _: 1
+                })
+              ], 2),
+              createBaseVNode("div", null, [
+                createVNode(CopyInput, {
+                  label: apiKeys.value[0].label,
+                  value: apiKeys.value[0].apiKey,
+                  "copy-button-text": unref(i18n).baseText("generic.clickToCopy"),
+                  "toast-title": unref(i18n).baseText("settings.api.view.copy.toast"),
+                  "redact-value": true,
+                  "disable-copy": isRedactedApiKey.value,
+                  hint: !isRedactedApiKey.value ? unref(i18n).baseText("settings.api.view.copy") : "",
+                  onCopy
+                }, null, 8, ["label", "value", "copy-button-text", "toast-title", "disable-copy", "hint"])
+              ])
+            ]),
+            _: 1
+          }, 8, ["class"]),
+          createBaseVNode("div", {
+            class: normalizeClass(_ctx.$style.hint)
+          }, [
+            createVNode(_component_n8n_text, { size: "small" }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref(i18n).baseText(`settings.api.view.${unref(isSwaggerUIEnabled) ? "tryapi" : "more-details"}`)), 1)
+              ]),
+              _: 1
+            }),
+            _cache[0] || (_cache[0] = createTextVNode(" " + toDisplayString(" ") + " ")),
+            createVNode(_component_n8n_link, {
+              to: apiDocsURL.value,
+              "new-window": true,
+              size: "small"
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref(i18n).baseText(
+                  `settings.api.view.${unref(isSwaggerUIEnabled) ? "apiPlayground" : "external-docs"}`
+                )), 1)
+              ]),
+              _: 1
+            }, 8, ["to"])
+          ], 2)
+        ])) : !unref(isPublicApiEnabled) && unref(cloudPlanStore).userIsTrialing ? (openBlock(), createBlock(_component_n8n_action_box, {
+          key: 1,
+          "data-test-id": "public-api-upgrade-cta",
+          heading: unref(i18n).baseText("settings.api.trial.upgradePlan.title"),
+          description: unref(i18n).baseText("settings.api.trial.upgradePlan.description"),
+          "button-text": unref(i18n).baseText("settings.api.trial.upgradePlan.cta"),
+          "onClick:button": onUpgrade
+        }, null, 8, ["heading", "description", "button-text"])) : mounted.value && !unref(cloudPlanStore).state.loadingPlan ? (openBlock(), createBlock(_component_n8n_action_box, {
+          key: 2,
+          "button-text": unref(i18n).baseText(loading.value ? "settings.api.create.button.loading" : "settings.api.create.button"),
+          description: unref(i18n).baseText("settings.api.create.description"),
+          "onClick:button": createApiKey
+        }, null, 8, ["button-text", "description"])) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+const container = "_container_1xc1f_1";
+const header = "_header_1xc1f_5";
+const card = "_card_1xc1f_14";
+const hint = "_hint_1xc1f_25";
+const style0 = {
+  container,
+  header,
+  card,
+  "delete": "_delete_1xc1f_18",
+  hint
+};
+const cssModules = {
+  "$style": style0
+};
+const SettingsApiView = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+export {
+  SettingsApiView as default
+};

package/dist/assets/{SettingsCommunityNodesView-BjakfOB1.js → SettingsCommunityNodesView-Db787Jar.js}

@@ -1,57 +1,197 @@
-import { d as defineComponent, hJ as COMMUNITY_PACKAGE_MANAGE_ACTIONS, e0 as mapStores, K as useUIStore, d5 as NPM_PACKAGE_DOCS_BASE_URL, _ as _export_sfc, c as openBlock, h as createElementBlock, n as normalizeClass, i as createVNode, j as createBaseVNode, w as withCtx, k as createTextVNode, t as toDisplayString, F as Fragment, z as renderList, f as createCommentVNode, e as createBlock, l as resolveComponent, r as ref, b as useRouter, a as useToast, a3 as useDocumentTitle, hK as useCommunityNodesStore, p as computed, aq as onBeforeMount, o as onMounted, y as onBeforeUnmount, A as unref, g as useI18n, aj as useTelemetry, hL as COMMUNITY_PACKAGE_INSTALL_MODAL_KEY, aF as useExternalHooks, d7 as COMMUNITY_NODES_INSTALLATION_DOCS_URL } from "./index-QAq8Sa9R.js";
-import { u as usePushConnection } from "./usePushConnection-DDXmzoG8.js";
-import { u as usePushConnectionStore } from "./pushConnection.store-Cdssd0uJ.js";
-const _sfc_main$1 = defineComponent({
-  name: "CommunityPackageCard",
+import { d as defineComponent, K as useUIStore, im as COMMUNITY_PACKAGE_MANAGE_ACTIONS, c as openBlock, h as createElementBlock, n as normalizeClass, i as createVNode, j as createBaseVNode, w as withCtx, k as createTextVNode, t as toDisplayString, A as unref, F as Fragment, z as renderList, f as createCommentVNode, e as createBlock, g as useI18n, du as NPM_PACKAGE_DOCS_BASE_URL, l as resolveComponent, ak as useTelemetry, _ as _export_sfc, r as ref, b as useRouter, a as useToast, a3 as useDocumentTitle, io as useCommunityNodesStore, p as computed, av as onBeforeMount, o as onMounted, v as onBeforeUnmount, ip as COMMUNITY_PACKAGE_INSTALL_MODAL_KEY, aK as useExternalHooks, dw as COMMUNITY_NODES_INSTALLATION_DOCS_URL } from "./index-40I5DMGP.js";
+import { u as usePushConnection } from "./usePushConnection-B5ija5f5.js";
+import { u as usePushConnectionStore } from "./pushConnection.store-w_WxpOeH.js";
+const _hoisted_1 = { key: 0 };
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "CommunityPackageCard",
   props: {
-    communityPackage: {
-      type: Object,
-      required: false,
-      default: null
-    },
-    loading: {
-      type: Boolean,
-      default: false
-    }
-  },
-  data() {
-    return {
-      packageActions: [
-        {
-          label: this.$locale.baseText("settings.communityNodes.viewDocsAction.label"),
-          value: COMMUNITY_PACKAGE_MANAGE_ACTIONS.VIEW_DOCS,
-          type: "external-link"
-        },
-        {
-          label: this.$locale.baseText("settings.communityNodes.uninstallAction.label"),
-          value: COMMUNITY_PACKAGE_MANAGE_ACTIONS.UNINSTALL
-        }
-      ]
-    };
-  },
-  computed: {
-    ...mapStores(useUIStore)
+    communityPackage: { default: null },
+    loading: { type: Boolean, default: false }
   },
-  methods: {
-    async onAction(value) {
-      if (!this.communityPackage) return;
+  setup(__props) {
+    const props = __props;
+    const { openCommunityPackageUpdateConfirmModal, openCommunityPackageUninstallConfirmModal } = useUIStore();
+    const i18n = useI18n();
+    const telemetry = useTelemetry();
+    const packageActions = [
+      {
+        label: i18n.baseText("settings.communityNodes.viewDocsAction.label"),
+        value: COMMUNITY_PACKAGE_MANAGE_ACTIONS.VIEW_DOCS,
+        type: "external-link"
+      },
+      {
+        label: i18n.baseText("settings.communityNodes.uninstallAction.label"),
+        value: COMMUNITY_PACKAGE_MANAGE_ACTIONS.UNINSTALL
+      }
+    ];
+    async function onAction(value) {
+      if (!props.communityPackage) return;
       switch (value) {
         case COMMUNITY_PACKAGE_MANAGE_ACTIONS.VIEW_DOCS:
-          this.$telemetry.track("user clicked to browse the cnr package documentation", {
-            package_name: this.communityPackage.packageName,
-            package_version: this.communityPackage.installedVersion
+          telemetry.track("user clicked to browse the cnr package documentation", {
+            package_name: props.communityPackage.packageName,
+            package_version: props.communityPackage.installedVersion
           });
-          window.open(`${NPM_PACKAGE_DOCS_BASE_URL}${this.communityPackage.packageName}`, "_blank");
+          window.open(`${NPM_PACKAGE_DOCS_BASE_URL}${props.communityPackage.packageName}`, "_blank");
           break;
         case COMMUNITY_PACKAGE_MANAGE_ACTIONS.UNINSTALL:
-          this.uiStore.openCommunityPackageUninstallConfirmModal(this.communityPackage.packageName);
+          openCommunityPackageUninstallConfirmModal(props.communityPackage.packageName);
           break;
       }
-    },
-    onUpdateClick() {
-      if (!this.communityPackage) return;
-      this.uiStore.openCommunityPackageUpdateConfirmModal(this.communityPackage.packageName);
     }
+    function onUpdateClick() {
+      if (!props.communityPackage) return;
+      openCommunityPackageUpdateConfirmModal(props.communityPackage.packageName);
+    }
+    return (_ctx, _cache) => {
+      const _component_n8n_loading = resolveComponent("n8n-loading");
+      const _component_n8n_text = resolveComponent("n8n-text");
+      const _component_n8n_icon = resolveComponent("n8n-icon");
+      const _component_n8n_tooltip = resolveComponent("n8n-tooltip");
+      const _component_n8n_button = resolveComponent("n8n-button");
+      const _component_n8n_action_toggle = resolveComponent("n8n-action-toggle");
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(_ctx.$style.cardContainer),
+        "data-test-id": "community-package-card"
+      }, [
+        _ctx.loading ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass(_ctx.$style.cardSkeleton)
+        }, [
+          createVNode(_component_n8n_loading, {
+            class: normalizeClass(_ctx.$style.loader),
+            variant: "p",
+            rows: 1
+          }, null, 8, ["class"]),
+          createVNode(_component_n8n_loading, {
+            class: normalizeClass(_ctx.$style.loader),
+            variant: "p",
+            rows: 1
+          }, null, 8, ["class"])
+        ], 2)) : _ctx.communityPackage ? (openBlock(), createElementBlock("div", {
+          key: 1,
+          class: normalizeClass(_ctx.$style.packageCard)
+        }, [
+          createBaseVNode("div", {
+            class: normalizeClass(_ctx.$style.cardInfoContainer)
+          }, [
+            createBaseVNode("div", {
+              class: normalizeClass(_ctx.$style.cardTitle)
+            }, [
+              createVNode(_component_n8n_text, {
+                bold: true,
+                size: "large"
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(_ctx.communityPackage.packageName), 1)
+                ]),
+                _: 1
+              })
+            ], 2),
+            createBaseVNode("div", {
+              class: normalizeClass(_ctx.$style.cardSubtitle)
+            }, [
+              createVNode(_component_n8n_text, {
+                bold: true,
+                size: "small",
+                color: "text-light"
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(unref(i18n).baseText("settings.communityNodes.packageNodes.label", {
+                    adjustToNumber: _ctx.communityPackage.installedNodes.length
+                  })) + ":  ", 1)
+                ]),
+                _: 1
+              }),
+              createVNode(_component_n8n_text, {
+                size: "small",
+                color: "text-light"
+              }, {
+                default: withCtx(() => [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.communityPackage.installedNodes, (node, index) => {
+                    return openBlock(), createElementBlock("span", {
+                      key: node.name
+                    }, [
+                      createTextVNode(toDisplayString(node.name), 1),
+                      index != _ctx.communityPackage.installedNodes.length - 1 ? (openBlock(), createElementBlock("span", _hoisted_1, ",")) : createCommentVNode("", true)
+                    ]);
+                  }), 128))
+                ]),
+                _: 1
+              })
+            ], 2)
+          ], 2),
+          createBaseVNode("div", {
+            class: normalizeClass(_ctx.$style.cardControlsContainer)
+          }, [
+            createVNode(_component_n8n_text, {
+              bold: true,
+              size: "large",
+              color: "text-light"
+            }, {
+              default: withCtx(() => [
+                createTextVNode(" v" + toDisplayString(_ctx.communityPackage.installedVersion), 1)
+              ]),
+              _: 1
+            }),
+            _ctx.communityPackage.failedLoading === true ? (openBlock(), createBlock(_component_n8n_tooltip, {
+              key: 0,
+              placement: "top"
+            }, {
+              content: withCtx(() => [
+                createBaseVNode("div", null, toDisplayString(unref(i18n).baseText("settings.communityNodes.failedToLoad.tooltip")), 1)
+              ]),
+              default: withCtx(() => [
+                createVNode(_component_n8n_icon, {
+                  icon: "exclamation-triangle",
+                  color: "danger",
+                  size: "large"
+                })
+              ]),
+              _: 1
+            })) : _ctx.communityPackage.updateAvailable ? (openBlock(), createBlock(_component_n8n_tooltip, {
+              key: 1,
+              placement: "top"
+            }, {
+              content: withCtx(() => [
+                createBaseVNode("div", null, toDisplayString(unref(i18n).baseText("settings.communityNodes.updateAvailable.tooltip")), 1)
+              ]),
+              default: withCtx(() => [
+                createVNode(_component_n8n_button, {
+                  outline: "",
+                  label: "Update",
+                  onClick: onUpdateClick
+                })
+              ]),
+              _: 1
+            })) : (openBlock(), createBlock(_component_n8n_tooltip, {
+              key: 2,
+              placement: "top"
+            }, {
+              content: withCtx(() => [
+                createBaseVNode("div", null, toDisplayString(unref(i18n).baseText("settings.communityNodes.upToDate.tooltip")), 1)
+              ]),
+              default: withCtx(() => [
+                createVNode(_component_n8n_icon, {
+                  icon: "check-circle",
+                  color: "text-light",
+                  size: "large"
+                })
+              ]),
+              _: 1
+            })),
+            createBaseVNode("div", {
+              class: normalizeClass(_ctx.$style.cardActions)
+            }, [
+              createVNode(_component_n8n_action_toggle, {
+                actions: packageActions,
+                onAction
+              })
+            ], 2)
+          ], 2)
+        ], 2)) : createCommentVNode("", true)
+      ], 2);
+    };
   }
 });
 const cardContainer = "_cardContainer_1cg0i_1";
@@ -74,160 +214,10 @@ const style0$1 = {
   cardControlsContainer,
   cardActions
 };
-const _hoisted_1 = { key: 0 };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_n8n_loading = resolveComponent("n8n-loading");
-  const _component_n8n_text = resolveComponent("n8n-text");
-  const _component_n8n_icon = resolveComponent("n8n-icon");
-  const _component_n8n_tooltip = resolveComponent("n8n-tooltip");
-  const _component_n8n_button = resolveComponent("n8n-button");
-  const _component_n8n_action_toggle = resolveComponent("n8n-action-toggle");
-  return openBlock(), createElementBlock("div", {
-    class: normalizeClass(_ctx.$style.cardContainer),
-    "data-test-id": "community-package-card"
-  }, [
-    _ctx.loading ? (openBlock(), createElementBlock("div", {
-      key: 0,
-      class: normalizeClass(_ctx.$style.cardSkeleton)
-    }, [
-      createVNode(_component_n8n_loading, {
-        class: normalizeClass(_ctx.$style.loader),
-        variant: "p",
-        rows: 1
-      }, null, 8, ["class"]),
-      createVNode(_component_n8n_loading, {
-        class: normalizeClass(_ctx.$style.loader),
-        variant: "p",
-        rows: 1
-      }, null, 8, ["class"])
-    ], 2)) : _ctx.communityPackage ? (openBlock(), createElementBlock("div", {
-      key: 1,
-      class: normalizeClass(_ctx.$style.packageCard)
-    }, [
-      createBaseVNode("div", {
-        class: normalizeClass(_ctx.$style.cardInfoContainer)
-      }, [
-        createBaseVNode("div", {
-          class: normalizeClass(_ctx.$style.cardTitle)
-        }, [
-          createVNode(_component_n8n_text, {
-            bold: true,
-            size: "large"
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.communityPackage.packageName), 1)
-            ]),
-            _: 1
-          })
-        ], 2),
-        createBaseVNode("div", {
-          class: normalizeClass(_ctx.$style.cardSubtitle)
-        }, [
-          createVNode(_component_n8n_text, {
-            bold: true,
-            size: "small",
-            color: "text-light"
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.$locale.baseText("settings.communityNodes.packageNodes.label", {
-                adjustToNumber: _ctx.communityPackage.installedNodes.length
-              })) + ":  ", 1)
-            ]),
-            _: 1
-          }),
-          createVNode(_component_n8n_text, {
-            size: "small",
-            color: "text-light"
-          }, {
-            default: withCtx(() => [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.communityPackage.installedNodes, (node, index) => {
-                return openBlock(), createElementBlock("span", {
-                  key: node.name
-                }, [
-                  createTextVNode(toDisplayString(node.name), 1),
-                  index != _ctx.communityPackage.installedNodes.length - 1 ? (openBlock(), createElementBlock("span", _hoisted_1, ",")) : createCommentVNode("", true)
-                ]);
-              }), 128))
-            ]),
-            _: 1
-          })
-        ], 2)
-      ], 2),
-      createBaseVNode("div", {
-        class: normalizeClass(_ctx.$style.cardControlsContainer)
-      }, [
-        createVNode(_component_n8n_text, {
-          bold: true,
-          size: "large",
-          color: "text-light"
-        }, {
-          default: withCtx(() => [
-            createTextVNode(" v" + toDisplayString(_ctx.communityPackage.installedVersion), 1)
-          ]),
-          _: 1
-        }),
-        _ctx.communityPackage.failedLoading === true ? (openBlock(), createBlock(_component_n8n_tooltip, {
-          key: 0,
-          placement: "top"
-        }, {
-          content: withCtx(() => [
-            createBaseVNode("div", null, toDisplayString(_ctx.$locale.baseText("settings.communityNodes.failedToLoad.tooltip")), 1)
-          ]),
-          default: withCtx(() => [
-            createVNode(_component_n8n_icon, {
-              icon: "exclamation-triangle",
-              color: "danger",
-              size: "large"
-            })
-          ]),
-          _: 1
-        })) : _ctx.communityPackage.updateAvailable ? (openBlock(), createBlock(_component_n8n_tooltip, {
-          key: 1,
-          placement: "top"
-        }, {
-          content: withCtx(() => [
-            createBaseVNode("div", null, toDisplayString(_ctx.$locale.baseText("settings.communityNodes.updateAvailable.tooltip")), 1)
-          ]),
-          default: withCtx(() => [
-            createVNode(_component_n8n_button, {
-              outline: "",
-              label: "Update",
-              onClick: _ctx.onUpdateClick
-            }, null, 8, ["onClick"])
-          ]),
-          _: 1
-        })) : (openBlock(), createBlock(_component_n8n_tooltip, {
-          key: 2,
-          placement: "top"
-        }, {
-          content: withCtx(() => [
-            createBaseVNode("div", null, toDisplayString(_ctx.$locale.baseText("settings.communityNodes.upToDate.tooltip")), 1)
-          ]),
-          default: withCtx(() => [
-            createVNode(_component_n8n_icon, {
-              icon: "check-circle",
-              color: "text-light",
-              size: "large"
-            })
-          ]),
-          _: 1
-        })),
-        createBaseVNode("div", {
-          class: normalizeClass(_ctx.$style.cardActions)
-        }, [
-          createVNode(_component_n8n_action_toggle, {
-            actions: _ctx.packageActions,
-            onAction: _ctx.onAction
-          }, null, 8, ["actions", "onAction"])
-        ], 2)
-      ], 2)
-    ], 2)) : createCommentVNode("", true)
-  ], 2);
-}
 const cssModules$1 = {
   "$style": style0$1
 };
-const CommunityPackageCard = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render], ["__cssModules", cssModules$1]]);
+const CommunityPackageCard = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__cssModules", cssModules$1]]);
 const PACKAGE_COUNT_THRESHOLD = 31;
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "SettingsCommunityNodesView",

package/dist/assets/{SettingsExternalSecrets-BGIt9OQy.js → SettingsExternalSecrets-DKB2o2Dq.js}

@@ -1,4 +1,4 @@
-import { d as defineComponent, g2 as useExternalSecretsStore, K as useUIStore, a as useToast, cp as toRef, p as computed, iG as useExternalSecretsProvider, o as onMounted, c as openBlock, e as createBlock, w as withCtx, j as createBaseVNode, i as createVNode, n as normalizeClass, iH as _sfc_main$2, k as createTextVNode, t as toDisplayString, A as unref, f as createCommentVNode, h as createElementBlock, iI as ExternalSecretsProviderConnectionSwitch, g as useI18n, C as nextTick, iJ as EXTERNAL_SECRETS_PROVIDER_MODAL_KEY, l as resolveComponent, aA as DateTime, iK as isDateObject, _ as _export_sfc, a3 as useDocumentTitle, F as Fragment, z as renderList } from "./index-QAq8Sa9R.js";
+import { d as defineComponent, gp as useExternalSecretsStore, K as useUIStore, a as useToast, cS as toRef, p as computed, iT as useExternalSecretsProvider, o as onMounted, c as openBlock, e as createBlock, w as withCtx, j as createBaseVNode, i as createVNode, n as normalizeClass, iU as _sfc_main$2, k as createTextVNode, t as toDisplayString, A as unref, f as createCommentVNode, h as createElementBlock, iV as ExternalSecretsProviderConnectionSwitch, g as useI18n, x as nextTick, iW as EXTERNAL_SECRETS_PROVIDER_MODAL_KEY, l as resolveComponent, aF as DateTime, iX as isDateObject, _ as _export_sfc, a3 as useDocumentTitle, a5 as usePageRedirectionHelper, F as Fragment, z as renderList } from "./index-40I5DMGP.js";
 const _hoisted_1$1 = { key: 0 };
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "ExternalSecretsProviderCard.ee",
@@ -208,10 +208,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "SettingsExternalSecrets",
   setup(__props) {
     const i18n = useI18n();
-    const uiStore = useUIStore();
     const externalSecretsStore = useExternalSecretsStore();
     const toast = useToast();
     const documentTitle = useDocumentTitle();
+    const pageRedirectionHelper = usePageRedirectionHelper();
     const sortedProviders = computed(() => {
       return [...externalSecretsStore.providers].sort((a, b) => {
         return b.name.localeCompare(a.name);
@@ -228,7 +228,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     });
     function goToUpgrade() {
-      void uiStore.goToUpgrade("external-secrets", "upgrade-external-secrets");
+      void pageRedirectionHelper.goToUpgrade("external-secrets", "upgrade-external-secrets");
     }
     return (_ctx, _cache) => {
       const _component_n8n_heading = resolveComponent("n8n-heading");