n8n-editor-ui 1.119.1 → 1.120.1

package/dist/assets/SettingsCommunityNodesView-legacy-BKyymFU0.js

@@ -0,0 +1,443 @@
+;
+(function () {
+  System.register(["./chunk-legacy-Re9CbdfL.js", "./vue.runtime.esm-bundler-legacy-Bq05oSFs.js", "./_MapCache-legacy-DcX1vy0l.js", "./src-legacy-6Jvz4Sen.js", "./en-legacy-Bgme8Vbm.js", "./preload-helper-legacy-CXRjoQ0T.js", "./_plugin-vue_export-helper-legacy-DZMI5HPp.js", "./truncate-legacy-D2_XDpGK.js", "./icon-legacy-gLTnORTx.js", "./overlay-legacy-CfieUdAZ.js", "./empty-legacy-DnVUoqbC.js", "./useMessage-legacy-Cl537NB0.js", "./useTelemetry-legacy-Bu_8SoSm.js", "./useToast-legacy-CIRx5txg.js", "./sanitize-html-legacy-DfOUEbdf.js", "./path-browserify-legacy-DJbEMZcd.js", "./constants-legacy-CLA25gM9.js", "./merge-legacy-CcVOuFTi.js", "./assistant.store-legacy-Dk3PMmMU.js", "./dateformat-legacy-Xt1X-tys.js", "./useDebounce-legacy-D-CoXkwk.js", "./useExternalHooks-legacy-DAJrb39U.js", "./npsSurvey.store-legacy-oZP0npqy.js", "./cloudPlan.store-legacy-BPgz6zU7.js", "./templates.store-legacy-CPyYqMqR.js", "./focusPanel.store-legacy-BcpstEbJ.js", "./useWorkflowSaving-legacy-8U0vS257.js", "./retry-legacy-CkXCWkMV.js", "./executions.store-legacy-BzRopbKX.js", "./useRunWorkflow-legacy-ClvXUChT.js", "./usePinnedData-legacy-9ciMJD_m.js", "./nodeCreator.store-legacy-CjrGX9Lm.js", "./nodeIcon-legacy-DD6sIN5e.js", "./useClipboard-legacy-CF0IG1Mu.js", "./useCanvasOperations-legacy-DDhXmhZf.js", "./folders.store-legacy-BAC47Qt0.js", "./semver-legacy-iZYhFDDU.js", "./schemaPreview.store-legacy-CtBwiQEG.js", "./usePushConnection-legacy-D3xue9ej.js", "./readyToRunWorkflows.store-legacy-CLv3FVF5.js", "./readyToRunWorkflowsV2.store-legacy-CM_1ZlJR.js"], function (_export, _context) {
+    "use strict";
+
+    var __toESM, computed, createElementBlock, createCommentVNode, unref, ref, onBeforeUnmount, createVNode, defineComponent, toDisplayString, createBlock, onMounted, Fragment, normalizeClass, watch, withCtx, openBlock, renderList, createTextVNode, onBeforeMount, createBaseVNode, useI18n, N8nActionToggle_default, N8nActionBox_default, N8nText_default, N8nButton_default, N8nHeading_default, N8nLoading_default, N8nTooltip_default, N8nIcon_default, __plugin_vue_export_helper_default, useRouter, useSettingsStore, COMMUNITY_PACKAGE_MANAGE_ACTIONS, useUIStore, COMMUNITY_NODES_INSTALLATION_DOCS_URL, useDocumentTitle, COMMUNITY_PACKAGE_INSTALL_MODAL_KEY, useNodeTypesStore, useTelemetry, useToast, NPM_PACKAGE_DOCS_BASE_URL, useExternalHooks, usePushConnectionStore, useCommunityNodesStore, require_semver, usePushConnection, __vite_style__, import_semver, _hoisted_1, CommunityPackageCard_vue_vue_type_script_setup_true_lang_default, cardContainer, packageCard, cardSkeleton, loader, cardInfoContainer, cardTitle, cardSubtitle, cardControlsContainer, cardActions, CommunityPackageCard_vue_vue_type_style_index_0_lang_module_default, cssModules$1, CommunityPackageCard_default, PACKAGE_COUNT_THRESHOLD, SettingsCommunityNodesView_vue_vue_type_script_setup_true_lang_default, container, headingContainer, loadingContainer, actionBoxContainer, cardsContainer, SettingsCommunityNodesView_vue_vue_type_style_index_0_lang_module_default, cssModules, SettingsCommunityNodesView_default;
+    return {
+      setters: [function (_chunkLegacy001Js) {
+        __toESM = _chunkLegacy001Js.o;
+      }, function (_vueRuntimeEsmBundlerLegacy003Js) {
+        computed = _vueRuntimeEsmBundlerLegacy003Js.C;
+        createElementBlock = _vueRuntimeEsmBundlerLegacy003Js.D;
+        createCommentVNode = _vueRuntimeEsmBundlerLegacy003Js.E;
+        unref = _vueRuntimeEsmBundlerLegacy003Js.Gt;
+        ref = _vueRuntimeEsmBundlerLegacy003Js.It;
+        onBeforeUnmount = _vueRuntimeEsmBundlerLegacy003Js.J;
+        createVNode = _vueRuntimeEsmBundlerLegacy003Js.M;
+        defineComponent = _vueRuntimeEsmBundlerLegacy003Js.P;
+        toDisplayString = _vueRuntimeEsmBundlerLegacy003Js.Sn;
+        createBlock = _vueRuntimeEsmBundlerLegacy003Js.T;
+        onMounted = _vueRuntimeEsmBundlerLegacy003Js.Z;
+        Fragment = _vueRuntimeEsmBundlerLegacy003Js._;
+        normalizeClass = _vueRuntimeEsmBundlerLegacy003Js._n;
+        watch = _vueRuntimeEsmBundlerLegacy003Js._t;
+        withCtx = _vueRuntimeEsmBundlerLegacy003Js.bt;
+        openBlock = _vueRuntimeEsmBundlerLegacy003Js.et;
+        renderList = _vueRuntimeEsmBundlerLegacy003Js.it;
+        createTextVNode = _vueRuntimeEsmBundlerLegacy003Js.j;
+        onBeforeMount = _vueRuntimeEsmBundlerLegacy003Js.q;
+        createBaseVNode = _vueRuntimeEsmBundlerLegacy003Js.w;
+      }, function (_MapCacheLegacy005Js) {
+        useI18n = _MapCacheLegacy005Js.gt;
+      }, function (_srcLegacy007Js) {
+        N8nActionToggle_default = _srcLegacy007Js.$;
+        N8nActionBox_default = _srcLegacy007Js.Dt;
+        N8nText_default = _srcLegacy007Js.In;
+        N8nButton_default = _srcLegacy007Js.Ln;
+        N8nHeading_default = _srcLegacy007Js.Pn;
+        N8nLoading_default = _srcLegacy007Js.et;
+        N8nTooltip_default = _srcLegacy007Js.vt;
+        N8nIcon_default = _srcLegacy007Js.zn;
+      }, function (_enLegacy00bJs) {}, function (_preloadHelperLegacy00dJs) {}, function (_pluginVue_exportHelperLegacy00fJs) {
+        __plugin_vue_export_helper_default = _pluginVue_exportHelperLegacy00fJs.t;
+      }, function (_truncateLegacy00hJs) {
+        useRouter = _truncateLegacy00hJs.b;
+      }, function (_iconLegacy00lJs) {}, function (_overlayLegacy00pJs) {}, function (_emptyLegacy00tJs) {}, function (_useMessageLegacy00vJs) {}, function (_useTelemetryLegacy00FJs) {
+        useSettingsStore = _useTelemetryLegacy00FJs.Bo;
+        COMMUNITY_PACKAGE_MANAGE_ACTIONS = _useTelemetryLegacy00FJs.Hi;
+        useUIStore = _useTelemetryLegacy00FJs.Ni;
+        COMMUNITY_NODES_INSTALLATION_DOCS_URL = _useTelemetryLegacy00FJs.Ri;
+        useDocumentTitle = _useTelemetryLegacy00FJs.Tn;
+        COMMUNITY_PACKAGE_INSTALL_MODAL_KEY = _useTelemetryLegacy00FJs.Vi;
+        useNodeTypesStore = _useTelemetryLegacy00FJs.rt;
+        useTelemetry = _useTelemetryLegacy00FJs.t;
+      }, function (_useToastLegacy00HJs) {
+        useToast = _useToastLegacy00HJs.t;
+      }, function (_sanitizeHtmlLegacy00JJs) {}, function (_pathBrowserifyLegacy00LJs) {}, function (_constantsLegacy00NJs) {
+        NPM_PACKAGE_DOCS_BASE_URL = _constantsLegacy00NJs.x;
+      }, function (_mergeLegacy00PJs) {}, function (_assistantStoreLegacy00RJs) {}, function (_dateformatLegacy00TJs) {}, function (_useDebounceLegacy00VJs) {}, function (_useExternalHooksLegacy00XJs) {
+        useExternalHooks = _useExternalHooksLegacy00XJs.t;
+      }, function (_npsSurveyStoreLegacy011Js) {}, function (_cloudPlanStoreLegacy013Js) {}, function (_templatesStoreLegacy015Js) {}, function (_focusPanelStoreLegacy017Js) {}, function (_useWorkflowSavingLegacy019Js) {}, function (_retryLegacy01bJs) {}, function (_executionsStoreLegacy01dJs) {}, function (_useRunWorkflowLegacy01fJs) {
+        usePushConnectionStore = _useRunWorkflowLegacy01fJs.i;
+      }, function (_usePinnedDataLegacy01hJs) {}, function (_nodeCreatorStoreLegacy01jJs) {}, function (_nodeIconLegacy01lJs) {}, function (_useClipboardLegacy01nJs) {}, function (_useCanvasOperationsLegacy01pJs) {}, function (_foldersStoreLegacy01tJs) {}, function (_semverLegacy021Js) {
+        useCommunityNodesStore = _semverLegacy021Js.n;
+        require_semver = _semverLegacy021Js.t;
+      }, function (_schemaPreviewStoreLegacy02lJs) {}, function (_usePushConnectionLegacy03TJs) {
+        usePushConnection = _usePushConnectionLegacy03TJs.t;
+      }, function (_readyToRunWorkflowsStoreLegacy03VJs) {}, function (_readyToRunWorkflowsV2StoreLegacy03XJs) {}],
+      execute: function () {
+        __vite_style__ = document.createElement('style');
+        __vite_style__.textContent = "/* BEM support Func\n -------------------------- */\n/* Transition\n-------------------------- */\n/* Color\n-------------------------- */\n/* Link\n-------------------------- */\n/* Border\n-------------------------- */\n/* Outline\n-------------------------- */\n/* Box shadow\n-------------------------- */\n/* Fill\n-------------------------- */\n/* Typography\n-------------------------- */\n/* z-index\n-------------------------- */\n/* Disable base\n-------------------------- */\n/* Icon\n-------------------------- */\n/* Checkbox\n-------------------------- */\n/* Radio\n-------------------------- */\n/* Select\n-------------------------- */\n/* Alert\n-------------------------- */\n/* MessageBox\n-------------------------- */\n/* Message\n-------------------------- */\n/* Notification\n-------------------------- */\n/* Input\n-------------------------- */\n/* Cascader\n-------------------------- */\n/* Group\n-------------------------- */\n/* Tab\n-------------------------- */\n/* Button\n-------------------------- */\n/* cascader\n-------------------------- */\n/* Switch\n-------------------------- */\n/* Dialog\n-------------------------- */\n/* Table\n-------------------------- */\n/* Pagination\n-------------------------- */\n/* Popup\n-------------------------- */\n/* Popover\n-------------------------- */\n/* Tooltip\n-------------------------- */\n/* Tag\n-------------------------- */\n/* Tree\n-------------------------- */\n/* Dropdown\n-------------------------- */\n/* Badge\n-------------------------- */\n/* Card\n--------------------------*/\n/* Slider\n--------------------------*/\n/* Steps\n--------------------------*/\n/* Menu\n--------------------------*/\n/* Rate\n--------------------------*/\n/* DatePicker\n--------------------------*/\n/* Loading\n--------------------------*/\n/* Scrollbar\n--------------------------*/\n/* Carousel\n--------------------------*/\n/* Collapse\n--------------------------*/\n/* Transfer\n--------------------------*/\n/* Header\n  --------------------------*/\n/* Footer\n--------------------------*/\n/* Main\n--------------------------*/\n/* Timeline\n--------------------------*/\n/* Backtop\n--------------------------*/\n/* Link\n--------------------------*/\n/* Calendar\n--------------------------*/\n/* Form\n-------------------------- */\n/* Avatar\n--------------------------*/\n/* Break-point\n--------------------------*/\n/* Break-points\n -------------------------- */\n/* Scrollbar\n -------------------------- */\n/* Placeholder\n -------------------------- */\n/* BEM\n -------------------------- */\n._cardContainer_1jgjz_123 {\n  display: flex;\n  padding: var(--spacing--sm);\n  border: var(--border-width) var(--border-style) var(--color--info--tint-1);\n  border-radius: var(--radius--lg);\n  background-color: var(--color--background--light-3);\n}\n._packageCard_1jgjz_131,\n._cardSkeleton_1jgjz_132 {\n  display: flex;\n  flex-basis: 100%;\n  justify-content: space-between;\n}\n._packageCard_1jgjz_131 {\n  align-items: center;\n}\n._cardSkeleton_1jgjz_132 {\n  flex-direction: column;\n}\n._loader_1jgjz_146 {\n  width: 50%;\n  transform: scaleY(-1);\n}\n._loader_1jgjz_146:last-child {\n  width: 70%;\n}\n._loader_1jgjz_146:last-child div {\n  margin: 0;\n}\n._cardInfoContainer_1jgjz_157 {\n  display: flex;\n  flex-wrap: wrap;\n}\n._cardTitle_1jgjz_162 {\n  flex-basis: 100%;\n}\n._cardTitle_1jgjz_162 span {\n  line-height: 1;\n}\n._cardSubtitle_1jgjz_169 {\n  margin-top: 2px;\n  padding-right: var(--spacing--md);\n}\n._cardControlsContainer_1jgjz_174 {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing--3xs);\n}\n._cardActions_1jgjz_180 {\n  padding-left: var(--spacing--3xs);\n}/* BEM support Func\n -------------------------- */\n/* Transition\n-------------------------- */\n/* Color\n-------------------------- */\n/* Link\n-------------------------- */\n/* Border\n-------------------------- */\n/* Outline\n-------------------------- */\n/* Box shadow\n-------------------------- */\n/* Fill\n-------------------------- */\n/* Typography\n-------------------------- */\n/* z-index\n-------------------------- */\n/* Disable base\n-------------------------- */\n/* Icon\n-------------------------- */\n/* Checkbox\n-------------------------- */\n/* Radio\n-------------------------- */\n/* Select\n-------------------------- */\n/* Alert\n-------------------------- */\n/* MessageBox\n-------------------------- */\n/* Message\n-------------------------- */\n/* Notification\n-------------------------- */\n/* Input\n-------------------------- */\n/* Cascader\n-------------------------- */\n/* Group\n-------------------------- */\n/* Tab\n-------------------------- */\n/* Button\n-------------------------- */\n/* cascader\n-------------------------- */\n/* Switch\n-------------------------- */\n/* Dialog\n-------------------------- */\n/* Table\n-------------------------- */\n/* Pagination\n-------------------------- */\n/* Popup\n-------------------------- */\n/* Popover\n-------------------------- */\n/* Tooltip\n-------------------------- */\n/* Tag\n-------------------------- */\n/* Tree\n-------------------------- */\n/* Dropdown\n-------------------------- */\n/* Badge\n-------------------------- */\n/* Card\n--------------------------*/\n/* Slider\n--------------------------*/\n/* Steps\n--------------------------*/\n/* Menu\n--------------------------*/\n/* Rate\n--------------------------*/\n/* DatePicker\n--------------------------*/\n/* Loading\n--------------------------*/\n/* Scrollbar\n--------------------------*/\n/* Carousel\n--------------------------*/\n/* Collapse\n--------------------------*/\n/* Transfer\n--------------------------*/\n/* Header\n  --------------------------*/\n/* Footer\n--------------------------*/\n/* Main\n--------------------------*/\n/* Timeline\n--------------------------*/\n/* Backtop\n--------------------------*/\n/* Link\n--------------------------*/\n/* Calendar\n--------------------------*/\n/* Form\n-------------------------- */\n/* Avatar\n--------------------------*/\n/* Break-point\n--------------------------*/\n/* Break-points\n -------------------------- */\n/* Scrollbar\n -------------------------- */\n/* Placeholder\n -------------------------- */\n/* BEM\n -------------------------- */\n._container_it0uc_123 {\n  height: 100%;\n  padding-right: var(--spacing--2xs);\n}\n._container_it0uc_123 > * {\n  margin-bottom: var(--spacing--2xl);\n}\n._headingContainer_it0uc_131 {\n  display: flex;\n  justify-content: space-between;\n}\n._loadingContainer_it0uc_136 {\n  display: flex;\n  gap: var(--spacing--xs);\n}\n._actionBoxContainer_it0uc_141 {\n  text-align: center;\n}\n._cardsContainer_it0uc_145 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing--2xs);\n}/*$vite$:1*/";
+        document.head.appendChild(__vite_style__);
+        //#region src/features/settings/communityNodes/components/CommunityPackageCard.vue?vue&type=script&setup=true&lang.ts
+        import_semver = /* @__PURE__ */__toESM(require_semver());
+        _hoisted_1 = {
+          key: 0
+        };
+        CommunityPackageCard_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */defineComponent({
+          __name: "CommunityPackageCard",
+          props: {
+            communityPackage: {
+              default: null
+            },
+            loading: {
+              type: Boolean,
+              default: false
+            }
+          },
+          setup(__props) {
+            const props = __props;
+            const {
+              openCommunityPackageUpdateConfirmModal,
+              openCommunityPackageUninstallConfirmModal
+            } = useUIStore();
+            const i18n = useI18n();
+            const telemetry = useTelemetry();
+            const settingsStore = useSettingsStore();
+            const nodeTypesStore = useNodeTypesStore();
+            const latestVerifiedVersion = ref();
+            const currVersion = computed(() => props.communityPackage?.installedVersion || "");
+            const hasUnverifiedPackagesUpdate = computed(() => {
+              return settingsStore.isUnverifiedPackagesEnabled && props.communityPackage?.updateAvailable;
+            });
+            const hasVerifiedPackageUpdate = computed(() => {
+              const canUpdate = latestVerifiedVersion.value && import_semver.default.gt(latestVerifiedVersion.value || "", currVersion.value);
+              return settingsStore.isCommunityNodesFeatureEnabled && canUpdate;
+            });
+            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:
+                  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}${props.communityPackage.packageName}`, "_blank");
+                  break;
+                case COMMUNITY_PACKAGE_MANAGE_ACTIONS.UNINSTALL:
+                  openCommunityPackageUninstallConfirmModal(props.communityPackage.packageName);
+                  break;
+                default:
+                  break;
+              }
+            }
+            function onUpdateClick() {
+              if (!props.communityPackage) return;
+              openCommunityPackageUpdateConfirmModal(props.communityPackage.packageName, "instance settings");
+            }
+            watch(() => props.communityPackage?.packageName, async packageName => {
+              if (packageName) {
+                await nodeTypesStore.loadNodeTypesIfNotLoaded();
+                const nodeType = nodeTypesStore.visibleNodeTypes.find(node => node.name.includes(packageName));
+                const attributes = await nodeTypesStore.getCommunityNodeAttributes(nodeType?.name || "");
+                if (attributes?.npmVersion) latestVerifiedVersion.value = attributes.npmVersion;
+              }
+            }, {
+              immediate: true
+            });
+            return (_ctx, _cache) => {
+              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(unref(N8nLoading_default), {
+                class: normalizeClass(_ctx.$style.loader),
+                variant: "p",
+                rows: 1
+              }, null, 8, ["class"]), createVNode(unref(N8nLoading_default), {
+                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(unref(N8nText_default), {
+                bold: true,
+                size: "large"
+              }, {
+                default: withCtx(() => [createTextVNode(toDisplayString(_ctx.communityPackage.packageName), 1)]),
+                _: 1
+              })], 2), createBaseVNode("div", {
+                class: normalizeClass(_ctx.$style.cardSubtitle)
+              }, [createVNode(unref(N8nText_default), {
+                bold: true,
+                size: "small",
+                color: "text-light"
+              }, {
+                default: withCtx(() => [createTextVNode(toDisplayString(unref(i18n).baseText("settings.communityNodes.packageNodes.label", {
+                  adjustToNumber: _ctx.communityPackage.installedNodes.length
+                })) + ":\xA0 ", 1)]),
+                _: 1
+              }), createVNode(unref(N8nText_default), {
+                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(unref(N8nText_default), {
+                bold: true,
+                size: "large",
+                color: "text-light"
+              }, {
+                default: withCtx(() => [createTextVNode(" v" + toDisplayString(_ctx.communityPackage.installedVersion), 1)]),
+                _: 1
+              }), _ctx.communityPackage.failedLoading === true ? (openBlock(), createBlock(unref(N8nTooltip_default), {
+                key: 0,
+                placement: "top"
+              }, {
+                content: withCtx(() => [createBaseVNode("div", null, toDisplayString(unref(i18n).baseText("settings.communityNodes.failedToLoad.tooltip")), 1)]),
+                default: withCtx(() => [createVNode(unref(N8nIcon_default), {
+                  icon: "triangle-alert",
+                  color: "danger",
+                  size: "large"
+                })]),
+                _: 1
+              })) : hasUnverifiedPackagesUpdate.value || hasVerifiedPackageUpdate.value ? (openBlock(), createBlock(unref(N8nTooltip_default), {
+                key: 1,
+                placement: "top"
+              }, {
+                content: withCtx(() => [createBaseVNode("div", null, toDisplayString(unref(i18n).baseText("settings.communityNodes.updateAvailable.tooltip")), 1)]),
+                default: withCtx(() => [createVNode(unref(N8nButton_default), {
+                  outline: "",
+                  label: "Update",
+                  onClick: onUpdateClick
+                })]),
+                _: 1
+              })) : (openBlock(), createBlock(unref(N8nTooltip_default), {
+                key: 2,
+                placement: "top"
+              }, {
+                content: withCtx(() => [createBaseVNode("div", null, toDisplayString(unref(i18n).baseText("settings.communityNodes.upToDate.tooltip")), 1)]),
+                default: withCtx(() => [createVNode(unref(N8nIcon_default), {
+                  icon: "circle-check",
+                  color: "text-light",
+                  size: "large"
+                })]),
+                _: 1
+              })), createBaseVNode("div", {
+                class: normalizeClass(_ctx.$style.cardActions)
+              }, [createVNode(unref(N8nActionToggle_default), {
+                actions: packageActions,
+                onAction
+              })], 2)], 2)], 2)) : createCommentVNode("", true)], 2);
+            };
+          }
+        }); //#endregion
+        //#region src/features/settings/communityNodes/components/CommunityPackageCard.vue?vue&type=style&index=0&lang.module.scss
+        cardContainer = "_cardContainer_1jgjz_123";
+        packageCard = "_packageCard_1jgjz_131";
+        cardSkeleton = "_cardSkeleton_1jgjz_132";
+        loader = "_loader_1jgjz_146";
+        cardInfoContainer = "_cardInfoContainer_1jgjz_157";
+        cardTitle = "_cardTitle_1jgjz_162";
+        cardSubtitle = "_cardSubtitle_1jgjz_169";
+        cardControlsContainer = "_cardControlsContainer_1jgjz_174";
+        cardActions = "_cardActions_1jgjz_180";
+        CommunityPackageCard_vue_vue_type_style_index_0_lang_module_default = {
+          cardContainer,
+          packageCard,
+          cardSkeleton,
+          loader,
+          cardInfoContainer,
+          cardTitle,
+          cardSubtitle,
+          cardControlsContainer,
+          cardActions
+        }; //#endregion
+        //#region src/features/settings/communityNodes/components/CommunityPackageCard.vue
+        cssModules$1 = {
+          "$style": CommunityPackageCard_vue_vue_type_style_index_0_lang_module_default
+        };
+        CommunityPackageCard_default = /* @__PURE__ */__plugin_vue_export_helper_default(CommunityPackageCard_vue_vue_type_script_setup_true_lang_default, [["__cssModules", cssModules$1]]); //#endregion
+        //#region src/features/settings/communityNodes/views/SettingsCommunityNodesView.vue?vue&type=script&setup=true&lang.ts
+        PACKAGE_COUNT_THRESHOLD = 31;
+        SettingsCommunityNodesView_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */defineComponent({
+          __name: "SettingsCommunityNodesView",
+          setup(__props) {
+            const loading = ref(false);
+            const pushConnection = usePushConnection({
+              router: useRouter()
+            });
+            const pushStore = usePushConnectionStore();
+            const externalHooks = useExternalHooks();
+            const i18n = useI18n();
+            const telemetry = useTelemetry();
+            const toast = useToast();
+            const documentTitle = useDocumentTitle();
+            const communityNodesStore = useCommunityNodesStore();
+            const uiStore = useUIStore();
+            const settingsStore = useSettingsStore();
+            const getEmptyStateTitle = computed(() => {
+              if (!settingsStore.isUnverifiedPackagesEnabled) return i18n.baseText("settings.communityNodes.empty.verified.only.title");
+              return i18n.baseText("settings.communityNodes.empty.title");
+            });
+            const getEmptyStateDescription = computed(() => {
+              if (!settingsStore.isUnverifiedPackagesEnabled) return i18n.baseText("settings.communityNodes.empty.verified.only.description");
+              const packageCount = communityNodesStore.availablePackageCount;
+              return packageCount < PACKAGE_COUNT_THRESHOLD ? i18n.baseText("settings.communityNodes.empty.description.no-packages", {
+                interpolate: {
+                  docURL: COMMUNITY_NODES_INSTALLATION_DOCS_URL
+                }
+              }) : i18n.baseText("settings.communityNodes.empty.description", {
+                interpolate: {
+                  docURL: COMMUNITY_NODES_INSTALLATION_DOCS_URL,
+                  count: (Math.floor(packageCount / 10) * 10).toString()
+                }
+              });
+            });
+            const getEmptyStateButtonText = computed(() => {
+              if (!settingsStore.isUnverifiedPackagesEnabled) return "";
+              return i18n.baseText("settings.communityNodes.empty.installPackageLabel");
+            });
+            const actionBoxConfig = computed(() => {
+              return {
+                calloutText: "",
+                calloutTheme: void 0,
+                hideButton: false
+              };
+            });
+            const onClickEmptyStateButton = () => {
+              openInstallModal();
+            };
+            const openInstallModal = () => {
+              const telemetryPayload = {
+                is_empty_state: communityNodesStore.getInstalledPackages.length === 0
+              };
+              telemetry.track("user clicked cnr install button", telemetryPayload);
+              externalHooks.run("settingsCommunityNodesView.openInstallModal", telemetryPayload);
+              uiStore.openModal(COMMUNITY_PACKAGE_INSTALL_MODAL_KEY);
+            };
+            onBeforeMount(() => {
+              pushConnection.initialize();
+              pushStore.pushConnect();
+            });
+            onMounted(async () => {
+              documentTitle.set(i18n.baseText("settings.communityNodes"));
+              try {
+                loading.value = true;
+                await communityNodesStore.fetchInstalledPackages();
+                const installedPackages = communityNodesStore.getInstalledPackages;
+                const packagesToUpdate = installedPackages.filter(p => p.updateAvailable);
+                telemetry.track("user viewed cnr settings page", {
+                  num_of_packages_installed: installedPackages.length,
+                  installed_packages: installedPackages.map(p => {
+                    return {
+                      package_name: p.packageName,
+                      package_version: p.installedVersion,
+                      package_nodes: p.installedNodes.map(node => `${node.name}-v${node.latestVersion}`),
+                      is_update_available: p.updateAvailable !== void 0
+                    };
+                  }),
+                  packages_to_update: packagesToUpdate.map(p => {
+                    return {
+                      package_name: p.packageName,
+                      package_version_current: p.installedVersion,
+                      package_version_available: p.updateAvailable
+                    };
+                  }),
+                  number_of_updates_available: packagesToUpdate.length
+                });
+              } catch (error) {
+                toast.showError(error, i18n.baseText("settings.communityNodes.fetchError.title"), i18n.baseText("settings.communityNodes.fetchError.message"));
+              } finally {
+                loading.value = false;
+              }
+              try {
+                await communityNodesStore.fetchAvailableCommunityPackageCount();
+              } finally {
+                loading.value = false;
+              }
+            });
+            onBeforeUnmount(() => {
+              pushStore.pushDisconnect();
+              pushConnection.terminate();
+            });
+            return (_ctx, _cache) => {
+              return openBlock(), createElementBlock("div", {
+                class: normalizeClass(_ctx.$style.container)
+              }, [createBaseVNode("div", {
+                class: normalizeClass(_ctx.$style.headingContainer)
+              }, [createVNode(unref(N8nHeading_default), {
+                size: "2xlarge"
+              }, {
+                default: withCtx(() => [createTextVNode(toDisplayString(unref(i18n).baseText("settings.communityNodes")), 1)]),
+                _: 1
+              }), unref(settingsStore).isUnverifiedPackagesEnabled && unref(communityNodesStore).getInstalledPackages.length > 0 && !loading.value ? (openBlock(), createBlock(unref(N8nButton_default), {
+                key: 0,
+                label: unref(i18n).baseText("settings.communityNodes.installModal.installButton.label"),
+                size: "large",
+                onClick: openInstallModal
+              }, null, 8, ["label"])) : createCommentVNode("", true)], 2), loading.value ? (openBlock(), createElementBlock("div", {
+                key: 0,
+                class: normalizeClass(_ctx.$style.cardsContainer)
+              }, [(openBlock(), createElementBlock(Fragment, null, renderList(2, n => {
+                return createVNode(CommunityPackageCard_default, {
+                  key: "index-" + n,
+                  loading: true
+                });
+              }), 64))], 2)) : unref(communityNodesStore).getInstalledPackages.length === 0 ? (openBlock(), createElementBlock("div", {
+                key: 1,
+                class: normalizeClass(_ctx.$style.actionBoxContainer)
+              }, [createVNode(unref(N8nActionBox_default), {
+                heading: getEmptyStateTitle.value,
+                description: getEmptyStateDescription.value,
+                "button-text": getEmptyStateButtonText.value,
+                "button-disabled": !unref(settingsStore).isUnverifiedPackagesEnabled,
+                "callout-text": actionBoxConfig.value.calloutText,
+                "callout-theme": actionBoxConfig.value.calloutTheme,
+                "onClick:button": onClickEmptyStateButton
+              }, null, 8, ["heading", "description", "button-text", "button-disabled", "callout-text", "callout-theme"])], 2)) : (openBlock(), createElementBlock("div", {
+                key: 2,
+                class: normalizeClass(_ctx.$style.cardsContainer)
+              }, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(communityNodesStore).getInstalledPackages, communityPackage => {
+                return openBlock(), createBlock(CommunityPackageCard_default, {
+                  key: communityPackage.packageName,
+                  "community-package": communityPackage
+                }, null, 8, ["community-package"]);
+              }), 128))], 2))], 2);
+            };
+          }
+        }); //#endregion
+        //#region src/features/settings/communityNodes/views/SettingsCommunityNodesView.vue?vue&type=style&index=0&lang.module.scss
+        container = "_container_it0uc_123";
+        headingContainer = "_headingContainer_it0uc_131";
+        loadingContainer = "_loadingContainer_it0uc_136";
+        actionBoxContainer = "_actionBoxContainer_it0uc_141";
+        cardsContainer = "_cardsContainer_it0uc_145";
+        SettingsCommunityNodesView_vue_vue_type_style_index_0_lang_module_default = {
+          container,
+          headingContainer,
+          loadingContainer,
+          actionBoxContainer,
+          cardsContainer
+        }; //#endregion
+        //#region src/features/settings/communityNodes/views/SettingsCommunityNodesView.vue
+        cssModules = {
+          "$style": SettingsCommunityNodesView_vue_vue_type_style_index_0_lang_module_default
+        };
+        _export("default", SettingsCommunityNodesView_default = /* @__PURE__ */__plugin_vue_export_helper_default(SettingsCommunityNodesView_vue_vue_type_script_setup_true_lang_default, [["__cssModules", cssModules]])); //#endregion
+      }
+    };
+  });
+})();

package/dist/assets/{SettingsCommunityNodesView-C7JC1VAK.js → SettingsCommunityNodesView-usMNCBTP.js}

@@ -1,44 +1,44 @@
 import { o as __toESM } from "./chunk-6z4oVpB-.js";
 import { C as computed, D as createElementBlock, E as createCommentVNode, Gt as unref, It as ref, J as onBeforeUnmount, M as createVNode, P as defineComponent, Sn as toDisplayString, T as createBlock, Z as onMounted, _ as Fragment, _n as normalizeClass, _t as watch, bt as withCtx, et as openBlock, it as renderList, j as createTextVNode, q as onBeforeMount, w as createBaseVNode } from "./vue.runtime.esm-bundler-DDuXT-9r.js";
-import { gt as useI18n } from "./_MapCache-Byd-DTfo.js";
-import { $ as N8nActionToggle_default, Dt as N8nActionBox_default, In as N8nText_default, Ln as N8nButton_default, Pn as N8nHeading_default, et as N8nLoading_default, vt as N8nTooltip_default, zn as N8nIcon_default } from "./src-D6S9Khji.js";
+import { gt as useI18n } from "./_MapCache-Dw6Llo22.js";
+import { $ as N8nActionToggle_default, Dt as N8nActionBox_default, In as N8nText_default, Ln as N8nButton_default, Pn as N8nHeading_default, et as N8nLoading_default, vt as N8nTooltip_default, zn as N8nIcon_default } from "./src-DsaRShTK.js";
 import "./en-BYTsM8fR.js";
 import "./preload-helper-CR0ecmWK.js";
 import { t as __plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BwBpWJRZ.js";
-import { b as useRouter } from "./truncate-DGRsht-H.js";
-import "./icon-DhADuA9N.js";
-import "./overlay-B8MMvNgs.js";
-import "./empty-BuGRxzl4.js";
-import "./useMessage-Ceo97RRX.js";
-import { Hi as COMMUNITY_PACKAGE_MANAGE_ACTIONS, Ni as useUIStore, Ri as COMMUNITY_NODES_INSTALLATION_DOCS_URL, Ro as useSettingsStore, Tn as useDocumentTitle, Vi as COMMUNITY_PACKAGE_INSTALL_MODAL_KEY, rt as useNodeTypesStore, t as useTelemetry } from "./useTelemetry-EOV0Llso.js";
-import { t as useToast } from "./useToast-BlMNYwds.js";
-import "./sanitize-html-BuXr7o4T.js";
-import "./path-browserify-DsmB_HMK.js";
-import { x as NPM_PACKAGE_DOCS_BASE_URL } from "./constants-DvlTm3U4.js";
-import "./merge-CKEa8BM2.js";
-import "./assistant.store-DvuxtpS4.js";
+import { b as useRouter } from "./truncate-7XypoloM.js";
+import "./icon-DmIKo5zZ.js";
+import "./overlay-C02_kK8Y.js";
+import "./empty-RTEMfF4N.js";
+import "./useMessage-hiDKbQYH.js";
+import { Bo as useSettingsStore, Hi as COMMUNITY_PACKAGE_MANAGE_ACTIONS, Ni as useUIStore, Ri as COMMUNITY_NODES_INSTALLATION_DOCS_URL, Tn as useDocumentTitle, Vi as COMMUNITY_PACKAGE_INSTALL_MODAL_KEY, rt as useNodeTypesStore, t as useTelemetry } from "./useTelemetry-DedEakwK.js";
+import { t as useToast } from "./useToast-LQk5sJH0.js";
+import "./sanitize-html-Cfxibw1n.js";
+import "./path-browserify-CTmc1OxV.js";
+import { x as NPM_PACKAGE_DOCS_BASE_URL } from "./constants-C5Tj3dXQ.js";
+import "./merge-Dnkh07HW.js";
+import "./assistant.store-BtplYeLr.js";
 import "./dateformat-D7TIhVd4.js";
-import "./useDebounce-BgcdaJ78.js";
-import { t as useExternalHooks } from "./useExternalHooks-SxBXYVNW.js";
-import "./npsSurvey.store-BTpA4Bdf.js";
-import "./cloudPlan.store-DrraBpZJ.js";
-import "./templates.store-COjIpQaS.js";
-import "./focusPanel.store-BJpwjMIG.js";
-import "./useWorkflowSaving-CWyt929n.js";
+import "./useDebounce-DFa0sFlC.js";
+import { t as useExternalHooks } from "./useExternalHooks-DSSTcvme.js";
+import "./npsSurvey.store-ylMA9JZD.js";
+import "./cloudPlan.store-DT2PFV79.js";
+import "./templates.store-Bt8tpLPx.js";
+import "./focusPanel.store-CPU1uVq-.js";
+import "./useWorkflowSaving-GL9jVODA.js";
 import "./retry-sDkwzrPY.js";
-import "./executions.store-IU9p1s46.js";
-import { i as usePushConnectionStore } from "./useRunWorkflow-_-_hUnHE.js";
-import "./usePinnedData-Csij2qN3.js";
-import "./nodeCreator.store-DHz0Nc1Y.js";
-import "./nodeIcon-ry_JIpAT.js";
-import "./useClipboard-fRnZpGbX.js";
-import "./useCanvasOperations-CFsSFVcO.js";
-import "./folders.store-Db975T-w.js";
-import { n as useCommunityNodesStore, t as require_semver } from "./semver-lN9oCZPq.js";
-import "./schemaPreview.store-BVhugjbw.js";
-import { t as usePushConnection } from "./usePushConnection-XZibrqm8.js";
-import "./readyToRunWorkflows.store-C23cIyhu.js";
-import "./readyToRunWorkflowsV2.store-BxZUJyXQ.js";
+import "./executions.store-D2xBmTFC.js";
+import { i as usePushConnectionStore } from "./useRunWorkflow-BLqckUNU.js";
+import "./usePinnedData-BsuIBj2b.js";
+import "./nodeCreator.store-C1GkQ_2N.js";
+import "./nodeIcon-ChI78z3o.js";
+import "./useClipboard-BkbYyMX3.js";
+import "./useCanvasOperations-Cxgmc_7x.js";
+import "./folders.store-CmYx4Y_F.js";
+import { n as useCommunityNodesStore, t as require_semver } from "./semver-D1BuALCK.js";
+import "./schemaPreview.store-DoyPeLof.js";
+import { t as usePushConnection } from "./usePushConnection-cXyYzGoP.js";
+import "./readyToRunWorkflows.store-BXoUeVNE.js";
+import "./readyToRunWorkflowsV2.store-BJAu2HwR.js";
 var import_semver = /* @__PURE__ */ __toESM(require_semver());
 var _hoisted_1 = { key: 0 };
 var CommunityPackageCard_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({

package/dist/assets/{SettingsExternalSecrets-CqTHs6zk.js → SettingsExternalSecrets-3H27kaGp.js}

@@ -1,26 +1,26 @@
 import { C as computed, D as createElementBlock, E as createCommentVNode, G as nextTick, Gt as unref, M as createVNode, P as defineComponent, Sn as toDisplayString, T as createBlock, Vt as toRef, Z as onMounted, _ as Fragment, _n as normalizeClass, bt as withCtx, et as openBlock, it as renderList, j as createTextVNode, w as createBaseVNode } from "./vue.runtime.esm-bundler-DDuXT-9r.js";
-import { _t as I18nT, gt as useI18n } from "./_MapCache-Byd-DTfo.js";
-import { $ as N8nActionToggle_default, Dt as N8nActionBox_default, Fn as N8nCallout_default, In as N8nText_default, Ln as N8nButton_default, Pn as N8nHeading_default, X as N8nCard_default, it as N8nBadge_default, zn as N8nIcon_default } from "./src-D6S9Khji.js";
+import { _t as I18nT, gt as useI18n } from "./_MapCache-Dw6Llo22.js";
+import { $ as N8nActionToggle_default, Dt as N8nActionBox_default, Fn as N8nCallout_default, In as N8nText_default, Ln as N8nButton_default, Pn as N8nHeading_default, X as N8nCard_default, it as N8nBadge_default, zn as N8nIcon_default } from "./src-DsaRShTK.js";
 import "./en-BYTsM8fR.js";
 import "./preload-helper-CR0ecmWK.js";
 import { t as __plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BwBpWJRZ.js";
-import "./truncate-DGRsht-H.js";
-import "./icon-DhADuA9N.js";
-import "./empty-BuGRxzl4.js";
-import { Ni as useUIStore, Tn as useDocumentTitle, ar as isDateObject } from "./useTelemetry-EOV0Llso.js";
-import { t as useToast } from "./useToast-BlMNYwds.js";
-import "./sanitize-html-BuXr7o4T.js";
-import "./path-browserify-DsmB_HMK.js";
-import { $i as DateTime, To as EXTERNAL_SECRETS_PROVIDER_MODAL_KEY } from "./constants-DvlTm3U4.js";
-import "./merge-CKEa8BM2.js";
+import "./truncate-7XypoloM.js";
+import "./icon-DmIKo5zZ.js";
+import "./empty-RTEMfF4N.js";
+import { Ni as useUIStore, Tn as useDocumentTitle, ar as isDateObject } from "./useTelemetry-DedEakwK.js";
+import { t as useToast } from "./useToast-LQk5sJH0.js";
+import "./sanitize-html-Cfxibw1n.js";
+import "./path-browserify-CTmc1OxV.js";
+import { $i as DateTime, To as EXTERNAL_SECRETS_PROVIDER_MODAL_KEY } from "./constants-C5Tj3dXQ.js";
+import "./merge-Dnkh07HW.js";
 import "./dateformat-D7TIhVd4.js";
-import "./useDebounce-BgcdaJ78.js";
-import "./useExternalHooks-SxBXYVNW.js";
-import "./cloudPlan.store-DrraBpZJ.js";
-import "./versions.store-Dx98n6R_.js";
-import { t as usePageRedirectionHelper } from "./usePageRedirectionHelper-C_ctyI4O.js";
-import { t as useExternalSecretsStore } from "./externalSecrets.ee.store-1z63wMHN.js";
-import { n as ExternalSecretsProviderImage_ee_default, r as useExternalSecretsProvider, t as ExternalSecretsProviderConnectionSwitch_ee_default } from "./ExternalSecretsProviderConnectionSwitch.ee-DCTg0mdX.js";
+import "./useDebounce-DFa0sFlC.js";
+import "./useExternalHooks-DSSTcvme.js";
+import "./cloudPlan.store-DT2PFV79.js";
+import "./versions.store-Bon8LCsf.js";
+import { t as usePageRedirectionHelper } from "./usePageRedirectionHelper-C8YGBi-F.js";
+import { t as useExternalSecretsStore } from "./externalSecrets.ee.store-CbqCu_KF.js";
+import { n as ExternalSecretsProviderImage_ee_default, r as useExternalSecretsProvider, t as ExternalSecretsProviderConnectionSwitch_ee_default } from "./ExternalSecretsProviderConnectionSwitch.ee-BQSSIasB.js";
 var ExternalSecretsProviderCard_ee_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "ExternalSecretsProviderCard.ee",
 	props: { provider: {} },