n8n-editor-ui/dist/assets/RecommendedTemplateCard-legacy-roRfB9PI.js

Workflow Editor UI for n8n

!function(){try{("undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{}).SENTRY_RELEASE={id:"n8n@2.13.4"}}catch(e){}}(),System.register(["./chunk-legacy-TXBRODOR.js","./vue.runtime.esm-bundler-legacy-IafOlCW8.js","./_MapCache-legacy-DwgdC8YO.js","./src-legacy-Dwzr7bD0.js","./_plugin-vue_export-helper-legacy-DEZAmQqp.js","./users.store-legacy-OKuN0qAC.js","./constants-legacy-DNCca_FT.js","./merge-legacy-uu1aGqHK.js","./_baseOrderBy-legacy-PsQY_Pvh.js","./uniqBy-legacy-DmwIYJPs.js","./nodeTransforms-legacy-CEnqyD1g.js","./templateTransforms-legacy-bPWknje4.js","./NodeIcon-legacy-B4uktMo3.js","./values-legacy-Dt9OIjG1.js"],(function(e,t){var a,n,s,l,i,r,o,c,d,u,m,p,f,g,_,y,v,w,b,h,k,T,x,I,$,j,C,z,E,D,N,A,B,R,S,L,G,M,P,H,O,q,F,U,X,Z,J,V,W,Y,K,Q,ee,te,ae,ne,se,le,ie,re,oe;return{setters:[function(e){a=e.o,n=e.t},function(e){s=e.$,l=e.A,i=e.C,r=e.E,o=e.Ft,c=e.N,d=e.S,u=e.Sn,m=e.T,p=e.Wt,f=e.X,g=e._,_=e._n,y=e.it,v=e.j,w=e.q,b=e.rt,h=e.w,k=e.yt},function(e){T=e.bt,x=e.m},function(e){I=e.$i,$=e.Nt,j=e.Z,C=e.Zi,z=e._t},function(e){E=e.t},function(e){D=e.As,N=e.Dn,A=e.Hr,B=e.en,R=e.oa,S=e.w},function(e){L=e.Xc,G=e.ms},function(e){M=e.m,P=e.n},function(e){H=e.d,O=e.j,q=e.r},function(e){F=e.t},function(e){U=e.i},function(e){X=e.n,Z=e.r},function(e){J=e.t},function(e){V=e.n,W=e.t}],execute:function(){(Y=document.createElement("style")).textContent="._suggestion_16wa4_125{padding:var(--spacing--lg);background-color:var(--color--background--light-3);flex-direction:column;justify-content:space-between;min-width:200px;display:flex}._clickable_16wa4_134{cursor:pointer}._clickable_16wa4_134:hover{box-shadow:var(--shadow--card-hover)}._clickable_16wa4_134:hover ._title_16wa4_140{color:var(--color--primary);text-decoration:underline}._cardContent_16wa4_145{gap:var(--spacing--sm);flex-direction:column;flex:1;display:flex}._nodes_16wa4_152{gap:var(--spacing--xs);display:flex}._statItemLeft_16wa4_157{align-items:center;gap:var(--spacing--4xs);min-width:0;display:flex}._userInfo_16wa4_164{align-items:center;gap:var(--spacing--4xs);margin-top:auto;display:flex}._userAvatar_16wa4_171{width:var(--spacing--sm);height:var(--spacing--sm);object-fit:cover;border-radius:50%}._verifiedBadge_16wa4_178{align-items:center;gap:var(--spacing--4xs);margin-left:var(--spacing--xs);display:flex}._categories_16wa4_185{gap:var(--spacing--2xs);flex-wrap:wrap;display:flex}._categoryTag_16wa4_191{--tag--height:var(--spacing--lg);--tag--border-color:transparent;--tag--padding:var(--spacing--4xs)var(--spacing--2xs)}._statItem_16wa4_157{justify-content:space-between;align-items:center;gap:var(--spacing--xs);display:flex}._mintGreen_16wa4_204{color:var(--color--mint-700)}\n/*$vite$:1*/",document.head.appendChild(Y);try{t="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},(ce=(new t.Error).stack)&&(t._sentryDebugIds=t._sentryDebugIds||{},t._sentryDebugIds[ce]="e50ed180-aa09-4ff7-86de-965850154bb4",t._sentryDebugIdIdentifier="sentry-dbid-e50ed180-aa09-4ff7-86de-965850154bb4")}catch(t){}var t,ce;K=[7607,7605,7603,7602,7601,7600,7599,7598,7597,7595,7594,7593,7592,7591,7590,7586,7585,7583,7582,7581,7580,7579,7578,7577,7575,7571,7569,7568,7567,7566,7563,7562,7561,7560,7558,7557,7556,7554,7553,7550,7549,7548,7546,7545,7544,7543,7540,7539,7537,7536,7535,7533,7530,7529,7528,7527,7525,7524,7523,7522,7521,7520,7518,7517,7516,7515,7514,7513,7512,7511,7509,7508,7506,7504,7503,7502,7501,7500,7491,7490,7487,7486,7485,7484,7483,7482,7481,7480,7479,7475,7470,7469,7468,7467,7466,7465,7464,7463,7461,7460,7459,7458,7457,7456,7455,7453,7452,7451,7450,7449,7448,7436,7434,7432,7431,7430,7429,7426,7425,7424,7423,7422,7420,7419,7418,7417,7416,7415,7413,7411,7409,7408,7407,7404,7403,7402,7401,7400,7399,7398,7397,7396,7395,7394,7393,7392,7391,7390,7388,7386,7385,7384,7383,7381,7380,7379,7378,7377,7375,7374,7373,7372,7371,7370,7369,7368,7367,7366,7365,7364,7363,7362,7361,7360,7359,7358,7357,7356,7355,7354,7351,7350,7348,7346,7344,7343,7340,7339,7336,7335,7334,7331,7330,7329,7328,7326,7325,7324,7323,7322,7321,7319,7318,7317,7316,7315,7314,7313,7310,7307,7306,7305,7304,7303,7302,7301,7300,7299,7298,7297,7296,7295,7294,7293,7292,7291,7290,7289,7288,7287,7284,7278,7277,7276,7275,7274,7273,7272,7271,7269,7267,7266,7265,7264,7262,7258,7257,7256,7255,7254,7253,7252,7251,7250,7249,7248,7247,7245,7244,7243,7241,7239,7238,7237,7236,7235,7233,7232,7231,7230,7229,7228,7227,7225,7224,7223,7222,7221,7220,7219,7218,7216,7215,7214,7213,7211,7207,7206,7205,7203,7202,7201,7199,7196,7195,7192,7191,7189,7187,7186,7184,7183,7182,7181,7179,7178,7177,7175,7174,7173,7172,7170,7167,7164,7163,7162,7161,7160,7159,7158,7157,7156,7155,7154,7153,7152,7150,7149,7147,7145,7143,7141,7140,7139,7137,7133,7131,7129,7128,7126,7125,7123,7113,7111,7098,7092,7091,7090,7087,7086,7074,7072,7067,7066,7062,7059,7049,7046,7045,7041,7037,7034,7033,7032,7029,7027,7026,7025,7023,7022,7020,7019,7017,7012,7011,7009,7007,7006,7004,7003,7002,7001,6994,6993,6990,6986,6985,6983,6981,6979,6978,6977,6976,6975,6974,6972,6970,6968,6966,6962,6961,6950,6949,6948,6945,6943,6941,6937,6936,6935,6930,6929,6928,6926,6925,6919,6918,6916,6915,6914,6913,6912,6911,6910,6909,6908,6907,6906,6905,6904,6903,6902,6901,6899,6898,6897,6896,6895,6894,6890,6887,6876,6875,6873,6872,6858,6852,6847,6844,6843,6842,6841,6840,6835,6832,6829,6827,6825,6824,6823,6822,6820,6819,6818,6816,6815,6813,6812,6809,6808,6794,6792,6789,6788,6786,6779,6777,6776,6775,6772,6771,6769,6767,6756,6754,6753,6752,6749,6748,6746,6745,6742,6741,6740,6739,6736,6735,6731,6730,6729,6728,6727,6726,6716,6714,6713,6710,6709,6708,6706,6703,6702,6701,6700,6696,6695,6691,6688,6686,6682,6680,6679,6673,6672,6669,6668,6667,6665,6664,6663,6662,6661,6658,6657,6656,6653,6651,6649,6643,6642,6641,6640,6639,6638,6637,6635,6633,6632,6630,6629,6628,6627,6626,6625,6620,6619,6618,6617,6616,6614,6612,6608,6607,6599,6598,6597,6594,6593,6592,6590,6588,6587,6583,6577,6576,6575,6574,6573,6570,6569,6568,6567,6559,6558,6557,6556,6555,6551,6550,6549,6546,6545,6543,6542,6541,6540,6538,6537,6535,6534,6533,6532,6531,6530,6529,6528,6527,6525,6524,6523,6522,6518,6512,6504,6492,6490,6487,6486,6485,6484,6483,6482,6481,6480,6472,6468,6464,6457,6455,6454,6451,6448,6442,6441,6439,6438,6437,6436,6433,6432,6431,6430,6428,6422,6421,6420,6419,6418,6417,6409,6408,6404,6401,6400,6399,6398,6395,6394,6389,6387,6386,6384,6383,6381,6380,6379,6376,6375,6374,6372,6363,6361,6359,6357,6345,6343,6337,6335,6332,6330,6326,6325,6319,6315,6313,6310,6309,6308,6304,6303,6301,6299,6296,6295,6294,6293,6291,6290,6287,6286,6285,6283,6282,6281,6280,6276,6275,6274,6273,6270,6266,6264,6262,6258,6256,6255,6250,6247,6245,6241,6240,6239,6229,6225,6224,6221,6220,6219,6216,6215,6212,6211,6210,6209,6208,6207,6206,6204,6203,6202,6201,6198,6197,6195,6194,6192,6191,6188,6180,6177,6174,6172,6170,6169,6166,6162,6161,6160,6156,6155,6154,6153,6152,6151,6150,6148,6145,6144,6139,6137,6135,6133,6130,6129,6126,6119,6115,6113,6104,6103,6102,6100,6099,6098,6097,6095,6094,6093,6091,6089,6088,6086,6082,6081,6080,6077,6076,6075,6074,6073,6072,6071,6070,6067,6066,6065,6064,6063,6062,6061,6059,6057,6052,6051,6047,6046,6043,6042,6041,6039,6036,6035,6033,6031,6030,6027,6026,6025,6023,6022,6017,6015,6014,6013,6012,6011,6010,6003,6001,6e3,5998,5995,5994,5993,5991,5989,5987,5985,5984,5983,5982,5979,5978,5977,5976,5975,5974,5973,5972,5971,5970,5969,5968,5967,5966,5965,5964,5963,5962,5961,5960,5959,5958,5957,5956,5955,5954,5953,5952,5951,5950,5949,5948,5947,5946,5945,5944,5942,5940,5938,5937,5936,5934,5933,5932,5930,5929,5928,5926,5925,5924,5923,5922,5920,5919,5918,5917,5914,5913,5910,5909,5908,5907,5906,5904,5901,5900,5897,5896,5895,5891,5890,5884,5882,5881,5880,5877,5875,5874,5871,5870,5866,5864,5863,5862,5857,5856,5850,5849,5847,5846,5844,5843,5842,5841,5840,5839,5835,5832,5831,5830,5829,5828,5825,5821,5820,5819,5818,5817,5816,5811,5809,5808,5807,5805,5801,5799,5798,5796,5795,5792,5790,5789,5787,5783,5779,5778,5777,5775,5774,5773,5772,5765,5761,5757,5755,5753,5752,5751,5749,5747,5746,5744,5743,5742,5741,5740,5739,5738,5736,5734,5727,5725,5723,5722,5721,5720,5712,5707,5701,5700,5696,5694,5691,5683,5682,5680,5678,5677,5674,5671,5670,5666,5662,5661,5658,5657,5656,5654,5651,5650,5649,5647,5644,5641,5640,5633,5631,5626,5622,5619,5617,5615,5614,5611,5608,5607,5599,5598,5597,5595,5594,5593,5591,5589,5588,5587,5584,5583,5582,5580,5577,5575,5573,5572,5570,5567,5566,5557,5554,5553,5552,5550,5548,5542,5540,5539,5536,5535,5533,5528,5525,5523,5522,5521,5518,5516,5511,5509,5508,5507,5504,5502,5499,5498,5497,5496,5495,5494,5492,5486,5480,5479,5478,5475,5474,5473,5469,5468,5466,5464,5463,5462,5461,5460,5459,5454,5453,5452,5451,5449,5448,5446,5445,5443,5441,5438,5436,5435,5431,5430,5428,5427,5426,5424,5423,5421,5420,5417,5416,5413,5412,5411,5409,5405,5404,5403,5400,5398,5396,5394,5393,5391,5390,5388,5387,5386,5381,5380,5375,5374,5370,5369,5368,5345,5343,5339,5338,5330,5327,5325],Q=n(((e,t)=>{t.exports=function(e,t,a){return e==e&&(void 0!==a&&(e=e<=a?e:a),void 0!==t&&(e=e>=t?e:t)),e}})),ee=n(((e,t)=>{var a=Q(),n=M(),s=V();t.exports=function(e,t){return s(n(e),a(t,0,e.length))}})),te=n(((e,t)=>{var a=Q(),n=V(),s=W();t.exports=function(e,t){var l=s(e);return n(l,a(t,0,l.length))}})),ae=n(((e,t)=>{var a=ee(),n=te(),s=x(),l=P(),i=R();t.exports=function(e,t,r){return t=(r?l(e,t,r):void 0===t)?1:i(t),(s(e)?a:n)(e,t)}})),ne=a(ae(),1),e("n",6),e("r",se=O("recommendedTemplates",(()=>{const e=B(),t=N(),a=D(),n=S(),s=A(),l=q();async function i(e){return await t.fetchTemplateById(e.toString())}function r(){return(0,ne.default)(K,Math.min(6,K.length))}return{isFeatureEnabled:d((()=>{const e=s.getVariant(L.name)===L.variantTemplates;return a.isTemplatesEnabled&&!t.hasCustomTemplatesHost&&e})),getRandomTemplateIds:r,getTemplateData:i,getTemplateRoute:function(e){return{name:G.TEMPLATE,params:{id:e}}},trackTemplateTileClick:function(t){e.track("User viewed template detail",{templateId:t})},trackTemplateShown:function(t,a){e.track("User viewed template cell",{tileNumber:a,templateId:t})},loadRecommendedTemplates:async function(){await n.loadNodeTypesIfNotLoaded();try{return(await async function(e){return await H(e,"GET","/dynamic-templates")}(l.restApiContext)).templates.map((e=>e.workflow)).slice(0,6)}catch(t){console.warn("Dynamic templates failed, falling back to static IDs",t)}const e=r().map((async e=>await i(e)));return(await Promise.allSettled(e)).filter((e=>"fulfilled"===e.status&&null!==e.value)).map((e=>e.value))}}}))),le=a(F(),1),ie=["src","alt"],re={key:2},oe=c({__name:"RecommendedTemplateCard",props:{template:{},tileNumber:{},showDetails:{type:Boolean},clickable:{type:Boolean,default:!1}},setup(e){const t=e,a=T(),n=S(),{getTemplateRoute:c,trackTemplateTileClick:x,trackTemplateShown:E}=se(),D=z(),N=d((()=>{if(!t.template?.nodes)return[];const e=(0,le.default)(t.template.nodes,(e=>e.icon)).map((e=>e.name));return Array.from(e).slice(0,2).map((e=>n.getNodeType(e))).filter(Boolean)})),A=d((()=>{const e=t.template?.workflow?.nodes??[];if(0===e.length)return 0;const a=new Set;for(const t of e){const e=U(n,t);if(0===e.length)continue;const s=t.credentials?Z(t.credentials):{};for(const t of e){const e=t.name,n=X(e,s[e]??"");a.add(n)}}return a.size})),B=d((()=>2+3*A.value)),R=o(!1),L=o(null);let G=null;const M=()=>{R.value||void 0===t.tileNumber||(R.value=!0,E(t.template.id,t.tileNumber),G&&L.value&&G.unobserve(L.value.$el),G=null)},P=async()=>{t.clickable&&(x(t.template.id),await D.push(c(t.template.id)))};return f((()=>{L.value&&("undefined"!=typeof window&&"IntersectionObserver"in window?(G=new IntersectionObserver((e=>{for(const t of e)if(t.isIntersecting){M();break}})),G.observe(L.value.$el)):M())})),w((()=>{G&&(G.disconnect(),G=null)})),(t,n)=>(s(),h(p($),{ref_key:"cardRef",ref:L,class:_([t.$style.suggestion,{[t.$style.clickable]:e.clickable}]),onClick:P},{default:k((()=>[i("div",{class:_(t.$style.cardContent)},[v(p(C),{size:"large",bold:!0,class:_(t.$style.title)},{default:k((()=>[l(u(e.template.name),1)])),_:1},8,["class"]),e.template.user?(s(),r("div",{key:0,class:_(t.$style.userInfo)},[e.template.user.avatar?(s(),r("img",{key:0,src:e.template.user.avatar,alt:e.template.user.name,class:_(t.$style.userAvatar)},null,10,ie)):(s(),h(p(I),{key:1,icon:"user",size:16})),v(p(C),{size:"medium"},{default:k((()=>[l(u(e.template.user.name),1)])),_:1}),e.template.user.verified?(s(),r("span",{key:2,class:_(t.$style.verifiedBadge)},[v(p(I),{icon:"shield-half",size:16}),v(p(C),{size:"medium"},{default:k((()=>[l(u(p(a).baseText("templates.card.verified")),1)])),_:1})],2)):m("",!0)],2)):m("",!0),e.showDetails&&e.template.categories?.length?(s(),r("div",{key:1,class:_(t.$style.categories)},[(s(!0),r(g,null,b(e.template.categories,(e=>(s(),h(p(j),{key:e.id,text:e.name,clickable:!1,class:_(t.$style.categoryTag)},null,8,["text","class"])))),128))],2)):m("",!0),i("div",{class:_(t.$style.statItem)},[i("div",{class:_(t.$style.statItemLeft)},[!0===e.template.readyToDemo?(s(),r("div",{key:0,class:_([t.$style.statItem,t.$style.mintGreen])},[v(p(I),{icon:"zap",size:16}),v(p(C),{size:"medium"},{default:k((()=>[l(u(p(a).baseText("templates.card.readyToRun")),1)])),_:1})],2)):(s(),r("div",{key:1,class:_(t.$style.statItem)},[v(p(I),{icon:"clock",size:16}),v(p(C),{size:"medium"},{default:k((()=>[l(u(p(a).baseText("templates.card.setupTime",{interpolate:{count:B.value}})),1)])),_:1})],2))],2),N.value.length>0?(s(),r("div",{key:0,class:_(t.$style.nodes)},[(s(!0),r(g,null,b(N.value,(e=>(s(),h(J,{key:e.name,size:20,"node-type":e},null,8,["node-type"])))),128))],2)):m("",!0)],2),t.$slots.belowContent?(s(),r("div",re,[y(t.$slots,"belowContent")])):m("",!0)],2)])),_:3},8,["class"]))}}),e("t",E(oe,[["__cssModules",{$style:{suggestion:"_suggestion_16wa4_125",clickable:"_clickable_16wa4_134",title:"_title_16wa4_140",cardContent:"_cardContent_16wa4_145",nodes:"_nodes_16wa4_152",statItemLeft:"_statItemLeft_16wa4_157",userInfo:"_userInfo_16wa4_164",userAvatar:"_userAvatar_16wa4_171",verifiedBadge:"_verifiedBadge_16wa4_178",categories:"_categories_16wa4_185",categoryTag:"_categoryTag_16wa4_191",statItem:"_statItem_16wa4_157",mintGreen:"_mintGreen_16wa4_204"}}]]))}}}));
//# sourceMappingURL=RecommendedTemplateCard-legacy-roRfB9PI.js.map