Viewing File: /usr/local/cpanel/base/frontend/jupiter/koality/_nuxt/Bds1D1z5.js

import{_ as Ve}from"./CMk4p11g.js";import{d as Q,N as ue,h as Y,J as ie,Z as pe,Q as _e,P as fe,v as ge,k as e,o as t,c as p,Y as be,w as C,a as h,b as u,t as k,p as b,e as F,q as Z,n as B,s as T,A as O,g as Oe,i as ce,u as re,f as Ie,j as he,z as le,a7 as ke,F as H,l as R,m as Ce,a8 as ve,R as ye,y as je,_ as $e,a9 as Ee,r as ae,E as Le,D as xe,X as we,T as We}from"./EJiqiqZX.js";import{_ as Ue}from"./DPX3lXZf.js";import{_ as Se}from"./BBOQFEVZ.js";import{_ as Pe}from"./nktVwxwq.js";import{_ as de}from"./COaTHx-9.js";import{_ as ze}from"./DMYOpUVc.js";import{u as Fe}from"./DznjhPsl.js";import{_ as Te}from"./Bd9WPADb.js";import{_ as Re}from"./8R23gm1P.js";import{_ as qe}from"./BfhOLfqp.js";import{_ as Me}from"./b6minSIt.js";import{_ as Ke}from"./B-neLpD6.js";import{_ as De}from"./EjhM9UWu.js";import{_ as Je}from"./BEdJFh5y.js";import{_ as He}from"./D_7mLYJ8.js";import{u as Qe}from"./CyytCdLd.js";import"./lBS7YjNH.js";import"./BdHYZYxo.js";import"./CC92fphK.js";import"./Cqd5VgjX.js";import"./NwK2Pm4d.js";import"./NkNhW2e0.js";import"./B3XbUJXz.js";import"./CSwwpV8A.js";import"./CB5_IlOE.js";import"./qv9l9arW.js";import"./CASzI7RK.js";import"./DFn9I5Nm.js";const Ge=[{id:1,identifier:"html"},{id:8,identifier:"sitemap"},{id:4,identifier:"z_other"}],Xe={class:"font-medium"},Ye={class:"text-xs text-balanced text-uiText-toned"},Ze={key:1,class:"flex flex-row o_gap-2 justify-end w-full o_pt-2"},et=Q({__name:"PageComponentExtendedForm",props:{editComponent:{default:void 0}},emits:["updateList","closeForm","updatedComponent","deletedComponent"],setup(_,{emit:I}){const s=_,{kapi:$}=ue(),{sid:r}=Y().params,{t:o}=ie(),d=T(()=>Ge.map(n=>({id:n.id,identifier:n.identifier,name:o(`pageComponents.types.${n.identifier}.name`),description:o(`pageComponents.types.${n.identifier}.description`)}))),{longSchema:S,baseDomain:m}=Fe(),f=T(()=>s.editComponent!==void 0),c=pe({name:s.editComponent?.name||void 0,url:s.editComponent?.url||`${m.value.protocol}://${m.value.domain}`,type:s.editComponent?.type||1}),U=()=>{c.name=s.editComponent?.name||void 0,c.url=s.editComponent?.url||`${m.value.protocol}://${m.value.domain}`,c.type=s.editComponent?.type||1},l=I,a=_e(),i=O(null),{tracker:P}=fe(),j=ge(),{pid:N}=Y().params,x=async n=>{try{if(!f.value)await $("Component").then(y=>y.createComponent({system:Number(r),system_type_id:n.data.type,name:n.data.name,url:n.data.url,device_id:1})),a.add({title:o("pageComponents.componentCreated"),description:n.data.name,icon:"material-symbols:add-box-outline",color:"success"}),P("page_component","click",`Created page component ${n.data.name}`),j.setOnboardingCompleted(Number(N),Number(r)),l("updateList"),U(),setTimeout(()=>{document.querySelector('input[name="name"]')?.focus()},500);else{if(!s.editComponent?.id)return;const y=s.editComponent?.id||0;await $("Component").then(M=>M.updateComponent(y,{id:y,name:n.data.name,url:n.data.url,apiUrl:n.data.url,system_type_id:n.data.type,system:Number(r),device_id:1})),a.add({title:o("pageComponents.componentUpdated"),description:n.data.name,icon:B.icoReloaded,color:"success"}),P("page_component","click",`Updated page component ${n.data.name}`),l("updatedComponent")}}catch(y){i.value=y}},E=async()=>{if(f.value)try{await $("Component").then(n=>n.deleteComponent(s.editComponent?.id)),l("deletedComponent"),a.add({title:o("pageComponents.componentDeleted"),description:s.editComponent?.name||"",icon:B.icoRemoved,color:"success"}),P("page_component","click",`Deleted page component ${s.editComponent?.name}`)}catch(n){i.value=n}},g=O(!1);return(n,y)=>{const M=Ue,V=Se,L=Pe,G=de,q=Z,J=ze,me=be;return e(d)?(t(),p(me,{key:0,state:e(c),schema:e(S),class:"flex flex-col gap-2","validate-on-input-delay":500,onSubmit:x},{default:C(()=>[h(V,{name:"name",size:"sm",label:n.$t("Name"),required:""},{default:C(()=>[h(M,{ref:"nameInput",modelValue:e(c).name,"onUpdate:modelValue":y[0]||(y[0]=W=>e(c).name=W),class:"w-full",size:"md","data-1p-ignore":"",autocomplete:"off",placeholder:n.$t("componentAddForm.nameOfTheComponent")},null,8,["modelValue","placeholder"])]),_:1},8,["label"]),h(V,{name:"url",size:"sm",label:n.$t("URL"),required:""},{default:C(()=>[h(M,{modelValue:e(c).url,"onUpdate:modelValue":y[1]||(y[1]=W=>e(c).url=W),class:"w-full",size:"md",required:"",autocomplete:"off","data-1p-ignore":"",placeholder:n.$t("componentAddForm.sentenceNewUrl")},null,8,["modelValue","placeholder"])]),_:1},8,["label"]),h(V,{name:"type",size:"sm",label:n.$t("PageType"),required:""},{default:C(()=>[h(L,{modelValue:e(c).type,"onUpdate:modelValue":y[2]||(y[2]=W=>e(c).type=W),items:e(d),"value-key":"id","label-key":"name",class:"w-full",size:"md","search-input":!1,variant:"outline",color:"neutral",portal:!1,ui:{itemLabel:"text-clip",content:"z-20"}},{"item-label":C(({item:W})=>[u("div",null,[u("div",Xe,k(W.name),1),u("div",Ye,k(W.description),1)])]),_:1},8,["modelValue","items"])]),_:1},8,["label"]),e(i)?(t(),p(G,{key:0,error:e(i),refresh:()=>{},"with-refresh":!1},null,8,["error"])):b("",!0),e(g)?(t(),p(J,{key:2,class:"justify-end o_mt-4",size:"sm",onCancel:y[4]||(y[4]=W=>g.value=!1),onAction:E})):(t(),F("div",Ze,[e(f)&&_.editComponent?.id!==0?(t(),p(q,{key:0,color:"error",variant:"subtle",size:"sm",label:n.$t("delete"),icon:e(B).icoTrash,onClick:y[3]||(y[3]=W=>g.value=!0)},null,8,["label","icon"])):b("",!0),h(q,{color:"primary",variant:"solid",size:"sm",icon:e(B).icoSave,label:e(f)?n.$t("update"):n.$t("save"),type:"submit"},null,8,["icon","label"])]))]),_:1},8,["state","schema"])):b("",!0)}}}),Ae=Object.assign(et,{__name:"PageComponentExtendedForm"}),tt={key:1},nt={class:"o_p-4 max-w-[400px]"},ot={class:"o_mb-3 text-sm"},st=Q({__name:"AddManuallyUrls",props:{limit:{},currentCount:{}},emits:["refreshList"],setup(_,{emit:I}){const s=_,$=O(0),r=O(!1),{skuAccessLite:o}=Oe(),d=T(()=>o()),S=T(()=>s.limit-s.currentCount-(r.value?$.value:0));S.value===0&&(r.value=!0);const m=I,f=()=>{$.value++,S.value<=0&&(r.value=!1)};ce(()=>r.value,l=>{!l&&$.value>0&&m("refreshList")});const c=re(),{policyGuard:U}=Ie();return(l,a)=>{const i=Z,P=Ae,j=Te,N=he("tippy");return!e(d)||e(S)>0?(t(),p(j,{key:0,open:e(r),"onUpdate:open":a[1]||(a[1]=x=>le(r)?r.value=x:null),arrow:""},ke({default:C(()=>[h(i,{color:"primary",variant:"solid",icon:"material-symbols:add-ad-outline",disabled:e(S)<=0},{default:C(()=>[e(S)>0?(t(),F(H,{key:0},[R(k(l.$t("pageComponents.addNewUrl",{diff:e(S),limit:_.limit})),1)],64)):Ce((t(),F("span",tt,[R(k(l.$t("pageComponents.limitReached")),1)])),[[N,{content:l.$t("pageComponents.removeForAddingNewUrl",{limit:_.limit}),theme:("useUiStore"in l?l.useUiStore:e(re))().tippyTheme}]])]),_:1},8,["disabled"])]),_:2},[e(S)>0?{name:"content",fn:C(()=>[u("div",nt,[u("p",ot,k(l.$t("pageComponents.addAdditionalUrlDescription")),1),h(P,{onUpdateList:f,onCloseForm:a[0]||(a[0]=x=>r.value=!1)})])]),key:"0"}:void 0]),1032,["open"])):e(U)("general.enabledUpsell",{trackingContext:{components:"AddManuallyUrls"}})?(t(),p(i,{key:1,color:"primary",variant:"solid",icon:e(B).icoUpgrade,onClick:a[2]||(a[2]=x=>e(c).setActiveSlideover("showUpgradeCurrentProject"))},{default:C(()=>[R(k(l.$t("limitReachedWannaUpgrade")),1)]),_:1},8,["icon"])):b("",!0)}}}),at=Object.assign(st,{__name:"AddManuallyUrls"}),it={class:""},rt={class:"o_mb-4"},lt={class:"rounded-lg outline outline-uiBorder-subtle dark:outline-uiBorder-inverted bg-uiBg-5 dark:bg-uiBg--5 o_mb-2 overflow-hidden"},dt={class:"flex items-center gap-2 text-xs text-uiText-toned o_p-2 o_border-b border-uiBorder-subtle dark:border-uiBorder-inverted"},mt={class:"flex gap-1 flex-col"},ct={class:"self-center"},ut={class:"self-center"},pt={class:"font-medium text-uiText-toned"},_t={class:"text-sm text-uiText-muted"},ft={class:"self-center"},gt=Q({__name:"AutomatedPageComponentProcess",setup(_){const I=ve(),{pid:s,sid:$}=Y().params;ye().getUserId;const{t:o}=ie(),d=T(()=>[{id:0,icon:"material-symbols:browser-updated-rounded",title:o("componentFinder.steps.step1Title"),description:o("componentFinder.steps.step1Subline")},{id:1,icon:"material-symbols:add-link-rounded",title:o("componentFinder.steps.step2Title"),description:o("componentFinder.steps.step2Subline")},{id:2,icon:"mdi:sitemap",title:o("componentFinder.steps.step3Title"),description:o("componentFinder.steps.step3Subline")},{id:3,icon:"material-symbols:add-shopping-cart-rounded",title:o("componentFinder.steps.step4Title"),description:o("componentFinder.steps.step4Subline")},{id:4,icon:"material-symbols:document-search-outline-rounded",title:o("componentFinder.steps.step5Title"),description:o("componentFinder.steps.step5Subline")},{id:5,icon:"hugeicons:clean",title:o("componentFinder.steps.step6Title"),description:o("componentFinder.steps.step6Subline")}]),S=T(()=>`${s}-${$}`),m=T(()=>I.pageComponentFinderJobs.find(c=>c.key===S.value)),f=O(0);return je(()=>{if(!m.value){f.value=0;return}f.value=m.value.finderStep}),(c,U)=>{const l=$e,a=Ee;return t(),F("div",it,[u("p",rt,k(c.$t("pageComponentFinder.introduction")),1),u("div",lt,[u("div",dt,[h(l,{name:e(m)?.status==="finished"?e(B).icoInfo:e(B).icoLoadingSpinner,class:"size-4 text-uiText-muted"},null,8,["name"]),R(" "+k(e(m)?.status==="finished"?e(o)("componentFinder.pagesFound",{n:e(m)?.foundComponents.length}):e(o)("pageComponentFinder.searchingForPages",{count:e(m)?.foundComponents.length})),1)]),e(m)?.status==="running"?(t(),p(a,{key:0,"model-value":e(m)?.finderStep,max:5,class:"h-0.5",color:"success"},null,8,["model-value"])):b("",!0)]),u("div",mt,[(t(!0),F(H,null,ae(e(d),i=>(t(),F("div",{key:i.id,class:xe(["rounded-lg dark:shadow-gray-900/60 o_px-4 o_py-2 transition duration-300 ease-in-out bg-uiBg dark:bg-uiBg--5 o_border border-uiBorder-subtle dark:border-uiBorder-subtle grid grid-cols-[40px_1fr_30px] gap-x-4 min-h-[80px]",[e(f)>=i.id?"o_opacity-100 blur-none translate-y-0":"o_opacity-50 blur-2xl -translate-y-10",e(f)===i.id&&e(m)?.status==="running"?"o_shadow-lg":""]]),style:Le({zIndex:20-i.id})},[u("div",ct,[h(l,{name:i.icon,class:"size-6 text-uiText-muted"},null,8,["name"])]),u("div",ut,[u("h3",pt,k(i.title),1),u("p",_t,k(i.description),1)]),u("div",ft,[e(f)===i.id&&e(m)?.status==="running"?(t(),p(l,{key:0,name:e(B).icoLoadingBlocks,class:"size-5 text-uiText-muted o_opacity-50"},null,8,["name"])):b("",!0),e(f)>i.id||e(m)?.status==="finished"?(t(),p(l,{key:1,name:"material-symbols:check-circle-outline",class:"size-5 text-uiSuccess"})):b("",!0)])],6))),128))])])}}}),bt=Object.assign(gt,{__name:"AutomatedPageComponentProcess"}),ht={class:"o_mb-6"},Ct={class:"o_mb-4"},vt={key:0},yt={class:"flex items-cente justify-between"},$t={class:"flex items-center gap-1"},Ut={class:"text-uiText-muted"},St={class:"relative"},Ft={class:"flex items-center justify-end o_gap-2 o_mt-4"},kt=Q({__name:"AutomatedPageComponentForm",emits:["updateComponents"],setup(_,{emit:I}){const s=ve(),{pid:$,sid:r}=Y().params,d=ye().getUserId,S=()=>{!$||!r||!d||s.triggerPageComponentFinder(Number($),Number(r),Number(d),!0)},m=T(()=>{if(!(!$||!r))return s.getPageComponentFinderJob(Number($),Number(r))}),f=we(),{t:c}=ie(),U=_e(),{zBaseUrlSchema:l}=Fe(),a=T(()=>f.selectCurrentSystem?.suggestionTypes||[]),i=T(()=>{const v={};return a.value.forEach(A=>{v[A]=l}),We(v)}),P=()=>f.selectCurrentSystem?.combinedSuggestions?.entries?f.selectCurrentSystem.combinedSuggestions.entries.reduce((A,z)=>(A[z.identifier]=z.component?.url||"",A),{}):{},j=ge(),N=T(()=>j.currentProject?.system.domain),x=O({fieldWithOldUrl:[],fieldWithFoundUrl:[]}),E=()=>{x.value.fieldWithOldUrl=[],x.value.fieldWithFoundUrl=[]},g=T(()=>{const v=f.selectCurrentSystem?.combinedSuggestions?.entries;return v?(E(),v.reduce((A,z)=>{const{identifier:D,component:K,id:ne,system_type:oe}=z,ee=K?.url;ee&&x.value.fieldWithOldUrl.push(D);const se=m.value?.groupedComponents?.[D]?.map(X=>X.uri.length?/^https?:\/\//.test(X.uri)?X.uri:`${N.value}${X.uri}`:`${N.value}/${X.path}`)||[];return se.length&&x.value.fieldWithFoundUrl.push(D),n[D]=ee||se[0]||"",A[D]={id:D,name:D.replaceAll("_",""),label:K?.name||D,suggestionId:ne,systemTypeId:oe.id,foundUrls:se},A},{})):{}}),n=pe({...P()}),y=v=>v.startsWith("_page_")?v.slice(6):v.startsWith("_")?v.slice(1):v,M=T(()=>{const v=new Set([...x.value.fieldWithOldUrl,...x.value.fieldWithFoundUrl]),A=z=>a.value.filter(D=>v.has(D)===z).sort((D,K)=>y(D).localeCompare(y(K)));return[...A(!0),...A(!1)]}),L=O(a.value.reduce((v,A)=>(v[A]=!1,v),{})),G=v=>{const{fieldWithOldUrl:A,fieldWithFoundUrl:z}=x.value,D=A.includes(v),K=z.includes(v);return D?`(${c("pageComponentFinder.current")})`:K?`(${c("pageComponentFinder.found",{count:m.value?.groupedComponents?.[v]?.length||0})})`:""},q=O(!1),J=O(null),{kapi:me}=ue(),{tracker:W}=fe(),Ne=I,Be=async v=>{q.value=!0;const A=Object.entries(v.data).map(([z,D])=>{const K=g.value[z],{label:ne,systemTypeId:oe,suggestionId:ee}=K||{};return{url:D,name:ne||"",device_id:1,system_type_id:oe||0,suggestion_id:ee||0}}).filter(z=>z.url.length);if(A.length){if(!r)throw new Error("sid is required");try{await me("Component").then(z=>z.createComponents({system:Number(r),updateIfComponentSuggestionExists:!0,components:A})),W("page_component_finder","store_form","safed some components"),U.add({color:"success",title:c("pageComponentFinder.savedComponents"),description:c("pageComponentFinder.savedComponentsDescription"),icon:"i-heroicons-check-circle"}),Ne("updateComponents"),j.setOnboardingCompleted(Number($),Number(r)),E()}catch(z){J.value=z}finally{q.value=!1}}};return(v,A)=>{const z=Z,D=$e,K=Ue,ne=Re,oe=Se,ee=be,se=de,X=he("tippy");return t(),F("div",null,[u("div",ht,[u("p",Ct,k(v.$t("pageComponentFinder.finderFormIntro")),1),h(z,{color:"neutral",icon:"material-symbols:add-ad-outline",label:v.$t("pageComponentFinder.RestartFinder"),size:"sm",variant:"subtle",onClick:S},null,8,["label"])]),e(m)?(t(),F("div",vt,[h(ee,{schema:e(i),state:e(n),class:"flex flex-col gap-3",onSubmit:Be},{default:C(()=>[(t(!0),F(H,null,ae(e(M),w=>(t(),p(oe,{key:w,name:w,size:"sm",label:e(g)[w]?.label||w,ui:{labelWrapper:"o_w-full block"}},{label:C(()=>[u("div",yt,[u("div",$t,[R(k(e(g)[w]?.label||w)+" ",1),Ce((t(),F("span",null,[h(D,{name:e(B).icoQuestion,class:"text-uiText-muted size-4 relative top-0.5"},null,8,["name"])])),[[X,{content:v.$t(`admin.components.hints.${w}`),theme:("useUiStore"in v?v.useUiStore:e(re))().tippyTheme}]])]),u("div",Ut,k(G(w)),1)])]),default:C(()=>[u("div",St,[h(K,{modelValue:e(n)[w],"onUpdate:modelValue":te=>e(n)[w]=te,name:w,type:"url",size:"lg",class:"w-full relative z-2",placeholder:e(N),ui:{base:"focus-visible:ring-(--ui-border-accented) focus-visible:ring-1 placeholder:text-uiText-muted/80"}},ke({_:2},[e(g)[w]?.foundUrls.length?{name:"trailing",fn:C(()=>[h(z,{size:"sm",variant:"link",color:"neutral",class:"w-full absolute top-0 right-0 bottom-0 size-9 z-1",icon:e(B).icoChevron,onClick:te=>e(L)[w]=!e(L)[w]},null,8,["icon","onClick"])]),key:"0"}:void 0]),1032,["modelValue","onUpdate:modelValue","name","placeholder"]),e(g)[w]?.foundUrls.length?(t(),p(ne,{key:0,open:e(L)[w],"onUpdate:open":te=>e(L)[w]=te,modelValue:e(n)[w],"onUpdate:modelValue":te=>e(n)[w]=te,items:e(g)[w]?.foundUrls||[],name:w,variant:"subtle",color:"neutral",class:"w-full absolute o_bottom-0 o_left-0 z-1",size:"sm",portal:!1,ui:{base:"focus-visible:ring-(--ui-border-accented) focus-visible:ring-1",item:"text-uiText-muted data-highlighted:bg-uiPrime-10 data-highlighted:text-uiText-highlighted rounded data-[state=checked]:text-uiText-highlighted",content:"o_z-100 o_shadow-lg -top-2 relative",viewport:"o_z-100",group:"bg-uiBg "}},null,8,["open","onUpdate:open","modelValue","onUpdate:modelValue","items","name"])):b("",!0)])]),_:2},1032,["name","label"]))),128)),u("div",Ft,[h(z,{type:"submit","data-testid":"page-component-finder-save-button",disabled:e(q)},{leading:C(()=>[h(D,{name:e(B).icoSave,class:xe(["size-5",[{"animate-spin":e(q)}]])},null,8,["name","class"])]),default:C(()=>[R(" "+k(v.$t("save")),1)]),_:1},8,["disabled"])])]),_:1},8,["schema","state"])])):b("",!0),e(J)?(t(),p(se,{key:1,error:e(J),refresh:()=>{},"with-refresh":!1},null,8,["error"])):b("",!0)])}}}),xt=Object.assign(kt,{__name:"AutomatedPageComponentForm"}),wt={key:0},Pt={key:0},zt={class:"o_mb-4"},Tt={key:1},Dt=Q({__name:"AddAutomatedUrls",props:{currentCount:{}},emits:["updateComponents"],setup(_,{emit:I}){const s=_,$=ve(),{pid:r,sid:o}=Y().params,d=T(()=>{if(!r||!o)return;const i=$.getPageComponentFinderJob(Number(r),Number(o));return i?{status:i.status,count:i.foundComponents.length,step:i.finderStep}:{status:"none",count:0}}),m=ye().getUserId,f=O(!1),c=async()=>{f.value=!0,await $.triggerPageComponentFinder(Number(r),Number(o),Number(m))},U=O(!1);ce(()=>U.value,i=>{i&&s.currentCount>0&&c()}),ce(()=>s.currentCount,i=>{s.currentCount>0&&(f.value=!0),s.currentCount===0&&(f.value=!1,U.value=!0)},{immediate:!0});const l=I,a=()=>{l("updateComponents"),U.value=!1};return(i,P)=>{const j=$e,N=Z,x=bt,E=xt,g=qe;return e(d)?(t(),F("div",wt,[h(g,{open:e(U),"onUpdate:open":P[0]||(P[0]=n=>le(U)?U.value=n:null),title:e(d).status==="finished"?i.$t("pageComponentFinder.titleManager"):i.$t("pageComponentFinder.title")},{body:C(()=>[e(d).status!=="running"&&_.currentCount===0&&e(d).count===0?(t(),F("div",Pt,[u("p",zt,k(i.$t("pageComponentFinder.initialSubline")),1),h(N,{color:"primary",variant:"solid",icon:"material-symbols:add-ad-outline","data-testid":"start-page-component-finder-button",onClick:c},{leading:C(()=>[h(j,{name:"material-symbols:add-ad-outline"})]),default:C(()=>[R(" "+k(i.$t("pageComponentFinder.StartProcess")),1)]),_:1})])):b("",!0),e(f)||e(d).count>0?(t(),F("div",Tt,[e(d).status!=="finished"?(t(),p(x,{key:"process"})):b("",!0),e(d).status==="finished"&&e(d).count>0?(t(),p(E,{key:"form",onUpdateComponents:a})):b("",!0)])):b("",!0)]),default:C(()=>[e(d).status!=="finished"?(t(),p(N,{key:0,color:"primary",variant:"solid","active-variant":"subtle","active-color":"neutral",active:e(d).status==="running"},{leading:C(()=>[h(j,{name:e(d).status==="running"?"eos-icons:hourglass":"material-symbols:add-ad-outline"},null,8,["name"])]),default:C(()=>[R(" "+k(e(d).status==="running"?i.$t("pageComponentFinder.RunningFinder",{count:e(d).step}):i.$t("pageComponents.findNewUrls")),1)]),_:1},8,["active"])):b("",!0),e(d).status==="finished"&&e(d).count>0?(t(),p(N,{key:1,color:"secondary",variant:"solid",icon:"material-symbols:add-ad-outline",label:i.$t("pageComponentFinder.ShowFoundComponents",{count:e(d).count})},null,8,["label"])):b("",!0)]),_:1},8,["open","title"])])):b("",!0)}}}),At=Object.assign(Dt,{__name:"AddAutomatedUrls"}),Nt={key:1,class:"flex flex-row o_gap-2 justify-end w-full o_pt-2"},Bt=Q({__name:"PageComponentSmallForm",props:{editComponent:{default:void 0},componentData:{}},emits:["updateList","closeForm","updatedComponent","deletedComponent"],setup(_,{emit:I}){const s=_,{shortSchema:$,baseDomain:r}=Fe(),o=T(()=>s.componentData.component.url.length),d=pe({url:s.componentData.component?.url||`${r.value.protocol}://${r.value.domain}`}),S=()=>{d.url=s.componentData.component?.url||`${r.value.protocol}://${r.value.domain}`},m=I,f=_e(),c=O(null),{tracker:U}=fe(),{kapi:l}=ue(),{t:a}=ie(),{sid:i,pid:P}=Y().params,j=ge(),N=async g=>{try{if(!o.value)await l("Component").then(n=>n.createComponent({system:Number(i),system_type_id:s.componentData.system_type.id||1,suggestion_id:s.componentData.id,url:g.data.url,device_id:1,name:a(`admin.components.names.${s.componentData.identifier}`)})),f.add({title:a("pageComponents.componentCreated"),description:a(`admin.components.names.${s.componentData.identifier}`),icon:"material-symbols:add-box-outline",color:"success"}),j.setOnboardingCompleted(Number(P),Number(i)),U("page_component","click",`Created page component ${s.componentData.identifier}`),m("updatedComponent"),S(),setTimeout(()=>{document.querySelector('input[name="name"]')?.focus()},500);else{if(!s.componentData.component.id)return;const n=s.componentData.component.id||0;await l("Component").then(y=>y.updateComponent(n,{id:n,name:s.componentData.identifier,url:g.data.url,apiUrl:g.data.url,system_type_id:s.componentData.system_type.id||1,system:Number(i),device_id:1})),f.add({title:a("pageComponents.componentUpdated"),description:a(`admin.components.names.${s.componentData.identifier}`),icon:"material-symbols:frame-reload-rounded",color:"success"}),U("page_component","click",`Updated page component ${s.componentData.identifier}`),m("updatedComponent")}}catch(n){c.value=n}},x=async()=>{if(o.value)try{await l("Component").then(g=>g.deleteComponent(s.editComponent?.id)),m("deletedComponent"),f.add({title:a("pageComponents.componentDeleted"),description:a(`admin.components.names.${s.componentData.identifier}`),icon:B.icoTrash,color:"success"}),U("page_component","click",`Deleted page component ${s.editComponent?.name}`)}catch(g){c.value=g}},E=O(!1);return(g,n)=>{const y=Ue,M=Se,V=de,L=Z,G=ze,q=be;return t(),p(q,{state:e(d),schema:e($),class:"flex flex-col gap-2","validate-on-input-delay":500,onSubmit:N},{default:C(()=>[h(M,{name:"url",size:"sm",label:g.$t("URL"),required:""},{default:C(()=>[h(y,{modelValue:e(d).url,"onUpdate:modelValue":n[0]||(n[0]=J=>e(d).url=J),class:"w-full",size:"md",required:"",autocomplete:"off","data-1p-ignore":"",placeholder:g.$t("componentAddForm.sentenceNewUrl")},null,8,["modelValue","placeholder"])]),_:1},8,["label"]),e(c)?(t(),p(V,{key:0,error:e(c),refresh:()=>{},"with-refresh":!1},null,8,["error"])):b("",!0),e(E)?(t(),p(G,{key:2,class:"justify-end o_mt-2",size:"sm",onCancel:n[2]||(n[2]=J=>E.value=!1),onAction:x})):(t(),F("div",Nt,[e(o)?(t(),p(L,{key:0,color:"error",variant:"subtle",size:"sm",label:g.$t("delete"),icon:e(B).icoTrash,onClick:n[1]||(n[1]=J=>E.value=!0)},null,8,["label","icon"])):b("",!0),h(L,{color:"primary",variant:"solid",size:"sm",icon:e(B).icoSave,label:e(o)?g.$t("update"):g.$t("save"),type:"submit"},null,8,["icon","label"])]))]),_:1},8,["state","schema"])}}}),Vt=Object.assign(Bt,{__name:"PageComponentSmallForm"}),Ot={class:"o_px-4 o_py-3 text-sm"},It={class:"text-uiText-toned text-base font-medium"},jt={class:"o_mb-4"},Et={key:0,class:"truncate inline-block w-full text-uiText-muted"},Lt={class:"flex justify-center"},Wt={class:"o_p-4 max-w-[400px]"},Rt={class:"o_mb-3 text-sm"},qt=Q({__name:"PageComponentCard",props:{entry:{},showScreenshots:{type:Boolean},suggestionCards:{type:Boolean}},emits:["updatedComponent","deletedComponent"],setup(_,{emit:I}){const s=Qe(),$=c=>s.selectProjectScreenshots?.components?.[c]||{},r=re(),o=O(!1),d=()=>{o.value=!1},S=I,m=()=>{o.value=!1,S("updatedComponent")},f=()=>{o.value=!1,S("deletedComponent")};return(c,U)=>{const l=Je,a=He,i=Z,P=Ae,j=Vt,N=Te,x=De,E=he("tippy");return t(),p(x,{variant:"subtle",class:"o_overflow-hidden",ui:{body:"border-b-0"}},{default:C(()=>[_.showScreenshots?(t(),p(l,{key:0,screenshot:$(_.entry.component?.id||0),"with-border":!1},null,8,["screenshot"])):b("",!0),u("div",Ot,[h(a,{color:"success",variant:"subtle",size:"sm",class:"o_mb-4"},{default:C(()=>[R(k(_.entry.system_type.name),1)]),_:1}),u("h3",It,k(_.suggestionCards?c.$t(`admin.components.names.${_.entry.identifier}`):_.entry.component.name),1),u("p",jt,[_.entry.component.url.length?Ce((t(),F("span",Et,[R(k(_.entry.component.url),1)])),[[E,{content:_.entry.component.url,theme:e(r).tippyTheme}]]):(t(),p(a,{key:1,color:"warning",variant:"subtle",size:"sm",class:"w-full mt-1.5",icon:e(B).icoError,label:c.$t("pageComponents.noUrl")},null,8,["icon","label"]))]),h(N,{open:e(o),"onUpdate:open":U[2]||(U[2]=g=>le(o)?o.value=g:null),arrow:""},{content:C(()=>[u("div",Wt,[u("p",Rt,k(_.suggestionCards?c.$t("pageComponents.updateAdditionalUrlWithSuggestion"):c.$t("pageComponents.updateAdditionalUrl")),1),_.suggestionCards?b("",!0):(t(),p(P,{key:0,"edit-component":{..._.entry.component,type:_.entry.system_type.id||1},onUpdateList:d,onCloseForm:U[0]||(U[0]=g=>o.value=!1),onUpdatedComponent:m,onDeletedComponent:f},null,8,["edit-component"])),_.suggestionCards?(t(),p(j,{key:1,"edit-component":{..._.entry.component,type:_.entry.system_type.id||1},"component-data":_.entry,onUpdateList:d,onCloseForm:U[1]||(U[1]=g=>o.value=!1),onUpdatedComponent:m,onDeletedComponent:f},null,8,["edit-component","component-data"])):b("",!0)])]),default:C(()=>[u("div",Lt,[h(i,{active:e(o),color:"neutral",variant:"subtle","active-variant":"solid",size:"sm",label:c.$t("pageComponents.edit"),icon:e(B).icoEdit},null,8,["active","label","icon"])])]),_:1},8,["open"])])]),_:1})}}}),Mt=Object.assign(qt,{__name:"PageComponentCard"}),Kt={class:"flex items-center o_gap-3 flex-wrap"},Jt={key:2,class:"flex flex-col o_gap-5"},Ht={class:"o_mb-4"},Qt={class:"text-base font-medium"},Gt={class:"text-sm text-uiText-muted max-w-[60ch]"},Xt={class:"grid gap-6 grid-cols-[repeat(auto-fill,minmax(250px,1fr))]"},Yt={key:3,class:"grid gap-6 grid-cols-[repeat(auto-fill,minmax(250px,1fr))]"},Pn=Q({__name:"list-[pid]-[sid]",setup(_){const{sid:I}=Y().params,{t:s}=ie(),$=we(),r=T(()=>$.selectCurrentSystem?.combinedSuggestions),o=T(()=>r.value?r.value.suggestionKeys.length>0:0),d=()=>{$.getPageComponents(I,!0)},S=O(!0),m=O("all"),f=T(()=>[{label:s("pageComponents.all"),value:"all"},{label:s("pageComponents.finished"),value:"finished"},{label:s("pageComponents.unfinished"),value:"unfinished"}]),c=T(()=>{const l=r.value?.entries;if(l){if(m.value!=="all"){if(m.value==="finished")return l.filter(a=>a.component?.id!==0&&a.component?.id!==null);if(m.value==="unfinished")return l.filter(a=>a.component?.id===0||a.component?.id===null)}return l}}),U=T(()=>{const l=r.value?.entries.reduce((a,i)=>{const P=i.suggestionKey;return a[P]||(a[P]=[]),a[P].push(i),a},{});return r.value?.suggestionKeys.map(a=>({suggestionKey:a,entries:l?.[a]||[]}))||[]});return(l,a)=>{const i=Ve,P=at,j=At,N=Me,x=Ke,E=Z,g=Pe,n=De,y=Mt,M=de;return t(),F("div",null,[h(i,{"page-key":"pSettingsUrlManager"}),e(r)?(t(),F(H,{key:0},[e(o)?b("",!0):(t(),p(P,{key:0,class:"o_mt-4 o_mb-4",limit:e(r).componentLimit||0,"current-count":e(r).componentCount||0,onRefreshList:d},null,8,["limit","current-count"])),e(o)?(t(),p(j,{key:1,"current-count":e(r).componentCount||0,class:"o_mt-4 o_mb-4",onUpdateComponents:d},null,8,["current-count"])):b("",!0),e(r).entries?(t(),F(H,{key:2},[e(r).componentCount===0?(t(),p(N,{key:0,title:l.$t("pageComponents.currentlyNoComponents"),description:l.$t("pageComponents.currentlyNoComponentsDescription"),icon:e(B).icoInfo,color:"info",variant:"subtle",class:"mb-4",ui:{root:"p-00 o_p-3"}},null,8,["title","description","icon"])):b("",!0),e(r).componentCount>0||e(o)?(t(),p(n,{key:1,class:"o_mb-6",variant:"subtle",ui:{body:"o_p-2 bg-uiBg-5 dark:bg-uiBg--10 border-b-0"}},{default:C(()=>[u("div",Kt,[h(E,{size:"sm",variant:"subtle",color:"neutral",icon:"material-symbols:screenshot",onClick:a[0]||(a[0]=V=>S.value=!e(S))},{default:C(()=>[h(x,{"toggle-state":e(S)},{second:C(()=>[R(k(l.$t("pageComponents.showScreenshots")),1)]),default:C(()=>[R(k(l.$t("pageComponents.hideScreenshots"))+" ",1)]),_:1},8,["toggle-state"])]),_:1}),e(o)?(t(),p(g,{key:0,modelValue:e(m),"onUpdate:modelValue":a[1]||(a[1]=V=>le(m)?m.value=V:null),items:e(f),"label-key":"label","value-key":"value",size:"sm",icon:"material-symbols:filter-list","search-input":!1,class:"w-[140px]"},null,8,["modelValue","items"])):b("",!0)])]),_:1})):b("",!0),e(m)==="all"&&e(o)&&e(U).length?(t(),F("div",Jt,[(t(!0),F(H,null,ae(e(U),(V,L)=>(t(),F("div",{key:L,class:"not-first:border-t border-uiBorder-subtle not-first:o_pt-3"},[V?.entries?.length>0?(t(),F(H,{key:0},[u("div",Ht,[u("h3",Qt,k(l.$t(`pageComponents.categories.${V.suggestionKey}`)),1),u("p",Gt,k(l.$t(`pageComponents.categoriesSublines.${V.suggestionKey}`)),1)]),u("div",Xt,[(t(!0),F(H,null,ae(V.entries,(G,q)=>(t(),p(y,{key:`${L}-${q}`,entry:G,"suggestion-cards":!!e(o),"show-screenshots":e(S),onUpdatedComponent:d,onDeletedComponent:d},null,8,["entry","suggestion-cards","show-screenshots"]))),128))])],64)):b("",!0)]))),128))])):(t(),F("div",Yt,[(t(!0),F(H,null,ae(e(c),(V,L)=>(t(),p(y,{key:L,entry:V,"suggestion-cards":!!e(o),"show-screenshots":e(S),onUpdatedComponent:d,onDeletedComponent:d},null,8,["entry","suggestion-cards","show-screenshots"]))),128))]))],64)):b("",!0)],64)):b("",!0),e($).systemStoreErrors?(t(),p(M,{key:1,error:e($).systemStoreErrors,refresh:()=>{},"with-refresh-button":!1},null,8,["error"])):b("",!0)])}}});export{Pn as default};