https://app.writer.plusai.studio/_next/static/chunks/pages/maintenance-f22aaf5ddf1aee13.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5627],{93619:function(o,r,e){"use strict";var n=e(64836);r.Z=void 0;var t=n(e(64938)),i=e(85893);r.Z=(0,t.default)((0,i.jsx)("path",{d:"m12 4-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z"}),"ArrowForward")},50594:function(o,r,e){"use strict";var n=e(64836);r.Z=void 0;var t=n(e(64938)),i=e(85893);r.Z=(0,t.default)((0,i.jsx)("path",{d:"M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"}),"Close")},75058:function(o,r,e){"use strict";var n=e(64836);r.Z=void 0;var t=n(e(64938)),i=e(85893);r.Z=(0,t.default)((0,i.jsx)("path",{d:"M3 17.25V21h3.75L17.81 9.94l-3.75-3.75zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34a.9959.9959 0 0 0-1.41 0l-1.83 1.83 3.75 3.75z"}),"Create")},8364:function(o,r,e){"use strict";var n=e(64836);r.Z=void 0;var t=n(e(64938)),i=e(85893);r.Z=(0,t.default)((0,i.jsx)("path",{d:"M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6zm2.46-7.12 1.41-1.41L12 12.59l2.12-2.12 1.41 1.41L13.41 14l2.12 2.12-1.41 1.41L12 15.41l-2.12 2.12-1.41-1.41L10.59 14zM15.5 4l-1-1h-5l-1 1H5v2h14V4z"}),"DeleteForever")},6514:function(o,r,e){"use strict";e.d(r,{Z:function(){return C}});var n=e(63366),t=e(87462),i=e(67294),l=e(90512),a=e(94780),d=e(90948),u=e(85845),c=e(1588),s=e(34867);function x(o){return(0,s.ZP)("MuiDialogContent",o)}(0,c.Z)("MuiDialogContent",["root","dividers"]);var p=e(4472),f=e(85893);let h=["className","dividers"],v=o=>{let{classes:r,dividers:e}=o;return(0,a.Z)({root:["root",e&&"dividers"]},x,r)},b=(0,d.ZP)("div",{name:"MuiDialogContent",slot:"Root",overridesResolver(o,r){let{ownerState:e}=o;return[r.root,e.dividers&&r.dividers]}})(({theme:o,ownerState:r})=>(0,t.Z)({flex:"1 1 auto",WebkitOverflowScrolling:"touch",overflowY:"auto",padding:"20px 24px"},r.dividers?{padding:"16px 24px",borderTop:`1px solid ${(o.vars||o).palette.divider}`,borderBottom:`1px solid ${(o.vars||o).palette.divider}`}:{[`.${p.Z.root} + &`]:{paddingTop:0}})),g=i.forwardRef(function(o,r){let e=(0,u.i)({props:o,name:"MuiDialogContent"}),{className:i,dividers:a=!1}=e,d=(0,n.Z)(e,h),c=(0,t.Z)({},e,{dividers:a}),s=v(c);return(0,f.jsx)(b,(0,t.Z)({className:(0,l.Z)(s.root,i),ownerState:c,ref:r},d))});var C=g},4472:function(o,r,e){"use strict";e.d(r,{a:function(){return i}});var n=e(1588),t=e(34867);function i(o){return(0,t.ZP)("MuiDialogTitle",o)}let l=(0,n.Z)("MuiDialogTitle",["root"]);r.Z=l},93474:function(o,r,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/maintenance",function(){return e(50017)}])},76555:function(o,r,e){"use strict";e.d(r,{Ak:function(){return c},DS:function(){return s},Rz:function(){return a},cV:function(){return u},tL:function(){return d}});var n=e(18037),t=e(49829),i=e(16829),l=e(90516),a=i.Z.div({display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",height:"calc(100vh - 200px)",width:"100%"}),d=(0,i.Z)(t.Z)({fontSize:"120px",margin:"0px 0px 16px 0px",color:l.r.DARK}),u=(0,i.Z)(n.Z)({fontSize:"120px",margin:"0px 0px 16px 0px",color:l.r.DARK}),c=i.Z.div({fontSize:"26px",color:l.r.TEXT,margin:"0px 0px 4px 0px"}),s=i.Z.div({fontSize:"1em",color:l.r.DARK,margin:"0px 0px 25px 0px"})},24978:function(o,r,e){"use strict";e.d(r,{fS:function(){return l},Vq:function(){return d},tL:function(){return c.tL},Ak:function(){return c.Ak},DS:function(){return c.DS},cO:function(){return p},u_:function(){return Z},tS:function(){return u},Mw:function(){return f},H4:function(){return h},$A:function(){return v},N1:function(){return j},Vr:function(){return X},rs:function(){return T},nv:function(){return g},CB:function(){return K}});var n=e(25662),t=e(16829),i=e(35430);(0,t.Z)(n.Z)({borderColor:i.r$.TEXT,backgroundColor:i.r$.TEXT,color:i.r$.BACKGROUND,"&:hover":{borderColor:i.r$.TEXT,backgroundColor:"".concat(i.r$.TEXT,"90"),color:i.r$.BACKGROUND,textTransform:"none"}});var l=(0,t.Z)(n.Z)(function(o){var r=o.border_color,e=void 0===r?i.r$.TEXT:r,n=o.bg_hover,t=o.color_hover,l=void 0===t?i.r$.DARK:t;return{color:i.r$.TEXT,borderColor:e,whiteSpace:"nowrap",fontFamily:"Noto Sans JP","&:hover":{color:l,borderColor:i.r$.DARK,backgroundColor:n||"none"}}}),a=e(50657),d=(0,t.Z)(a.Z)({".MuiDialog-paper":{boxShadow:"none",backgroundColor:i.r$.BACKGROUND,padding:"32px",width:"100%",color:i.r$.TEXT,border:"2px s

1olid ".concat(i.r$.HOVER)},".MuiDialogContent-root":{padding:"0px"},".MuiBackdrop-root":{backgroundColor:"#00000090",backdropFilter:"blur(2px)"},"@-moz-document url-prefix()":{".MuiBackdrop-root":{backgroundColor:"#00000090"}}}),u=(0,t.Z)(d)({".MuiDialog-paper":{padding:"0px"},".MuiDialogTitle-root":{fontSize:"22px",color:i.r$.TEXT,margin:"0",padding:"20px 32px 10px 32px",lineHeight:"40px"},".btn-close-dialog":{position:"absolute",right:32,top:20},".MuiDialogContent-root":{padding:"0 32px 32px 32px"},".MuiDialogContent-root.MuiDialogContent-dividers":{paddingTop:16},".MuiDialogContent-root::-webkit-scrollbar":{width:"12px"},".MuiDialogContent-root::-webkit-scrollbar-track":{background:"#fff",borderRadius:0},".MuiDialogContent-root::-webkit-scrollbar-thumb":{width:"1px",background:"#ccc",borderRadius:"10px",border:"2px solid #ecf2fd"},".MuiDialogContent-root::-webkit-scrollbar-thumb:hover":{background:"#b3b6b650"},".MuiDialogActions-root":{padding:"8px 32px 20px 32px"}}),c=e(76555),s=e(80822),x=e(90516),p=(0,t.Z)(s.Z)({fontSize:"14px",color:x.r.ERROR,border:"1px solid ".concat(x.r.ERROR),borderRadius:"4px",padding:"8px"}),f=(0,t.Z)(n.Z)({backgroundColor:i.r$.ACCENT,color:i.r$.WHITE,textTransform:"none",boxShadow:"none",borderColor:i.r$.ACCENT,"&:hover":{backgroundColor:"".concat(i.r$.ACCENT,"90"),color:i.r$.WHITE,textTransform:"none",boxShadow:"none",borderColor:i.r$.ACCENT}}),h=(0,t.Z)(n.Z)(function(o){var r=o.bg,e=o.color,n=o.boxShadow,t=o.borderColor,l=o.backgroundColorHover,a=o.colorHover,d=o.boxShadowHover,u=o.borderColorHover;return{backgroundColor:r||i.r$.ACCENT,color:e||i.r$.WHITE,textTransform:"none",boxShadow:n||"none",borderColor:t||i.r$.ACCENT,"&:hover":{backgroundColor:l||"".concat(i.r$.ACCENT,"90"),color:a||i.r$.WHITE,textTransform:"none",boxShadow:d||"none",borderColor:u||i.r$.ACCENT}}}),v=(0,t.Z)(n.Z)({borderColor:i.r$.ACCENT,color:i.r$.ACCENT,textTransform:"none",boxShadow:"none","&:hover":{backgroundColor:"".concat(i.r$.ACCENT,"20"),borderColor:i.r$.ACCENT,color:i.r$.ACCENT,textTransform:"none",boxShadow:"none"}}),b=e(62474),g=(0,t.Z)(b.Z)({width:"100%",color:i.r$.TEXT,backgroundColor:i.r$.INPUT,borderColor:i.r$.CONTAINER,"& label":{color:i.r$.TEXT},"& label.Mui-focused":{color:i.r$.TEXT},"& .MuiInputBase-input":{color:i.r$.TEXT},"& .MuiInput-underline:after":{color:i.r$.INPUT,borderBottomColor:i.r$.INPUT},"& .MuiOutlinedInput-root":{"& fieldset":{color:i.r$.INPUT,borderColor:i.r$.CONTAINER},"&:hover fieldset":{color:i.r$.INPUT,borderColor:i.r$.CONTAINER},"&.Mui-focused fieldset":{color:i.r$.INPUT,borderColor:i.r$.CONTAINER}}}),C=e(96664),Z=(0,t.Z)(C.Z)({display:"flex",justifyContent:"center",height:"100%",alignItems:"center",outline:0}),m=e(51351),w=e(45843),T=(0,t.Z)(w.Z)(function(o){var o=null!==o?o:(0,m.Z)(TypeError("Cannot destructure undefined"));return{padding:5,width:38,"& .MuiSwitch-track":{borderRadius:11,"&::before, &::after":{content:'""',position:"absolute",top:"50%",transform:"translateY(-50%)",width:14,height:14},"&::before":{backgroundImage:"url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='16' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z'/%3E%3C/svg%3E\")",left:6,backgroundSize:"70%",backgroundRepeat:"no-repeat",backgroundPosition:"center"},"&::after":{backgroundImage:"url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='16' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M19,13H5V11H19V13Z' /%3E%3C/svg%3E\")",right:6,backgroundSize:"100%",backgroundRepeat:"no-repeat",backgroundPosition:"center"}},"& .MuiSwitch-thumb":{boxShadow:"none",width:10,height:10,margin:3},"& .MuiSwitch-switchBase":{"&.Mui-checked":{transform:"translateX(13px)"}}}}),j=(0,t.Z)(s.Z)({"&::-webkit-scrollbar":{width:"12px"},"&::-webkit-scrollbar-track":{borderRadius:0},"&::-webkit-scrollbar-thumb":{width:"1px",background:"#ccc",borderRadius:"10px",border:"2px solid #ecf2fd"},"&::-webkit-scrollbar-thumb:hover":{background:"#b3b6b650"}}),S=e(26042),$=e(69396),k=e(85893),E=e(67294),R=e(90629),M=e(7906),D=e(295),A=e(98102),N=e(72882),y=e(53184),I=e(53816),z=e(14924),O=e(89755),_=e(26246),L=(0,t.Z)(_._n)({thead:{boxShadow:"0px 1px 1px ".concat(i.r$.WHITE)},"tr:nth-of-type(even)":{backgroundColor:i.r$.GREY},"tr:last-child td, &:last-child th":{border:0}});(0,t.Z)(A.Z)(function(o){var r,o=null!==o?o:(0,m.Z)(TypeError("Cannot destructure undefined"));return r={},(0,z.Z)(r,"&.".concat(O.Z.head),{backgroundColor:i.r$.DARK,color:i.r$.LIGHT_GRAY}),(0,z.Z)(r,"&.".concat(O.Z.body),{fontSize:14}),r});

1var H={Scroller:(0,E.forwardRef)(function(o,r){return(0,k.jsx)(N.Z,(0,$.Z)((0,S.Z)({component:R.Z},o),{ref:r}))}),Table:function(o){return(0,k.jsx)(M.Z,(0,$.Z)((0,S.Z)({},o),{sx:{borderCollapse:"separate",tableLayout:"fixed"}}))},TableHead:(0,E.forwardRef)(function(o,r){return(0,k.jsx)(y.Z,(0,$.Z)((0,S.Z)({},o),{ref:r}))}),TableRow:I.Z,TableBody:(0,E.forwardRef)(function(o,r){return(0,k.jsx)(D.Z,(0,$.Z)((0,S.Z)({},o),{ref:r}))})};function K(o){var r,e,n=o.data,t=o.columns;return(0,k.jsx)(R.Z,{style:{height:500,width:"100%",boxShadow:"0px 0px 2px ".concat(i.r$.DARK)},children:(0,k.jsx)(L,{style:{boxShadow:"none"},data:n,components:H,fixedHeaderContent:function(){return(0,k.jsx)(I.Z,{children:t.map(function(o){return(0,k.jsx)(A.Z,{variant:"head",align:o.numeric?"right":"left",style:{width:o.width,fontWeight:600,color:i.r$.DARK,padding:"12px 16px"},sx:{backgroundColor:i.r$.LIGHT_GRAY},children:o.label},"".concat(o.dataKey))})})},itemContent:function(o,r){return(0,k.jsx)(k.Fragment,{children:t.map(function(e){return(0,k.jsx)(A.Z,{align:e.numeric?"right":"left",style:{color:i.r$.DARK,padding:"10px 16px"},children:"_index"===e.dataKey?o+1:r[e.dataKey]},"".concat(e.dataKey))})})}})})}var B=e(16323),X=(0,t.Z)(B.Z)({position:"absolute",top:0,left:0,"&.MuiSpeedDial-directionUp, &.MuiSpeedDial-directionLeft":{bottom:8,right:8},"&.MuiSpeedDial-directionDown, &.MuiSpeedDial-directionRight":{top:8,left:8},".MuiSpeedDial-actions":{paddingBottom:40}})},50017:function(o,r,e){"use strict";e.r(r),e.d(r,{default:function(){return _}});var n=e(85893),t=e(67294),i=e(75058),l=e(80822),a=e(67865),d=e(93619),u=e(50594),c=e(6514),s=e(93946),x=e(25662),p=e(16829),f=e(35430),h=e(97766),v=p.Z.form({display:"flex",justifyContent:"space-between",alignItems:"center",width:"100%",maxWidth:"720px"}),b=p.Z.div({fontSize:"22px",color:f.r$.TEXT,margin:"0px 0px 0px 0px"}),g=p.Z.div({fontSize:"14px",color:f.r$.DARK,margin:"0px 0px 16px 0px"}),C=p.Z.div({fontSize:h.x.FONT_SIZE.BASIC,color:f.r$.DARK_GRAY,margin:"16px 0px 8px 0px"});(0,p.Z)(x.Z)({height:"42px",margin:"32px 0px 0px 0px"}),p.Z.div({margin:"32px",color:f.r$.ERROR});var Z=e(24978),m=function(o){var r,e,t,i,a,x,p,h,m,w,T,j,S,$,k,E=o.formik,R=o.isOpen,M=o.setOpen,D=function(){M(!1)};return(0,n.jsxs)(Z.Vq,{open:R,onClose:D,"aria-labelledby":"alert-dialog-name","aria-describedby":"alert-dialog-description",children:[(0,n.jsxs)(l.Z,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between"},children:[(0,n.jsx)(b,{children:"サイトを登録"}),(0,n.jsx)(s.Z,{onClick:D,children:(0,n.jsx)(u.Z,{sx:{color:f.r$.TEXT}})})]}),(0,n.jsx)(c.Z,{children:(0,n.jsx)(g,{children:"メンテナンスするサイトを登録します。"})}),(0,n.jsx)(v,{onSubmit:E.handleSubmit,children:(0,n.jsxs)(l.Z,{sx:{display:"flex",flexDirection:"column",width:"100%"},children:[(0,n.jsx)(C,{children:"URL"}),(0,n.jsx)(Z.nv,{id:"url",name:"url",type:"text",variant:"outlined",value:null==E?void 0:null===(r=E.values)||void 0===r?void 0:r.url,error:(null==E?void 0:null===(e=E.touched)||void 0===e?void 0:e.url)&&Boolean(null==E?void 0:null===(t=E.errors)||void 0===t?void 0:t.url),helperText:(null==E?void 0:null===(i=E.touched)||void 0===i?void 0:i.url)&&(null==E?void 0:null===(a=E.errors)||void 0===a?void 0:a.url),onChange:E.handleChange,autoComplete:"off"}),(0,n.jsx)(C,{children:"管理用ラベル *任意"}),(0,n.jsx)(Z.nv,{id:"label",name:"label",type:"text",variant:"outlined",value:null==E?void 0:null===(x=E.values)||void 0===x?void 0:x.label,error:(null==E?void 0:null===(p=E.touched)||void 0===p?void 0:p.label)&&Boolean(null==E?void 0:null===(h=E.errors)||void 0===h?void 0:h.label),helperText:(null==E?void 0:null===(m=E.touched)||void 0===m?void 0:m.label)&&(null==E?void 0:null===(w=E.errors)||void 0===w?void 0:w.label),onChange:E.handleChange,autoComplete:"off"}),(0,n.jsx)(C,{children:"説明 *任意"}),(0,n.jsx)(Z.nv,{id:"note",name:"note",type:"text",variant:"outlined",value:null==E?void 0:null===(T=E.values)||void 0===T?void 0:T.note,error:(null==E?void 0:null===(j=E.touched)||void 0===j?void 0:j.note)&&Boolean(null==E?void 0:null===(S=E.errors)||void 0===S?void 0:S.note),helperText:(null==E?void 0:null===($=E.touched)||void 0===$?void 0:$.note)&&(null==E?void 0:null===(k=E.errors)||void 0===k?void 0:k.note),onChange:E.handleChange,autoComplete:"off",rows:2}),(0,n.jsx)(l.Z,{sx:{display:"flex",justifyContent:"end",margin:"32px 0px 0px 0px"},children:(0,n.jsx)(Z.fS,{type:"submit",size:"large",variant:"outlined",startIcon:(0,n.jsx)(d.Z,{}),children:"サイトを登録"})})]})})]})},w=e(37442),T=e(74231),j=function(o){var r=o.createMaintenanceSite,e=T.Ry({url:T.Z_().url().required(),label:T.Z_().nullable(),note:T.Z_().nullable()});return{formik:(0,w.TA)({initialValues:{url:"",label:"",note:""},enableReinitialize:!0,validationSchema:e,onSubmit:function(o){r({url:o.url,label:o.label,note:o.note})}})}},S=e(55561),$=function(o){var r=o.isOpen,e=o.setOpen,i=(0,S.vP)().handleRoute,l=(0,a.

1VK)(),d=l.createMaintenanceSite,u=l.isNewMaintenanceSiteLoading,c=l.newMaintenanceSiteError,s=l.newMaintenanceSite,x=j({createMaintenanceSite:d}).formik;return(0,t.useEffect)(function(){u||c||!s||(x.resetForm(),e(!1),i("/maintenance/".concat(s.data.id)))},[u,c,s,]),(0,n.jsx)(m,{formik:x,isOpen:r,setOpen:e})},k=e(8364),E=e(78407),R=e(49990),M=e(34386),D=p.Z.img({height:"32px",width:"32px",margin:"0px 14px 0px 0px",borderRadius:"4px"}),A=e(29409),N=e(38343),y=function(o){var r=o.id,e=o.label,t=o.note,i=o.url,a=o.deleteMaintenanceSite,d=(0,S.vP)().handleRoute;return(0,n.jsxs)(A.SA,{children:[(0,n.jsx)(R.Z,{onClick:function(){return d("/maintenance/".concat(r))},sx:{display:"flex",width:"calc(100% - 40px)",height:"100%"},children:(0,n.jsxs)(l.Z,{sx:{display:"flex",alignItems:"center",width:"100%"},children:[(0,n.jsx)(D,{src:"http://www.google.com/s2/favicons?domain=https://".concat(new URL(i).hostname,"&sz=64"),alt:"favicon"}),(0,n.jsx)(A.ht,{children:e}),t&&(0,n.jsx)(M.Z,{title:t,placement:"right",arrow:!0,children:(0,n.jsx)(E.Z,{sx:{margin:"0px 0px 0px 12px",color:f.r$.DARK_GRAY}})})]})}),(0,n.jsx)(l.Z,{sx:{display:"flex",alignItems:"center"},children:(0,n.jsx)(N.l,{items:[{label:"削除",icon:(0,n.jsx)(k.Z,{}),handleClick:function(){return a({maintenancedSiteId:r})}},]})})]})},I=e(76555),z=function(){var o,r,e=(0,a.Hv)(),t=e.isMaintenancedSitesLoading,i=e.maintenancedSitesError,d=e.maintenancedSites,u=(0,a.C)().deleteMaintenanceSite;return t?(0,n.jsx)(n.Fragment,{children:"loading"}):i?(0,n.jsx)(n.Fragment,{children:"error"}):d?(null===(o=d.data)||void 0===o?void 0:o.length)===0?(0,n.jsxs)(I.Rz,{children:[(0,n.jsx)(I.tL,{}),(0,n.jsx)(I.Ak,{children:"Webサイトの登録がありません。"}),(0,n.jsx)(I.DS,{children:"右上の [ + サイトを登録 ] から登録できます。"})]}):d.isOk&&(null===(r=d.data)||void 0===r?void 0:r.length)>0?(0,n.jsx)(l.Z,{sx:{display:"flex",flexDirection:"column",margin:"16px 0px 0px 0px"},children:d.data.map(function(o){return(0,n.jsx)(l.Z,{sx:{margin:"0px 0px 8px 0px"},children:(0,n.jsx)(y,{id:o.id,url:o.url,label:o.label,note:o.note,deleteMaintenanceSite:u})},o.id)})}):(0,n.jsx)(n.Fragment,{children:"something went wrong"}):(0,n.jsx)(n.Fragment,{children:"no data"})},O=e(38698),_=function(){var o=(0,t.useState)(!1),r=o[0],e=o[1];return(0,n.jsxs)(O.Z,{header:"メンテナンス",children:[(0,n.jsx)(l.Z,{sx:{display:"flex",justifyContent:"end",margin:"0px 0px 16px 0px"},children:(0,n.jsx)(Z.fS,{variant:"outlined",size:"large",startIcon:(0,n.jsx)(i.Z,{}),onClick:function(){return e(!0)},children:"サイトを登録"})}),(0,n.jsx)(z,{}),(0,n.jsx)($,{isOpen:r,setOpen:e})]})}}},function(o){o.O(0,[3714,822,4655,6952,5376,7442,4231,265,8698,8775,9774,2888,179],function(){return o(o.s=93474)}),_N_E=o.O()}]);