https://console.graffer.jp/aistudio/_next/static/chunks/pages/t/[slug]/admin/templates/new-6fd9d38121a40f47.js

1!function(){try{var e="u">typeof window?window:"u">typeof global?global:"u">typeof globalThis?globalThis:"u">typeof self?self:{},s=(new e.Error).stack;s&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[s]="c038aba7-ef70-42cc-9f51-af4dfe02fb36",e._sentryDebugIdIdentifier="sentry-dbid-c038aba7-ef70-42cc-9f51-af4dfe02fb36")}catch(e){}}(),(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6467],{229:(e,s,t)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/t/[slug]/admin/templates/new",function(){return t(41481)}])},13338:(e,s,t)=>{"use strict";t.d(s,{O:()=>u,o:()=>d});var i=t(15383),r=t(24458),l=t.n(r),n=t(96588);let a=({children:e,href:s,...t})=>(0,i.jsx)(n.Link,{anchor:({children:e,...t})=>(0,i.jsx)(l(),{...t,href:s,children:e}),...t,children:e});var c=t(80519),o=t.n(c);let d=({href:e})=>(0,i.jsx)("div",{className:o()["history-back"],children:(0,i.jsx)(a,{icon:"ArrowLeftIcon",href:e,children:"戻る"})}),u=({href:e})=>(0,i.jsx)("div",{className:o()["history-back"],children:(0,i.jsx)("div",{onClick:e=>{1!==window.history.length&&(e.preventDefault(),window.history.back())},style:{display:"inline"},children:(0,i.jsx)(a,{icon:"ArrowLeftIcon",href:e,children:"戻る"})})})},25025:(e,s,t)=>{"use strict";t.d(s,{W:()=>l,w:()=>a});var i=t(14343),r=t(32526);let l={TENANT:"TENANT",GROUP:"GROUP",USER:"USER"},n={title:"",description:"",content:"",sharedScope:l.TENANT,groupIds:[]},a=e=>{let[s,t]=i.useState(e?.initialState||n),[a,c]=i.useState({title:void 0,description:void 0,content:void 0,sharedScope:void 0,groupIds:void 0}),o=i.useCallback((e,s)=>{t(t=>({...t,[e]:s}))},[]),d=i.useMemo(()=>{if(!e)return;let{initialState:s,initialGroupHint:t}=e;if(s?.groupIds&&t)return s.groupIds.map(e=>({value:e,label:t[e]}))},[e]);return i.useEffect(()=>{c(e=>({...e,title:s.title?s.title.length>r.tS?`タイトルは${r.tS}文字以内で入力してください`:void 0:"タイトルを入力してください",description:s.description?s.description.length>r.Lj?`説明は${r.Lj}文字以内で入力してください`:void 0:"説明を入力してください",content:s.content?s.content.length>r.yS?`本文は${r.yS}文字以内で入力してください`:void 0:"本文を入力してください",groupIds:s.sharedScope===l.GROUP&&0===s.groupIds.length?"グループを選択してください":void 0}))},[s]),{formState:s,formErrors:a,patchFormState:o,initiallySelectedGroups:d}}},41481:(e,s,t)=>{"use strict";t.r(s),t.d(s,{default:()=>x});var i=t(15383),r=t(45561),l=t(83939),n=t(80063),a=t(14343),c=t(64159),o=t(25025),d=t(92106),u=t(13338),h=t(98147),p=t(76324),m=t(90265),v=t(96588);let g=()=>{let[e,{loading:s}]=(0,h.n)(p.X68),{formState:t,formErrors:r,patchFormState:l}=(0,o.w)(),g=a.useMemo(()=>s||Object.values(r).some(e=>!!e),[r,s]),x=(0,n.useRouter)(),f=a.useCallback(()=>{let s=(()=>{switch(t.sharedScope){case"GROUP":return p._sF.Group;case"TENANT":return p._sF.Tenant}})();e({variables:{input:{title:t.title,description:t.description,content:t.content,scope:s,groupIds:t.groupIds}}}).then(e=>{x.replace(m.B.Admin.TemplateEdit.link(x.query.slug,e.data?.messageTemplateCreate_v2?.id,!0))})},[t,e,x]);return(0,i.jsxs)(d.n,{children:[(0,i.jsx)(u.o,{href:m.B.Admin.TemplateSetting.link(x.query.slug)}),(0,i.jsx)("div",{className:"columns",children:(0,i.jsx)("div",{className:"column",children:(0,i.jsx)("h1",{className:"title is-size-4",children:m.B.Admin.TemplateNew.title})})}),(0,i.jsx)("div",{className:"columns mt-3",children:(0,i.jsx)("div",{className:"column has-text-right",children:(0,i.jsx)(v.PrimaryButton,{text:"作成する",onClick:f,disabled:g})})}),(0,i.jsx)("div",{className:"columns",children:(0,i.jsx)("div",{className:"column is-6",children:(0,i.jsx)("div",{className:"field my-5",children:(0,i.jsx)(c.l,{formState:t,formErrors:r,patchFormState:l})})})})]})},x=()=>(0,i.jsx)(r.U,{sideMenu:(0,i.jsx)(l.o,{}),children:(0,i.jsx)(g,{})})},64159:(e,s,t)=>{"use strict";t.d(s,{l:()=>c});var i=t(15383),r=t(14343),l=t(96588),n=t(10813),a=t(25025);let c=({formState:e,formErrors:s,patchFormState:t,initiallySelectedGroups:c,creatorName:o})=>{let d=r.useMemo(()=>({isMulti:!0,onSelectCallback:e=>{t("groupIds",e?.map(({value:e})=>e)??[])},initialSelected:c}),[t,c]),{setInputValue:u,onSelect:h,options:p,selected:m}=(0,n.Z)(d),v=r.useMemo(()=>{let e=[{name:"全体で共有",description:"メンバー全員で利用できます。",value:a.W.TENANT},{name:"グループで共有",description:"特定グループのメンバーが利用できるようにします。",value:a.W.GROUP}];return o&&e.push({name:`作成者のみ（作成者：${o}）`,description:"作成した本人のみが利用できるようにします。",value:a.W.USER}),e},[o]);return(0,i.jsxs)("div",{children:[(0,i.jsx)("div",{className:"field",children:(0,i.jsx)(l.TextField,{label:"タイトル",description:"",onCh

1ange:e=>{t("title",e.target.value)},required:!0,placeholder:"",value:e.title,errorMessages:s.title})}),(0,i.jsx)("div",{className:"field",children:(0,i.jsx)(l.TextArea,{label:"説明",description:"",onChange:e=>{t("description",e.target.value)},required:!0,placeholder:"",value:e.description,errorMessages:s.description})}),(0,i.jsx)("div",{className:"field",children:(0,i.jsx)(l.TextArea,{label:"本文",description:"",onChange:e=>{t("content",e.target.value)},required:!0,placeholder:"",value:e.content,errorMessages:s.content})}),(0,i.jsx)("div",{className:"field",children:(0,i.jsx)(l.RadioButton,{label:"公開範囲",description:"",direction:"column",onChange:e=>{t("sharedScope",e.target.value),t("groupIds",[])},options:v,required:!0,value:e.sharedScope,errorMessages:s.sharedScope})}),e.sharedScope===a.W.GROUP&&(0,i.jsx)("div",{className:"field",children:(0,i.jsx)(l.ReactSelect,{label:"グループ",description:"",required:!0,onInputChange:u,onChange:h,options:p,placeholder:"テキストを入力してグループを検索",value:m,isMulti:!0,errorMessages:s.groupIds})})]})}},80519:e=>{e.exports={"history-back":"history-back_history-back__ux0WJ",historyBack:"history-back_history-back__ux0WJ"}},92106:(e,s,t)=>{"use strict";t.d(s,{n:()=>r});var i=t(15383);let r=({children:e})=>(0,i.jsx)("section",{className:"section",children:(0,i.jsx)("div",{className:"container",children:e})})}},e=>{e.O(0,[4361,5060,8635,9933,636,6593,8792],()=>e(e.s=229)),_N_E=e.O()}]);