n8n-editor-ui/dist/assets/RecommendedTemplateCard-DNolG202.js

Workflow Editor UI for n8n

(function(){try{var e=typeof window<`u`?window:typeof global<`u`?global:typeof globalThis<`u`?globalThis:typeof self<`u`?self:{};e.SENTRY_RELEASE={id:`n8n@2.16.1`}}catch{}})();try{(function(){var e=typeof window<`u`?window:typeof global<`u`?global:typeof globalThis<`u`?globalThis:typeof self<`u`?self:{},t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]=`5c1737ce-c44a-47e4-9885-50aef7b2b775`,e._sentryDebugIdIdentifier=`sentry-dbid-5c1737ce-c44a-47e4-9885-50aef7b2b775`)})()}catch{}import{o as e,t}from"./chunk-CACdhNlC.js";import{$ as n,A as r,C as i,E as a,Ft as o,N as s,S as c,Sn as l,T as u,Wt as d,X as f,_ as p,_n as m,it as h,j as g,q as _,rt as v,w as y,yt as b}from"./vue.runtime.esm-bundler-C3C09Zii.js";import{at as x}from"./core-Bz5WjPxS.js";import{Qi as S,W as C,Xi as w,lt as ee,wt as T}from"./src-XqE2yCpG.js";import{t as E}from"./_plugin-vue_export-helper-CIL7EULb.js";import{m as D}from"./_MapCache-CP9ToMjk.js";import{fr as O,hr as k,qt as A,sa as j,w as M}from"./users.store-xP93bV7X.js";import{Ic as N,Qo as P}from"./constants-DuQbSl-q.js";import{m as F,n as I}from"./merge-DFZxC2wo.js";import{T as L,c as R,t as z}from"./useRootStore-XEREVjMN.js";import{t as B}from"./settings.store-CAFiYCMH.js";import{t as V}from"./uniqBy-DcnkRE_B.js";import{i as H}from"./nodeTransforms-lrtn9NPZ.js";import{n as U,r as W}from"./templateTransforms-otxtD9tz.js";import{t as G}from"./NodeIcon-T2UcO71E.js";import{n as K,t as q}from"./values-ydGhOX_2.js";var J=[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],Y=t(((e,t)=>{function n(e,t,n){return e===e&&(n!==void 0&&(e=e<=n?e:n),t!==void 0&&(e=e>=t?e:t)),e}t.exports=n})),X=t(((e,t)=>{var n=Y(),r=F(),i=K();function a(e,t){return i(r(e),n(t,0,e.length))}t.exports=a})),Z=t(((e,t)=>{var n=Y(),r=K(),i=q();function a(e,t){var a=i(e);return r(a,n(t,0,a.length))}t.exports=a})),Q=t(((e,t)=>{var n=X(),r=Z(),i=D(),a=I(),o=j();function s(e,t,s){return t=(s?a(e,t,s):t===void 0)?1:o(t),(i(e)?n:r)(e,t)}t.exports=s}));async function te(e){return await R(e,`GET`,`/dynamic-templates`)}var ne=e(Q(),1),$=L(`recommendedTemplates`,()=>{let e=O(),t=A(),n=B(),r=M(),i=k(),a=z(),o=c(()=>{let e=i.getVariant(N.name)===N.variantTemplates;return n.isTemplatesEnabled&&!t.hasCustomTemplatesHost&&e});async function s(e){return await t.fetchTemplateById(e.toString())}function l(e){return{name:P.TEMPLATE,params:{id:e}}}function u(){return(0,ne.default)(J,Math.min(6,J.length))}function d(t){e.track(`User viewed template detail`,{templateId:t})}function f(t,n){e.track(`User viewed template cell`,{tileNumber:n,templateId:t})}async function p(){await r.loadNodeTypesIfNotLoaded();try{return(await te(a.restApiContext)).templates.map(e=>e.workflow).slice(0,6)}catch(e){console.warn(`Dynamic templates failed, falling back to static IDs`,e)}let e=u().map(async e=>await s(e));return(await Promise.allSettled(e)).filter(e=>e.status===`fulfilled`&&e.value!==null).map(e=>e.value)}return{isFeatureEnabled:o,getRandomTemplateIds:u,getTemplateData:s,getTemplateRoute:l,trackTemplateTileClick:d,trackTemplateShown:f,loadRecommendedTemplates:p}}),re=e(V(),1),ie=[`src`,`alt`],ae={key:2},oe=E(s({__name:`RecommendedTemplateCard`,props:{template:{},tileNumber:{},showDetails:{type:Boolean},clickable:{type:Boolean,default:!1}},setup(e){let t=e,s=x(),E=M(),{getTemplateRoute:D,trackTemplateTileClick:O,trackTemplateShown:k}=$(),A=ee(),j=c(()=>{if(!t.template?.nodes)return[];let e=(0,re.default)(t.template.nodes,e=>e.icon).map(e=>e.name);return Array.from(e).slice(0,2).map(e=>E.getNodeType(e)).filter(Boolean)}),N=c(()=>{let e=t.template?.workflow?.nodes??[];if(e.length===0)return 0;let n=new Set;for(let t of e){let e=H(E,t);if(e.length===0)continue;let r=t.credentials?W(t.credentials):{};for(let t of e){let e=t.name,i=U(e,r[e]??``);n.add(i)}}return n.size}),P=c(()=>2+N.value*3),F=o(!1),I=o(null),L=null,R=()=>{F.value||t.tileNumber===void 0||(F.value=!0,k(t.template.id,t.tileNumber),L&&I.value&&L.unobserve(I.value.$el),L=null)},z=async()=>{t.clickable&&(O(t.template.id),await A.push(D(t.template.id)))};return f(()=>{if(I.value){if(typeof window>`u`||!(`IntersectionObserver`in window)){R();return}L=new IntersectionObserver(e=>{for(let t of e)if(t.isIntersecting){R();break}}),L.observe(I.value.$el)}}),_(()=>{L&&=(L.disconnect(),null)}),(t,o)=>(n(),y(d(T),{ref_key:`cardRef`,ref:I,class:m([t.$style.suggestion,{[t.$style.clickable]:e.clickable}]),onClick:z},{default:b(()=>[i(`div`,{class:m(t.$style.cardContent)},[g(d(w),{size:`large`,bold:!0,class:m(t.$style.title)},{default:b(()=>[r(l(e.template.name),1)]),_:1},8,[`class`]),e.template.user?(n(),a(`div`,{key:0,class:m(t.$style.userInfo)},[e.template.user.avatar?(n(),a(`img`,{key:0,src:e.template.user.avatar,alt:e.template.user.name,class:m(t.$style.userAvatar)},null,10,ie)):(n(),y(d(S),{key:1,icon:`user`,size:16})),g(d(w),{size:`medium`},{default:b(()=>[r(l(e.template.user.name),1)]),_:1}),e.template.user.verified?(n(),a(`span`,{key:2,class:m(t.$style.verifiedBadge)},[g(d(S),{icon:`shield-half`,size:16}),g(d(w),{size:`medium`},{default:b(()=>[r(l(d(s).baseText(`templates.card.verified`)),1)]),_:1})],2)):u(``,!0)],2)):u(``,!0),e.showDetails&&e.template.categories?.length?(n(),a(`div`,{key:1,class:m(t.$style.categories)},[(n(!0),a(p,null,v(e.template.categories,e=>(n(),y(d(C),{key:e.id,text:e.name,clickable:!1,class:m(t.$style.categoryTag)},null,8,[`text`,`class`]))),128))],2)):u(``,!0),i(`div`,{class:m(t.$style.statItem)},[i(`div`,{class:m(t.$style.statItemLeft)},[e.template.readyToDemo===!0?(n(),a(`div`,{key:0,class:m([t.$style.statItem,t.$style.mintGreen])},[g(d(S),{icon:`zap`,size:16}),g(d(w),{size:`medium`},{default:b(()=>[r(l(d(s).baseText(`templates.card.readyToRun`)),1)]),_:1})],2)):(n(),a(`div`,{key:1,class:m(t.$style.statItem)},[g(d(S),{icon:`clock`,size:16}),g(d(w),{size:`medium`},{default:b(()=>[r(l(d(s).baseText(`templates.card.setupTime`,{interpolate:{count:P.value}})),1)]),_:1})],2))],2),j.value.length>0?(n(),a(`div`,{key:0,class:m(t.$style.nodes)},[(n(!0),a(p,null,v(j.value,e=>(n(),y(G,{key:e.name,size:20,"node-type":e},null,8,[`node-type`]))),128))],2)):u(``,!0)],2),t.$slots.belowContent?(n(),a(`div`,ae,[h(t.$slots,`belowContent`)])):u(``,!0)],2)]),_:3},8,[`class`]))}}),[[`__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`}}]]);export{$ as n,oe as t};
//# sourceMappingURL=RecommendedTemplateCard-DNolG202.js.map