@atom8n/n8n-editor-ui 2.2.0

package/dist/assets/PrebuiltAgentTemplatesView-Csi5U8dc.js

@@ -0,0 +1,154 @@
+import { C as computed, Cn as toDisplayString, D as createElementBlock, Gt as unref, M as createVNode, P as defineComponent, T as createBlock, Z as onMounted, _ as Fragment, bt as withCtx, et as openBlock, it as renderList, j as createTextVNode, k as createSlots, vn as normalizeClass, w as createBaseVNode } from "./vue.runtime.esm-bundler-tP5dCd7J.js";
+import { rt as useI18n } from "./core-CRbPymLT.js";
+import { et as N8nCard_default, j as N8nNodeCreatorNode_default, mt as N8nLink_default, vn as N8nHeading_default } from "./src-jviYSG25.js";
+import "./en-CF30SCh2.js";
+import "./preload-helper-dyVz7ck7.js";
+import { t as __plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BwBpWJRZ.js";
+import "./truncate-C0KYt7i3.js";
+import { Pt as useNodeTypesStore } from "./builder.store-Czk2ipDE.js";
+import "./empty-BuGRxzl4.js";
+import "./get-BcEmeOxn.js";
+import "./sanitize-html-CbW56HUN.js";
+import "./CalendarDate-DgQUMbNo.js";
+import "./path-browserify-RUt2u7iT.js";
+import "./_MapCache-CcdIl4Ae.js";
+import { Ro as VIEWS } from "./constants-C8OH4tTq.js";
+import "./merge-DhuTk1HM.js";
+import "./_baseOrderBy-N8Be_6z6.js";
+import "./dateformat-hG8NERse.js";
+import "./useDebounce-Br5_1ug-.js";
+import { _ as useCalloutHelpers } from "./nodeCreator.store-Bpnrwp2l.js";
+import "./nodeIcon-D6X-ENYt.js";
+import { t as NodeIcon_default } from "./NodeIcon-B9VW6tX6.js";
+import { t as PageViewLayout_default } from "./PageViewLayout-NT1KPFgy.js";
+var PrebuiltAgentTemplatesView_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "PrebuiltAgentTemplatesView",
+	setup(__props) {
+		const nodeTypesStore = useNodeTypesStore();
+		const i18n = useI18n();
+		const calloutHelpers = useCalloutHelpers();
+		const preBuiltAgents = computed(() => calloutHelpers.getPreBuiltAgentNodeCreatorItems());
+		const tutorials$1 = computed(() => calloutHelpers.getTutorialTemplatesNodeCreatorItems());
+		const openTemplate = (templateId) => {
+			calloutHelpers.openSampleWorkflowTemplate(templateId, { telemetry: { source: "templates" } });
+		};
+		onMounted(async () => {
+			await nodeTypesStore.loadNodeTypesIfNotLoaded();
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(PageViewLayout_default, null, {
+				default: withCtx(() => [createBaseVNode("div", { class: normalizeClass(_ctx.$style.content) }, [
+					createBaseVNode("section", { class: normalizeClass(_ctx.$style.section) }, [createBaseVNode("div", { class: normalizeClass(_ctx.$style.header) }, [createVNode(unref(N8nHeading_default), {
+						tag: "h2",
+						bold: "",
+						size: "xlarge"
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(unref(i18n).baseText("preBuiltAgentTemplates.title")), 1)]),
+						_: 1
+					}), createVNode(unref(N8nLink_default), {
+						to: { name: unref(VIEWS).TEMPLATES },
+						underline: "",
+						bold: ""
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(unref(i18n).baseText("preBuiltAgentTemplates.viewAllLink")), 1)]),
+						_: 1
+					}, 8, ["to"])], 2), createBaseVNode("div", { class: normalizeClass(_ctx.$style.grid) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(preBuiltAgents.value, (template) => {
+						return openBlock(), createBlock(unref(N8nCard_default), {
+							key: template.key,
+							class: normalizeClass(_ctx.$style.card),
+							onClick: ($event) => openTemplate(template.properties.templateId)
+						}, {
+							default: withCtx(() => [createVNode(unref(N8nNodeCreatorNode_default), {
+								class: normalizeClass(_ctx.$style.templateLink),
+								title: template.properties.title,
+								description: template.properties.description,
+								tag: template.properties.tag,
+								"show-action-arrow": true,
+								"is-trigger": false,
+								"hide-node-icon": true
+							}, createSlots({ _: 2 }, [template.properties.nodes ? {
+								name: "extraDetails",
+								fn: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(template.properties.nodes, (node) => {
+									return openBlock(), createBlock(NodeIcon_default, {
+										key: node.name,
+										"node-type": node,
+										size: 16,
+										"show-tooltip": true
+									}, null, 8, ["node-type"]);
+								}), 128))]),
+								key: "0"
+							} : void 0]), 1032, [
+								"class",
+								"title",
+								"description",
+								"tag"
+							])]),
+							_: 2
+						}, 1032, ["class", "onClick"]);
+					}), 128))], 2)], 2),
+					createBaseVNode("section", { class: normalizeClass(_ctx.$style.section) }, [createVNode(unref(N8nHeading_default), {
+						tag: "h2",
+						bold: "",
+						size: "xlarge"
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(unref(i18n).baseText("preBuiltAgentTemplates.tutorials")), 1)]),
+						_: 1
+					}), createBaseVNode("div", { class: normalizeClass(_ctx.$style.tutorials) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(tutorials$1.value, (template) => {
+						return openBlock(), createBlock(unref(N8nCard_default), {
+							key: template.key,
+							class: normalizeClass(_ctx.$style.card),
+							onClick: ($event) => openTemplate(template.properties.templateId)
+						}, {
+							default: withCtx(() => [createVNode(unref(N8nNodeCreatorNode_default), {
+								class: normalizeClass(_ctx.$style.templateLink),
+								title: template.properties.title,
+								description: template.properties.description,
+								tag: template.properties.tag,
+								"show-action-arrow": true,
+								"is-trigger": false,
+								"hide-node-icon": true
+							}, createSlots({ _: 2 }, [template.properties.nodes ? {
+								name: "extraDetails",
+								fn: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(template.properties.nodes, (node) => {
+									return openBlock(), createBlock(NodeIcon_default, {
+										key: node.name,
+										"node-type": node,
+										size: 16,
+										"show-tooltip": true
+									}, null, 8, ["node-type"]);
+								}), 128))]),
+								key: "0"
+							} : void 0]), 1032, [
+								"class",
+								"title",
+								"description",
+								"tag"
+							])]),
+							_: 2
+						}, 1032, ["class", "onClick"]);
+					}), 128))], 2)], 2),
+					createVNode(unref(N8nLink_default), {
+						to: { name: unref(VIEWS).TEMPLATES },
+						underline: "",
+						bold: ""
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(unref(i18n).baseText("preBuiltAgentTemplates.viewAllLink")), 1)]),
+						_: 1
+					}, 8, ["to"])
+				], 2)]),
+				_: 1
+			});
+		};
+	}
+});
+var PrebuiltAgentTemplatesView_vue_vue_type_style_index_0_lang_module_default = {
+	content: "_content_1jt4v_123",
+	header: "_header_1jt4v_131",
+	section: "_section_1jt4v_137",
+	grid: "_grid_1jt4v_143",
+	card: "_card_1jt4v_155",
+	tutorials: "_tutorials_1jt4v_162",
+	templateLink: "_templateLink_1jt4v_170"
+};
+var PrebuiltAgentTemplatesView_default = /* @__PURE__ */ __plugin_vue_export_helper_default(PrebuiltAgentTemplatesView_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": PrebuiltAgentTemplatesView_vue_vue_type_style_index_0_lang_module_default }]]);
+export { PrebuiltAgentTemplatesView_default as default };

package/dist/assets/ProjectBreadcrumb-C_XiY7sc.js

@@ -0,0 +1,98 @@
+import { C as computed, Cn as toDisplayString, D as createElementBlock, Gt as unref, M as createVNode, P as defineComponent, bt as withCtx, et as openBlock, j as createTextVNode, vn as normalizeClass } from "./vue.runtime.esm-bundler-tP5dCd7J.js";
+import { rt as useI18n } from "./core-CRbPymLT.js";
+import { bn as N8nText_default, mt as N8nLink_default } from "./src-jviYSG25.js";
+import { t as __plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BwBpWJRZ.js";
+import { $n as ProjectTypes } from "./builder.store-Czk2ipDE.js";
+import { n as isIconOrEmoji, t as ProjectIcon_default } from "./ProjectIcon-DY8gGuHX.js";
+var ProjectBreadcrumb_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ProjectBreadcrumb",
+	props: {
+		currentProject: { default: void 0 },
+		isDragging: {
+			type: Boolean,
+			default: false
+		},
+		isShared: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: ["projectHover", "projectDrop"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const i18n = useI18n();
+		const projectIcon = computed(() => {
+			if (props.isShared) return {
+				type: "icon",
+				value: "share"
+			};
+			if (props.currentProject?.type === ProjectTypes.Personal) return {
+				type: "icon",
+				value: "user"
+			};
+			if (props.currentProject?.name) return isIconOrEmoji(props.currentProject.icon) ? props.currentProject.icon : {
+				type: "icon",
+				value: "layers"
+			};
+			return {
+				type: "icon",
+				value: "house"
+			};
+		});
+		const projectName = computed(() => {
+			if (props.isShared) return i18n.baseText("projects.menu.shared");
+			if (props.currentProject?.type === ProjectTypes.Personal) return i18n.baseText("projects.menu.personal");
+			return props.currentProject?.name;
+		});
+		const projectLink = computed(() => {
+			if (props.isShared) return "/shared";
+			if (props.currentProject) return `/projects/${props.currentProject.id}`;
+			return "/home";
+		});
+		const onHover = () => {
+			emit("projectHover");
+		};
+		const onProjectMouseUp = () => {
+			if (props.isDragging) emit("projectDrop");
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass({
+					[_ctx.$style["home-project"]]: true,
+					[_ctx.$style.dragging]: _ctx.isDragging
+				}),
+				"data-test-id": "home-project",
+				onMouseenter: onHover,
+				onMouseup: _cache[0] || (_cache[0] = ($event) => _ctx.isDragging ? onProjectMouseUp() : null)
+			}, [createVNode(unref(N8nLink_default), {
+				to: projectLink.value,
+				class: normalizeClass([_ctx.$style["project-link"]])
+			}, {
+				default: withCtx(() => [createVNode(ProjectIcon_default, {
+					icon: projectIcon.value,
+					"border-less": true,
+					size: "mini",
+					title: projectName.value
+				}, null, 8, ["icon", "title"]), createVNode(unref(N8nText_default), {
+					size: "medium",
+					color: "text-base",
+					class: normalizeClass(_ctx.$style["project-label"])
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(projectName.value), 1)]),
+					_: 1
+				}, 8, ["class"])]),
+				_: 1
+			}, 8, ["to", "class"])], 34);
+		};
+	}
+});
+const dragging = "_dragging_1goi6_128";
+var ProjectBreadcrumb_vue_vue_type_style_index_0_lang_module_default = {
+	"home-project": "_home-project_1goi6_123",
+	dragging,
+	"project-link": "_project-link_1goi6_141",
+	"project-label": "_project-label_1goi6_148"
+};
+var ProjectBreadcrumb_default = /* @__PURE__ */ __plugin_vue_export_helper_default(ProjectBreadcrumb_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": ProjectBreadcrumb_vue_vue_type_style_index_0_lang_module_default }]]);
+export { ProjectBreadcrumb_default as t };

package/dist/assets/ProjectCardBadge-t_hs7vzx.js

@@ -0,0 +1,209 @@
+import { C as computed, Cn as toDisplayString, D as createElementBlock, E as createCommentVNode, Gt as unref, M as createVNode, P as defineComponent, T as createBlock, W as mergeProps, at as renderSlot, bt as withCtx, et as openBlock, j as createTextVNode, ot as resolveComponent, st as resolveDirective, vn as normalizeClass, w as createBaseVNode, xt as withDirectives } from "./vue.runtime.esm-bundler-tP5dCd7J.js";
+import { rt as useI18n } from "./core-CRbPymLT.js";
+import { ht as N8nTooltip_default, lt as N8nBadge_default } from "./src-jviYSG25.js";
+import { t as __plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BwBpWJRZ.js";
+import { $n as ProjectTypes, ci as ResourceType, ui as splitName } from "./builder.store-Czk2ipDE.js";
+import { Ro as VIEWS } from "./constants-C8OH4tTq.js";
+import { n as isIconOrEmoji, t as ProjectIcon_default } from "./ProjectIcon-DY8gGuHX.js";
+var ProjectState = /* @__PURE__ */ function(ProjectState$1) {
+	ProjectState$1["SharedPersonal"] = "shared-personal";
+	ProjectState$1["SharedOwned"] = "shared-owned";
+	ProjectState$1["Owned"] = "owned";
+	ProjectState$1["Personal"] = "personal";
+	ProjectState$1["Team"] = "team";
+	ProjectState$1["SharedTeam"] = "shared-team";
+	ProjectState$1["Unknown"] = "unknown";
+	return ProjectState$1;
+}(ProjectState || {});
+var ProjectCardBadge_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ProjectCardBadge",
+	props: {
+		resource: {},
+		resourceType: {},
+		resourceTypeLabel: {},
+		personalProject: {},
+		showBadgeBorder: {
+			type: Boolean,
+			default: true
+		},
+		global: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const i18n = useI18n();
+		const isShared = computed(() => {
+			return "sharedWithProjects" in props.resource && props.resource.sharedWithProjects?.length;
+		});
+		const projectState = computed(() => {
+			if (props.resource.homeProject && props.personalProject && props.resource.homeProject.id === props.personalProject.id || !props.resource.homeProject) {
+				if (isShared.value) return ProjectState.SharedOwned;
+				return ProjectState.Owned;
+			} else if (props.resource.homeProject?.type !== ProjectTypes.Team) {
+				if (isShared.value) return ProjectState.SharedPersonal;
+				return ProjectState.Personal;
+			} else if (props.resource.homeProject?.type === ProjectTypes.Team) {
+				if (isShared.value) return ProjectState.SharedTeam;
+				return ProjectState.Team;
+			}
+			return ProjectState.Unknown;
+		});
+		const numberOfMembersInHomeTeamProject = computed(() => "sharedWithProjects" in props.resource ? props.resource.sharedWithProjects?.length ?? 0 : 0);
+		const badgeText = computed(() => {
+			if (projectState.value === ProjectState.Owned || projectState.value === ProjectState.SharedOwned) return i18n.baseText("projects.menu.personal");
+			else {
+				const { name, email } = splitName(props.resource.homeProject?.name ?? "");
+				return name ?? email ?? "";
+			}
+		});
+		const badgeIcon = computed(() => {
+			switch (projectState.value) {
+				case ProjectState.Owned:
+				case ProjectState.SharedOwned:
+				case ProjectState.Personal:
+				case ProjectState.SharedPersonal: return {
+					type: "icon",
+					value: "user"
+				};
+				case ProjectState.Team:
+				case ProjectState.SharedTeam: return isIconOrEmoji(props.resource.homeProject?.icon) ? props.resource.homeProject?.icon : {
+					type: "icon",
+					value: "layers"
+				};
+				default: return {
+					type: "icon",
+					value: "layers"
+				};
+			}
+		});
+		const badgeTooltip = computed(() => {
+			switch (projectState.value) {
+				case ProjectState.SharedOwned: return i18n.baseText("projects.badge.tooltip.sharedOwned", { interpolate: {
+					resourceTypeLabel: props.resourceTypeLabel,
+					count: numberOfMembersInHomeTeamProject.value
+				} });
+				case ProjectState.SharedPersonal: return i18n.baseText("projects.badge.tooltip.sharedPersonal", { interpolate: {
+					resourceTypeLabel: props.resourceTypeLabel,
+					name: badgeText.value,
+					count: numberOfMembersInHomeTeamProject.value
+				} });
+				case ProjectState.Personal: return i18n.baseText("projects.badge.tooltip.personal", { interpolate: {
+					resourceTypeLabel: props.resourceTypeLabel,
+					name: badgeText.value
+				} });
+				case ProjectState.Team: return i18n.baseText("projects.badge.tooltip.team", { interpolate: {
+					resourceTypeLabel: props.resourceTypeLabel,
+					name: badgeText.value
+				} });
+				case ProjectState.SharedTeam: return i18n.baseText("projects.badge.tooltip.sharedTeam", { interpolate: {
+					resourceTypeLabel: props.resourceTypeLabel,
+					name: badgeText.value,
+					count: numberOfMembersInHomeTeamProject.value
+				} });
+				default: return "";
+			}
+		});
+		const projectLocation = computed(() => {
+			if (projectState.value !== ProjectState.Personal && projectState.value !== ProjectState.SharedPersonal && props.resource.homeProject?.id && props.resourceType === ResourceType.Workflow) return {
+				name: VIEWS.PROJECTS_WORKFLOWS,
+				params: { projectId: props.resource.homeProject.id }
+			};
+			return null;
+		});
+		return (_ctx, _cache) => {
+			const _component_RouterLink = resolveComponent("RouterLink");
+			const _directive_n8n_truncate = resolveDirective("n8n-truncate");
+			return openBlock(), createElementBlock("div", mergeProps({ class: {
+				[_ctx.$style.wrapper]: true,
+				[_ctx.$style["no-border"]]: _ctx.showBadgeBorder
+			} }, _ctx.$attrs), [
+				badgeText.value ? (openBlock(), createBlock(unref(N8nTooltip_default), {
+					key: 0,
+					disabled: !badgeTooltip.value || numberOfMembersInHomeTeamProject.value !== 0,
+					placement: "top"
+				}, {
+					content: withCtx(() => [createTextVNode(toDisplayString(badgeTooltip.value), 1)]),
+					default: withCtx(() => [createVNode(unref(N8nBadge_default), {
+						class: normalizeClass([_ctx.$style.badge, _ctx.$style.projectBadge]),
+						theme: "tertiary",
+						"data-test-id": "card-badge",
+						"show-border": _ctx.showBadgeBorder
+					}, {
+						default: withCtx(() => [createVNode(ProjectIcon_default, {
+							icon: badgeIcon.value,
+							"border-less": true,
+							size: "mini"
+						}, null, 8, ["icon"]), projectLocation.value ? (openBlock(), createBlock(_component_RouterLink, {
+							key: 0,
+							to: projectLocation.value
+						}, {
+							default: withCtx(() => [withDirectives(createBaseVNode("span", { class: normalizeClass(_ctx.$style.nowrap) }, null, 2), [[
+								_directive_n8n_truncate,
+								badgeText.value,
+								"20"
+							]])]),
+							_: 1
+						}, 8, ["to"])) : withDirectives((openBlock(), createElementBlock("span", {
+							key: 1,
+							class: normalizeClass(_ctx.$style.nowrap)
+						}, null, 2)), [[
+							_directive_n8n_truncate,
+							badgeText.value,
+							"20"
+						]])]),
+						_: 1
+					}, 8, ["class", "show-border"])]),
+					_: 1
+				}, 8, ["disabled"])) : createCommentVNode("", true),
+				renderSlot(_ctx.$slots, "default"),
+				_ctx.global ? (openBlock(), createBlock(unref(N8nTooltip_default), {
+					key: 1,
+					placement: "top"
+				}, {
+					content: withCtx(() => [createTextVNode(toDisplayString(unref(i18n).baseText("projects.badge.tooltip.global", { interpolate: { resourceTypeLabel: props.resourceTypeLabel } })), 1)]),
+					default: withCtx(() => [createBaseVNode("div", {
+						class: normalizeClass(_ctx.$style["global-badge"]),
+						"data-test-id": "credential-global-badge",
+						theme: "tertiary",
+						bold: ""
+					}, [createVNode(ProjectIcon_default, {
+						icon: {
+							type: "icon",
+							value: "globe"
+						},
+						"border-less": true,
+						size: "mini"
+					}), createTextVNode(" " + toDisplayString(unref(i18n).baseText("projects.badge.global")), 1)], 2)]),
+					_: 1
+				})) : createCommentVNode("", true),
+				numberOfMembersInHomeTeamProject.value ? (openBlock(), createBlock(unref(N8nTooltip_default), {
+					key: 2,
+					disabled: !badgeTooltip.value || numberOfMembersInHomeTeamProject.value === 0,
+					placement: "top"
+				}, {
+					content: withCtx(() => [createTextVNode(toDisplayString(badgeTooltip.value), 1)]),
+					default: withCtx(() => [createBaseVNode("div", {
+						class: normalizeClass(_ctx.$style["count-badge"]),
+						theme: "tertiary",
+						bold: ""
+					}, " +" + toDisplayString(numberOfMembersInHomeTeamProject.value), 3)]),
+					_: 1
+				}, 8, ["disabled"])) : createCommentVNode("", true)
+			], 16);
+		};
+	}
+});
+const wrapper = "_wrapper_k20jl_123";
+const badge = "_badge_k20jl_133";
+const projectBadge = "_projectBadge_k20jl_146";
+const nowrap = "_nowrap_k20jl_166";
+var ProjectCardBadge_vue_vue_type_style_index_0_lang_module_default = {
+	wrapper,
+	"no-border": "_no-border_k20jl_129",
+	badge,
+	projectBadge,
+	"count-badge": "_count-badge_k20jl_151",
+	"global-badge": "_global-badge_k20jl_159 _count-badge_k20jl_151",
+	nowrap
+};
+var ProjectCardBadge_default = /* @__PURE__ */ __plugin_vue_export_helper_default(ProjectCardBadge_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": ProjectCardBadge_vue_vue_type_style_index_0_lang_module_default }]]);
+export { ProjectCardBadge_default as t };