https://ai-hack.ai/assets/ServiceSettings-B0afsdXP.js

1try{let e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},s=(new e.Error).stack;s&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[s]="c93d40d4-d08b-4836-8364-0bc993f5ec5f",e._sentryDebugIdIdentifier="sentry-dbid-c93d40d4-d08b-4836-8364-0bc993f5ec5f")}catch(G){}import{r as e,j as s}from"./ui-radix-DPMeRn1_.js";import{C as t,a,b as i}from"./CompetitorManagement-CApVgaxQ.js";import{a as r}from"./data-libs-B_9aym9D.js";import{m as o,ac as n,ag as c,C as d,b as l,d as m,e as g,f as p,N as h,B as v,k as u,U as x,J as b,a5 as j,ah as f,y as N}from"./index-BnzzcT0K.js";import{I as y}from"./input-zbgqkESq.js";import{L as w}from"./label-BwBWDdQn.js";import{P as S}from"./page-section-header-DbANQF4p.js";import{P as C,O as D}from"./OwnedServiceFields-Cxh2HyLl.js";import{u as A}from"./useCompetitors-ifegTmaR.js";import{A as E,a as k,b as I,c as T,d as L,e as M,f as F,g as z}from"./alert-dialog-6Ad9VUXl.js";import{A as O,a as U,b as P}from"./alert-D18RZxf0.js";import{S as R,a as _,d as q,b as Z,c as Q}from"./select-DXACSwun.js";import{a as B,D as K}from"./searchAreas-CazgAeiP.js";import{u as V}from"./i18n-MoUkp2P5.js";import{C as H}from"./circle-check-big-poWXYflX.js";import{C as J}from"./circle-alert-CSH7hYs9.js";import{L as W}from"./loader-circle-C447_Yo_.js";import{S as X}from"./save-CB7hd1gJ.js";import{T as Y}from"./trash-2-qZEpmoUs.js";import"./csv-export-utils-PO1FP5_J.js";import"./table-DypA5-G-.js";import"./dialog-BOz7qFja.js";import"./checkbox-Bu6erH5d.js";import"./check-BtFNjYFE.js";import"./download-BnQC0QO4.js";import"./plus-B27EmejD.js";import"./viz-CbaSADkO.js";import"./firebase-gTDNiNqJ.js";import"./react-vendor-CQ6YG5up.js";import"./sentry-y-Wrhyr9.js";import"./chevron-down-C4A_SvZU.js";const $=({settings:$,spaceId:G,onSaveSuccess:ee,onDeleteSuccess:se,onRefetchService:te})=>{const{t:ae}=V(),ie=e.useMemo(()=>B(ae),[ae]),{toast:re}=o(),oe=r(),[ne,ce]=e.useState(!1),[de,le]=e.useState(!1),[me,ge]=e.useState(!1),[pe,he]=e.useState(!1),[ve,ue]=e.useState({}),[xe,be]=e.useState(!1),[je,fe]=e.useState(!1),Ne=e=>{var s;return{name:e.name||"",projectName:(null==(s=e.projectName)?void 0:s.trim())?e.projectName:"",monitoringDomains:(e.monitoringDomains||[]).map(e=>e.domain),defaultSearchArea:e.defaultSearchArea||K}},[ye,we]=e.useState(()=>Ne($)),[Se,Ce]=e.useState(()=>Ne($)),[De,Ae]=e.useState(()=>($.aliases??[]).map(e=>e.aliasName)),[Ee,ke]=e.useState(()=>($.aliases??[]).map(e=>e.aliasName)),[Ie,Te]=e.useState(""),[Le,Me]=e.useState(null);e.useEffect(()=>{const e=($.aliases??[]).map(e=>e.aliasName);Ae(e),ke(e)},[$.aliases]);const{pendingCompetitors:Fe,setPendingCompetitors:ze,isLoading:Oe,error:Ue,saveChanges:Pe,hasUnsavedChanges:Re,refetchCompetitors:_e}=A({spaceId:G,serviceId:$.id,filterTarget:"true"}),{pendingCompetitors:qe,isLoading:Ze,error:Qe}=A({spaceId:G,serviceId:$.id,filterTarget:"false"}),Be=e.useCallback(async e=>{le(!0);try{await n(G,$.id,e,{isMonitoringTarget:!0}),re({title:ae("analysis.competitors.updateSuccessTitle","Update Successful"),description:ae("analysis.competitors.updateSuccessDesc","Competitor added to monitoring list.")}),await oe.invalidateQueries({queryKey:["competitors",G,$.id,"true"]}),await oe.invalidateQueries({queryKey:["competitors",G,$.id,"false"]})}catch(s){re({title:ae("analysis.competitors.updateErrorTitle","Update Failed"),description:s.message||ae("analysis.competitors.updateErrorDesc","Failed to add competitor to monitoring list."),variant:"destructive"})}finally{le(!1)}},[G,$.id,oe,re,ae]),Ke=e.useCallback(()=>{const e={id:"",serviceName:"",monitoringDomains:[{id:"",domain:"",isPrimary:!0,createdAt:"",updatedAt:""}],isMonitoringTarget:!0,scores:{}};ze(s=>[...s,e])},[ze]),Ve=e.useCallback(e=>{ze(s=>s.filter((s,t)=>t!==e))},[ze]),He=e.useCallback(e=>{fe(e)},[]),Je=e.useMemo(()=>{const e=ye.monitoringDomains.filter(e=>null==e?void 0:e.trim()),s=Se.monitoringDomains.filter(e=>null==e?void 0:e.trim()),t=e.length!==s.length||e.some((e,t)=>e!==s[t]),a=De.length!==Ee.length||De.some((e,s)=>e!==Ee[s]);return Se.name!==ye.name||Se.projectName!==ye.projectName||Se.defaultSearchArea!==ye.defaultSearchArea||t||a},[Se,ye,De,Ee]),We=Je||Re;e.useEffect(()=>{const e=e=>{We&&(e.preventDefault(),e.returnValue="")};return window.addEventListener("beforeunload",e),()=>window.removeEventListener("beforeunload",e)},[We]);const Xe=e=>{const{name:s,value:t}=e.target;if("name"===s?we(e=>({...e,name:t})):"projectName"===s&&we(e=>({...e,projectName:t})),ve[s]){const e={...ve};delete e[s],ue(e)}},Ye=(e,s)=>{const t=[...ye.monitoringDomains];if(t[e]=s,we(e=>({...e,monitoringDomains:t})),ve.monitoringDomains){const e={...ve};delete e.monitoringDomains,ue(e)}};

1return s.jsxs("div",{className:"max-w-4xl mx-auto space-y-8",children:[pe&&s.jsx("div",{className:"fixed top-4 left-0 right-0 animate-in fade-in-0 slide-in-from-top-5 z-50",children:s.jsx("div",{className:"max-w-md mx-auto",children:s.jsxs("div",{className:"bg-green-50 border border-green-200 rounded-lg p-4 text-sm text-green-600 flex items-center gap-2 shadow-md",children:[s.jsx(H,{className:"w-5 h-5 flex-shrink-0 text-green-500"}),s.jsx("span",{className:"font-medium",children:ae("service.settings.toast.saveSuccess.title")})," ",s.jsx("span",{className:"ml-1",children:ae("service.settings.toast.saveSuccess.description")})]})})}),s.jsx(S,{title:ae("service.settings.title"),description:ae("service.settings.description"),icon:c}),s.jsxs(d,{className:"border border-gray-200 shadow-sm rounded-xl overflow-hidden",children:[s.jsxs(l,{className:"space-y-2 border-b border-gray-100 bg-gradient-to-r from-primary/5 to-white py-6",children:[s.jsxs("div",{className:"flex items-center gap-3",children:[s.jsx("div",{className:"p-2 bg-primary/10 rounded-md shadow-sm",children:s.jsx(c,{className:"w-5 h-5 text-primary-text"})}),s.jsx(m,{className:"text-lg font-semibold text-gray-900",children:ae("service.settings.sections.basic.title")})]}),s.jsx(g,{className:"text-sm text-gray-500 mt-1",children:ae("service.settings.sections.basic.description")})]}),s.jsxs(p,{className:"p-6",children:[s.jsxs("div",{className:"grid gap-6",children:[s.jsxs("div",{className:"space-y-3",children:[s.jsxs(w,{htmlFor:"projectName",className:"text-sm font-medium flex items-center gap-1.5",children:[s.jsx("div",{className:"bg-gray-100 p-1 rounded",children:s.jsx(C,{className:"w-4 h-4 text-gray-600"})}),ae("service.settings.sections.basic.projectName","プロジェクト名")]}),s.jsx(y,{id:"projectName",name:"projectName",value:ye.projectName||"",onChange:Xe,placeholder:ye.name||$.name||ae("service.settings.sections.basic.projectNamePlaceholder","例：SEO分析プロジェクト（ECサイト）"),className:"transition-all border border-gray-200 focus:border-primary/50 focus:ring-primary/20 rounded-md shadow-sm","aria-describedby":"projectName-description",disabled:de||Oe}),s.jsx("p",{id:"projectName-description",className:"text-xs text-gray-500 mt-1 ml-0.5",children:ae("service.settings.sections.basic.projectNameDescription","サービス一覧で表示される名前です（空白の場合はサービス名が表示されます）")})]}),s.jsx(D,{serviceName:ye.name,onServiceNameChange:e=>Xe({target:{name:"name",value:e}}),serviceNameError:ve.name,monitoringDomains:ye.monitoringDomains,onDomainChange:Ye,onDomainBlur:(e,s

1)=>((e,s)=>{const t=e.target.value.trim();if(!t)return;const a=j(t);a&&a!==t&&Ye(s,a)})({target:{value:s}},e),onAddDomain:e=>{we(s=>({...s,monitoringDomains:[...s.monitoringDomains,e]}))},onRemoveDomain:e=>{ye.monitoringDomains.length>1?we(s=>({...s,monitoringDomains:s.monitoringDomains.filter((s,t)=>t!==e)})):Ye(e,"")},domainError:ve.monitoringDomains,aliases:De,onRemoveAlias:e=>{Ae(s=>s.filter((s,t)=>t!==e))},aliasInput:Ie,onAliasInputChange:e=>{Te(e),Me(null)},onAddAlias:()=>{const e=Ie.trim();if(!e)return;if(e.length>a)return void Me(ae("service.settings.validation.aliasTooLong","別名は{{max}}文字以内で入力してください",{max:a}));if(De.length>=i)return void Me(ae("service.settings.validation.aliasMaxCount","別名は最大{{max}}件です",{max:i}));new Set([ye.name.toLowerCase(),...De.map(e=>e.toLowerCase()),...Fe.flatMap(e=>[e.serviceName.toLowerCase(),...(e.aliases??[]).map(e=>e.aliasName.toLowerCase())])]).has(e.toLowerCase())?Me(ae("service.settings.validation.aliasDuplicate","「{{name}}」は既に登録されている名前・別名と重複しています",{name:e})):(Ae(s=>[...s,e]),Te(""),Me(null))},aliasError:Le,disabled:de||Oe,serviceNameLabel:ae("service.settings.sections.basic.serviceName"),domainsLabel:ae("service.settings.sections.basic.monitoringDomains")}),s.jsxs("div",{className:"space-y-3",children:[s.jsxs(w,{className:"text-sm font-medium flex items-center gap-1.5",children:[s.jsx("div",{className:"bg-gray-100 p-1 rounded",children:s.jsx(h,{className:"w-3.5 h-3.5 text-gray-600"})}),ae("service.settings.sections.basic.searchArea")]}),s.jsxs(R,{value:ye.defaultSearchArea,onValueChange:e=>(e=>{we(s=>({...s,defaultSearchArea:e}))})(e),children:[s.jsx(_,{"data-testid":"search-area-select",className:"w-full transition-all border border-gray-200 focus:border-primary/50 focus:ring-primary/20 rounded-md shadow-sm","aria-label":ae("service.settings.sections.basic.searchArea"),children:s.jsx(q,{placeholder:ae("service.settings.sections.basic.searchArea")})}),s.jsx(Z,{className:"overflow-visible",children:s.jsx("div",{className:"max-h-60 overflow-y-auto pr-1 [scrollbar-width:middle] [&::-webkit-scrollbar]:w-3 [&::-webkit-scrollbar-track]:bg-transparent [&::-webkit-scrollbar-thumb]:bg-gray-200 [&::-webkit-scrollbar-thumb]:rounded-full",children:ie.map(e=>s.jsx(Q,{value:e.value,role:"option",children:e.label},e.value))})})]}),s.jsx("p",{className:"text-xs text-gray-500 mt-1 ml-0.5",children:ae("service.settings.sections.basic.searchAreaHelp","対応モデルでのみ検索エリアが適用されます")})]})]}),s.jsxs("div",{className:"mt-8 flex justify-end",children:[Je&&s.jsxs("div",{className:"mr-4 text-sm text-amber-700 flex items-center gap-2 bg-amber-50 px-3 py-1.5 rounded-md border border-amber-200 shadow-sm",children:[s.jsx(J,{className:"w-4 h-4 flex-shrink-0"}),s.jsx("span",{className:"truncate",children:ae("service.settings.unsavedChanges")})]}),s.jsx(v,{className:u("gap-2 text-sm font-medium rounded-md px-4","bg-primary hover:bg-primary-dark text-white","shadow-sm hover:shadow-md transition-all","disabled:bg-gray-300 disabled:text-gray-500 disabled:hover:shadow-none"),onClick:async()=>{var e;if((()=>{const e={};ye.name.trim()||(e.name=ae("service.settings.validation.nameRequired"));const s=ye.monitoringDomains.filter(e=>null==e?void 0:e.trim());if(s.length>0){const t=/^(?!:\/\/)(?:[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?\.)+[a-zA-Z]{2,}(?:\/[a-zA-Z0-9_.-]+)*\/?$/;s.find(e=>{const s=e.endsWith("/")?e.slice(0,-1):e;return!t.test(s)})&&(e.monitoringDomains=ae("service.settings.validation.invalidDomainOrPath"))}return ue(e),0===Object.keys(e).length})()){le(!0);try{if(Je){const s={defaultSearchArea:ye.defaultSearchArea};Se.name!==ye.name&&(s.serviceName=ye.name),Se.projectName!==ye.projectName&&(s.projectName=(null==(e=ye.projectName)?void 0:e.trim())||void 0);const t=ye.monitoringDomains.filter(e=>null==e?void 0:e.trim()),a=Se.monitoringDomains.filter(e=>null==e?void 0:e.trim());

1(t.length!==a.length||t.some((e,s)=>e!==a[s]))&&(s.monitoringDomains=t);if((De.length!==Ee.length||De.some((e,s)=>e!==Ee[s]))&&(s.aliases=De),Object.keys(s).length>0){const e=await f(G,$.id,s),t={name:e.serviceName||ye.name,projectName:e.projectName||"",monitoringDomains:ye.monitoringDomains,defaultSearchArea:e.defaultSearchArea||ye.defaultSearchArea};we(t),Ce(t),ke(De),null==te||te(),await oe.invalidateQueries({queryKey:["service"]})}else Ce(ye);he(!0),setTimeout(()=>he(!1),3e3),re({title:ae("service.settings.toast.saveSuccess.title"),description:ae("service.settings.toast.basicSettings.saveSuccess")}),null==ee||ee()}}catch(s){re({title:ae("service.settings.toast.saveError.title"),description:s.message||ae("service.settings.toast.saveError.description"),variant:"destructive"})}finally{le(!1)}}},disabled:de||!Je,children:de?s.jsxs(s.Fragment,{children:[s.jsx(W,{className:"w-4 h-4 animate-spin"}),ae("service.settings.actions.saving")]}):s.jsxs(s.Fragment,{children:[s.jsx(X,{className:"w-4 h-4"}),ae("service.settings.actions.saveBasic")]})})]})]})]}),s.jsxs(d,{className:"border border-gray-200 shadow-sm rounded-xl overflow-hidden",children:[s.jsxs(l,{className:"space-y-2 border-b border-gray-100 bg-gradient-to-r from-primary/5 to-white py-6",children:[s.jsxs("div",{className:"flex items-center justify-between",children:[s.jsxs("div",{className:"flex items-center gap-3",children:[s.jsx("div",{className:"p-2 bg-primary/10 rounded-md shadow-sm",children:s.jsx(x,{className:"w-5 h-5 text-primary-text"})}),s.jsx(m,{className:"text-lg font-semibold text-gray-900",children:ae("service.settings.sections.competitor.title")})]}),s.jsxs(b,{variant:"outline",className:"text-xs px-2.5 py-0.5 bg-gray-50 text-gray-700 border-gray-200 rounded-full shadow-sm",children:[Fe.length," ",ae("service.settings.sections.competitor.count")]})]}),s.jsx(g,{className:"text-sm text-gray-500 mt-1",children:ae("service.settings.sections.competitor.description")})]}),s.jsxs(p,{className:"p-6",children:[Oe&&s.jsxs("div",{className:"flex items-center justify-center p-8 text-gray-500",children:[s.jsx(W,{className:"w-5 h-5 mr-2 animate-spin"}),ae("service.settings.sections.competitor.loading")]}),Ue&&s.jsx("div",{className:"mb-6",children:s.jsxs(O,{variant:"destructive",className:"border border-red-200 bg-red-50 text-red-800",children:[s.jsx(J,{className:"h-4 w-4"}),s.jsx(U,{className:"font-semibold",children:ae(xe?"service.settings.toast.saveError.title":"common.errors.loadingFailed")}),s.jsx(P,{children:Ue.message})]})}),Qe&&s.jsx("div",{className:"mb-6",children:s.jsxs(O,{variant:"destructive",className:"border border-red-200 bg-red-50 text-red-800",children:[s.jsx(J,{className:"h-4 w-4"}),s.jsx(U,{className:"font-semibold",children:ae("common.error.loadingNonMonitoredFailed","監視対象外競合の取得失敗")}),s.jsx(P,{children:Qe.message})]})}),!Oe&&s.jsx(t,{monitoredCompetitors:Fe,setMonitoredCompetitors:ze,nonMonitoredCompetitors:qe||[],isLoadingNonMonitored:Ze,onUpdateCompetitorStatus:Be,onAddEmptyCompetitor:Ke,onRemoveCompetitor:Ve,onValidationChange:He,className:"pt-2",disabled:de||Oe||Ze,error:xe?void 0:Ue??Qe??void 0,spaceId:G,serviceId:$.id,onRefetch:_e,ownedServiceName:$.name,ownedServiceAliases:($.aliases??[]).map(e=>e.aliasName)}),s.jsxs("div",{className:"mt-8 flex justify-end",children:[Re&&s.jsxs("div",{className:"mr-4 text-sm text-amber-700 flex items-center gap-2 bg-amber-50 px-3 py-1.5 rounded-md border border-amber-200 shadow-sm",children:[s.jsx(J,{className:"w-4 h-4 flex-shrink-0"}),s.jsx("span",{className:"truncate",children:ae("service.settings.unsavedChanges")})]}),s.jsx(v,{className:u("gap-2 text-sm font-medium rounded-md px-4","bg-primary hover:bg-primary-dark text-white","shadow-sm hover:shadow-md transition-all","disabled:bg-gray-300 disabled:text-gray-500 disabled:hover:shadow-none"),onClick:async()=>{le(!0),be(!1);try{if(Re){const e=await Pe();if(e.success){let s=ae("service.settings.toast.competitor.saveSuccess");const t=[];e.added.length>0&&t.push(ae("service.settings.toast.competitor.added",{count:e.added.length})),e.updated.length>0&&t.push(ae("service.settings.toast.competitor.updated",{count:e.updated.length})),e.deleted.length>0&&t.push(ae("service.settings.toast.competitor.deleted",{count:e.deleted.length})),t.length>0&&(s=t.join(", ")+"."),he(!0),setTimeout(()=>he(!1),3e3),re({title:ae("service.settings.toast.saveSuccess.title"),description:s}),null==ee||ee()}

1else be(!0),e.errors.forEach(e=>{const s=e.error;if(409===s.status)return void re({title:ae("service.settings.toast.saveError.title"),description:s.message,variant:"destructive"});let t=ae("service.settings.toast.saveError.title"),a=e.error.message||ae("service.settings.toast.saveError.description");const i=e.competitorName||e.competitorId||"Unknown Competitor";"add"===e.operation?(t=ae("service.settings.toast.competitor.addErrorTitle"),a=ae("service.settings.toast.competitor.addErrorDesc",{name:i,message:a})):"update"===e.operation?(t=ae("service.settings.toast.competitor.updateErrorTitle"),a=ae("service.settings.toast.competitor.updateErrorDesc",{id:i,message:a})):"delete"===e.operation&&(t=ae("service.settings.toast.competitor.deleteErrorTitle"),a=ae("service.settings.toast.competitor.deleteErrorDesc",{id:i,message:a})),re({title:t,description:a,variant:"destructive"})})}else re({title:ae("service.settings.toast.noChanges.title"),description:ae("service.settings.toast.noChanges.description"),variant:"default"})}catch(e){const s=e;be(!0),re({title:ae("service.settings.toast.saveError.title"),description:s.message||ae("service.settings.toast.saveError.description"),variant:"destructive"})}finally{le(!1)}},disabled:de||Oe||!Re||je,children:de||Oe?s.jsxs(s.Fragment,{children:[s.jsx(W,{className:"w-4 h-4 animate-spin"}),ae("service.settings.actions.saving")]}):s.jsxs(s.Fragment,{children:[s.jsx(X,{className:"w-4 h-4"}),ae("service.settings.actions.saveCompetitors")]})})]})]})]}),s.jsxs(d,{className:"border border-red-200 shadow-sm rounded-xl overflow-hidden bg-red-50/60",children:[s.jsxs(l,{className:"space-y-2 border-b border-red-100 bg-gradient-to-r from-red-50 to-white py-6",children:[s.jsxs("div",{className:"flex items-center gap-3",children:[s.jsx("div",{className:"p-2 bg-red-100 rounded-md shadow-sm",children:s.jsx(Y,{className:"w-5 h-5 text-red-500"})}),s.jsx(m,{className:"text-lg font-semibold text-red-700",children:ae("service.settings.sections.danger.title")})]}),s.jsx(g,{className:"text-sm text-red-600",children:ae("service.settings.sections.danger.description")})]}),s.jsx(p,{className:"p-6",children:s.jsxs(v,{variant:"destructive",className:"gap-2 bg-red-500 hover:bg-red-600 text-white shadow-sm hover:shadow-md transition-all rounded-md text-sm font-medium",onClick:()=>ge(!0),disabled:ne||de||Oe,children:[s.jsx(Y,{className:"w-4 h-4"}),ae("service.settings.actions.delete.button")]})})]}),s.jsx(E,{open:me,onOpenChange:ge,children:s.jsxs(k,{className:"bg-white border border-gray-200 shadow-lg rounded-xl max-w-md mx-auto p-6",children:[s.jsxs(I,{className:"space-y-2",children:[s.jsx(T,{className:"text-xl font-semibold text-gray-900",children:ae("service.settings.actions.delete.confirmTitle")}),s.jsx(L,{className:"text-gray-600",children:ae("service.settings.actions.delete.confirmDescription")})]}),s.jsxs(M,{className:"flex gap-3 mt-6",children:[s.jsx(F,{className:"border border-gray-200 bg-white hover:bg-gray-50 text-gray-700 rounded-md shadow-sm",disabled:ne,children:ae("service.settings.actions.delete.cancel")}),s.jsxs(z,{onClick:async()=>{ce(!0);try{await N(G,$.id),re({title:ae("service.settings.toast.deleteSuccess.title"),description:ae("service.settings.toast.deleteSuccess.description")}),null==se||se()}catch(e){re({title:ae("service.settings.toast.deleteError.title"),description:e.message||ae("service.settings.toast.deleteError.description"),variant:"destructive"})}finally{ce(!1),ge(!1)}},disabled:ne,className:"bg-red-500 hover:bg-red-600 text-white rounded-md shadow-sm flex items-center gap-2",children:[ne?s.jsx(W,{className:"w-4 h-4 animate-spin"}):s.jsx(Y,{className:"w-4 h-4"}),ae("service.settings.actions.delete.confirm")]})]})]})})]})};export{$ as ServiceSettings};
2//# sourceMappingURL=ServiceSettings-B0afsdXP.js.map