https://s-meiban.rentals.link/_next/static/chunks/8480-ac3774b0ef040596.js

1"use strict";
2!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="0f67e1a6-f316-5d50-abae-755e41885993")}catch(e){}}();
3(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8480],{52971:(e,a,l)=>{l.d(a,{k:()=>w,l:()=>P});var t=l(64476),r=l(53554),n=l(98362),i=l(85667),s=l(15279),d=l(73005),o=l(14152),c=l(47110),p=l(22252),x=l(2121),h=l(29832),m=l.n(h),u=l(43595),b=l(42434),C=l(72244),j=l(58548),g=l(8551),f=l(22738),k=l(33791),N=l(72310),v=l(25391),y=l(16691),A=l(2945),I=l(95293),T=l(29366),W=l(11442),E=l(4555);function w(e){return"0"===e?"-":e||"-"}let B=(0,x.A)({rentalInfoCardSpaceBetween:{display:"flex",alignItems:"center",justifyContent:"space-between","&:not(:last-child)":{marginBottom:"3px"}},rentalInfoCardSpaceError:{":root &":{marginBottom:"-12px",padding:"12px 12px 0 18px",color:k.Tj.error600,fontSize:"15px",fontWeight:500}},cardHeader:{":root &":{padding:"10px 12px",fontFamily:"inherit"}},cardHeaderTypography:{":root &":{fontSize:"16px",fontFamily:"inherit",fontWeight:500,lineHeight:1.5}},rentalInfoCardTable:{":root &":{tableLayout:"fixed"}},tableCell:{":root &":{padding:"8px 12px 8px 18px",borderBottomColor:k.Tj.muiGrey100,fontSize:"15px",fontFamily:"inherit"},"&.rentalInfoCardTableCell-th":{":root &":{width:"32%",paddingRight:0,fontWeight:500,verticalAlign:"middle"}},"&.rentalInfoCardTableCell-td":{":root &":{width:"68%"}}},rentalInfoCardTableProductName:{textDecoration:"none"},cardContent:{":root &":{padding:0,borderTop:"1px solid ".concat(k.Tj.muiGrey100)},"&.-hideContentBorder":{":root &":{borderTop:"none"}},"&.-hideButtonGroup":{":root &":{paddingBottom:0}},"&.-hideProductInfo":{":root &":{paddingTop:2}},"&.-rentalInfoCardSpaceError":{":root &":{borderTop:"none",padding:"0 12px 12px"}}},cardActions:{":root &":{display:"block",padding:"12px 12px 12px 18px"}},cardActionsButtonGroup:{":root &":{display:"block",padding:"10px 12px",borderTop:"1px solid ".concat(k.Tj.muiGrey100)},"& .MuiButtonBase-root":{":root &":{paddingRight:2,paddingLeft:2}}}});function P(e){let{rental:a,returnsDateTitle:l,returnsDate:x,consumerName:h,updateDate:k,repairRequest:P,remarks:U,errorMessage:S,returnsLinkButton:R,onClickProductName:H,hideShadow:L=!1,hideContentBorder:z=!1,hideButtonGroup:D=!1,hideProductInfo:F=!1,hideError:_=!1}=e,G=(0,v.rd)(),q=(0,N.ZN)(),Z=B(),Q=(0,W.Aw)();return(0,t.jsxs)(r.A,{variant:L?void 0:"outlined",elevation:+!L,children:[(0,t.jsx)(n.A,{title:"納品伝票 ".concat(a.deliverySlipNumber),titleTypographyProps:{component:"h5",className:Z.cardHeaderTypography},className:Z.cardHeader}),(0,t.jsx)(i.A,{className:m()(Z.cardContent,z&&"-hideContentBorder",D&&"-hideButtonGroup",F&&"-hideProductInfo"),children:(0,t.jsx)(s.A,{className:Z.rentalInfoCardTable,children:(0,t.jsxs)(d.A,{children:[!F&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)(o.A,{children:[(0,t.jsx)(c.A,{component:"th",className:m()(Z.tableCell,"rentalInfoCardTableCell-th"),children:"商品"}),(0,t.jsxs)(c.A,{className:m()(Z.tableCell,"rentalInfoCardTableCell-td"),children:[H?(0,t.jsx)("a",{className:Z.rentalInfoCardTableProductName,onClick:H,onKeyDown:()=>void 0,role:"link",tabIndex:0,children:(0,t.jsx)(b.E,{fontWeight:500,color:"primary",size:"large",children:a.productName})}):(0,t.jsx)(b.E,{children:a.productName}

3),(0,t.jsx)(b.E,{children:a.productCode})]})]}),(0,t.jsxs)(o.A,{children:[(0,t.jsx)(c.A,{component:"th",className:m()(Z.tableCell,"rentalInfoCardTableCell-th"),children:"レンタルNo"}),(0,t.jsx)(c.A,{className:m()(Z.tableCell,"rentalInfoCardTableCell-td"),children:w(a.rentalNumber)})]})]}),(0,t.jsxs)(o.A,{children:[(0,t.jsx)(c.A,{component:"th",className:m()(Z.tableCell,"rentalInfoCardTableCell-th"),children:"数量"}),(0,t.jsx)(c.A,{className:m()(Z.tableCell,"rentalInfoCardTableCell-td"),children:a.rentalQuantity})]}),(0,t.jsxs)(o.A,{children:[(0,t.jsx)(c.A,{component:"th",className:m()(Z.tableCell,"rentalInfoCardTableCell-th"),children:"起算日"}),(0,t.jsx)(c.A,{className:m()(Z.tableCell,"rentalInfoCardTableCell-td"),children:a.rentalDate?(0,A.qW)(a.rentalDate):"-"})]}),l&&(0,t.jsxs)(o.A,{children:[(0,t.jsx)(c.A,{component:"th",className:m()(Z.tableCell,"rentalInfoCardTableCell-th"),children:l}),(0,t.jsxs)(c.A,{className:m()(Z.tableCell,"rentalInfoCardTableCell-td"),children:[(0,t.jsx)("div",{className:Z.rentalInfoCardSpaceBetween,children:x}),a.returnsDateAlert&&(0,t.jsx)(j.l,{returnsDateAlert:a.returnsDateAlert})]})]}),(0,t.jsxs)(o.A,{children:[(0,t.jsx)(c.A,{component:"th",className:m()(Z.tableCell,"rentalInfoCardTableCell-th"),children:"発注者"}),(0,t.jsx)(c.A,{className:m()(Z.tableCell,"rentalInfoCardTableCell-td"),children:(0,I.m2)(a.orderer)})]}),(0,t.jsxs)(o.A,{children:[(0,t.jsx)(c.A,{component:"th",className:m()(Z.tableCell,"rentalInfoCardTableCell-th"),children:"使用会社"}),(0,t.jsx)(c.A,{className:m()(Z.tableCell,"rentalInfoCardTableCell-td"),children:(0,t.jsx)("div",{className:Z.rentalInfoCardSpaceBetween,children:h})})]}),Q&&!!k&&(0,t.jsxs)(o.A,{children:[(0,t.jsx)(c.A,{component:"th",className:m()(Z.tableCell,"rentalInfoCardTableCell-th"),children:"更新日時"}),(0,t.jsx)(c.A,{className:m()(Z.tableCell,"rentalInfoCardTableCell-td"),children:(0,t.jsx)("div",{className:Z.rentalInfoCardSpaceBetween,children:k})})]}),(0,t.jsxs)(o.A,{children:[(0,t.jsx)(c.A,{component:"th",className:m()(Z.tableCell,"rentalInfoCardTableCell-th"),children:"商品備考"}),(0,t.jsx)(c.A,{className:m()(Z.tableCell,"rentalInfoCardTableCell-td"),children:U})]})]})})}),!D&&(0,t.jsx)(p.A,{className:Z.cardActionsButtonGroup,children:(0,t.jsxs)(f.s,{wrap:"wrap",gap:"16px",children:[!!P&&(0,t.jsx)(f.Z,{grow:1,basis:"calc((100% - 16px) / 2)",children:P}),!!R&&(0,t.jsx)(f.Z,{basis:"calc((100% - 16px) / 2)",children:R}),Q&&(0,t.jsx)(f.Z,{basis:R?"100%":"calc((100% - 16px) / 2)",children:(0,t.jsx)(g.Z,{padding:"0",children:(0,t.jsx)(C.v,{variant:"outlined-check",startIcon:"usageHistoryColored",onClick:()=>G.push((0,T.mx)(q,a.productCode,a.rentalNumber,a.rentalId)),fullWidth:!0,children:"使用・点検履歴"})})})]})}),!_&&a.rentalStatus!==y.EX._100&&(0,t.jsx)(i.A,{className:m()(Z.cardContent,"-rentalInfoCardSpaceError"),children:(0,t.jsx)(u.p,{children:(0,E.Kh)(a.rentalStatus)})}),S&&(0,t.jsx)(i.A,{className:Z.cardContent,children:(0,t.jsx)("div",{className:Z.rentalInfoCardSpaceError,children:S})})]})}},87661:(e,a,l)=>{l.d(a,{v:()=>g});var t=l(64476),r=l(5776),n=l(2121),i=l(29832),s=l.n(i),d=l(42434),o=l(60635),c=l(2945);let p="0000-00-00 の形式で入力してください";function x(e,a,l){return Number.isNaN(+e)?p:a&&e<(0,c.jr)(a)?"".concat((0,c.qW)(a),"以降の日付を入力してください"):l&&e>(0,c.jr)(l)?"".concat((0,c.qW)(l),"以前の日付を入力してください"):void 0}let h=e=>{let{inputRef:a,defaultValue:l,fallbackMessage:n=p,onBlur:i,min:s,max:h}=e,[m,u]=(0,r.useState)(!1),[b,C]=(0,r.useState)(),j=(0,r.useMemo)(()=>{if(h)return h;let e=(0,c.jr)(s);return e.setFullYear(e.getFullYear()+10),(0,c.Ps)(e)},[s,h]);(0,r.useEffect)(()=>{let e=document.createElement("input");e.setAttribute("type","date"),u("date"===e.type)},[]);let g=(0,r.useCallback)(e=>{C(x(new Date("".concat(e.target.value," 00:00:00")),s,j))},[s,j]),f=(0,r.useCallback)(e=>{let a=new Date("".concat(e.target.value," 00:00:00"));i(x(a,s,j)?void 0:a)},[i,s,j]);return(0,t.jsxs)("div",{children:[(0,t.jsx)(o.A,{inputRef:a,type:"date",defaultValue:(0,c.Ps)(l||new Date),onChange:g,onBlur:f,inputProps:{min:s,max:j}}),!m&&!b&&(0,t.jsx)(d.E,{size:"small",color:"muiGrey600",children:n}),b&&(0,t.jsx)(d.E,{size:"small",color:"error600",children:b})]})};var m=l(99318),u=l(98781),b=l(58548),C=l(72310);let j=(0,n.A)({datePickerWidgetCell:{padding:"16px 12px","&.-isRentalsInfo":{padding:"8px 12px"}},datePickerWidgetEditCell:{position:"relative",display:"flex",flexDirection:"column",boxSizing:"border-box",padding:"16px 12px",width:"100%",height:"100%",border:0,backgroundColor:"transparent",curs

3or:"pointer",fontFamily:"inherit",textAlign:"left","&.-isRentalsInfo":{padding:"8px 12px"},"&:hover":{backgroundColor:"rgba(48, 143, 245, 0.12)","& .datePickerWidgetEditButton":{display:"block"}},"& .datePickerWidgetEditButton":{display:"none",position:"absolute",top:11,right:14,backgroundColor:"white",borderRadius:"50%",overflow:"hidden"}},datePickerWidgetReturnsExpireLabel:{marginTop:"9px"}}),g=e=>{let{date:a,onChangeDate:l,returnsDateAlert:n,disabled:i=!1,isShortLabel:o=!1,isRentalsInfo:p=!1,min:x,max:g,onClick:f}=e,k=(0,r.useRef)(null),[N,v,y]=(0,C.oP)(),[A,I]=(0,r.useState)(),T=(0,C.V$)(async e=>{if(e){let a=await l(e);"Conflict"===a||Array.isArray(a)&&a.length>0&&I(a)}y()},[l]);(0,r.useEffect)(()=>{k.current&&N&&k.current.focus()},[N]);let W=(0,r.useCallback)(()=>{v(),f&&f()},[v,f]),E=j();return(0,t.jsxs)(t.Fragment,{children:[!o&&(N?(0,t.jsx)(h,{inputRef:k,onBlur:T,defaultValue:a,min:x,max:g}):(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(d.E,{color:"pass"===n?"error600":"text900",children:a?(0,c.qW)(a):""}),(0,t.jsx)(u.Q,{compact:!0,onClick:W,disabled:i,children:"変更"})]})),o&&(N?(0,t.jsx)("div",{className:s()(E.datePickerWidgetCell,p&&"-isRentalsInfo"),children:(0,t.jsx)(h,{inputRef:k,onBlur:T,defaultValue:a,min:x,max:g})}):(0,t.jsx)(t.Fragment,{children:i?(0,t.jsxs)("div",{className:s()(E.datePickerWidgetCell,p&&"-isRentalsInfo"),children:[(0,t.jsx)(d.E,{display:"inline",size:"13px",color:"pass"===n?"error600":"text900",children:a?(0,c.qW)(a):""}),n&&(0,t.jsx)("div",{className:E.datePickerWidgetReturnsExpireLabel,children:(0,t.jsx)(b.l,{returnsDateAlert:n,label:""})})]}):(0,t.jsxs)("button",{onClick:W,type:"button",className:s()(E.datePickerWidgetEditCell,p&&"-isRentalsInfo"),name:"remarks_update_button",children:[(0,t.jsx)(d.E,{display:"inline",size:"13px",color:"pass"===n?"error600":"text900",children:a?(0,c.qW)(a):""}),n&&(0,t.jsx)("div",{className:E.datePickerWidgetReturnsExpireLabel,children:(0,t.jsx)(b.l,{returnsDateAlert:n,label:""})}),(0,t.jsx)("div",{className:"datePickerWidgetEditButton",children:(0,t.jsx)(m.b,{})})]})})),A&&A.length>0&&A.map(e=>(0,t.jsx)(d.E,{display:"block",color:"error",children:e}))]})}},94198:(e,a,l)=>{l.d(a,{$:()=>N});var t=l(64476),r=l(5776),n=l(2121),i=l(29832),s=l.n(i),d=l(51816),o=l(42434),c=l(62319),p=l(25372),x=l(99318),h=l(3042),m=l(98781),u=l(30303),b=l(91675),C=l(50835),j=l(72310),g=l(19387);let f=(0,n.A)({rentalInfoTableEllipsis:{"&::after":{content:'"…"',display:"inline-block"}},remarksUpdateWidgetLineClamp:{overflow:"hidden",display:"-webkit-box","-webkit-box-orient":"vertical","-webkit-line-clamp":2,minWidth:0,overflowWrap:"anywhere",wordBreak:"break-all"},rentalInfoCardRemarksUpdate:{display:"flex",alignItems:"center",justifyContent:"space-between",minWidth:0},rentalInfoCardRemarksUpdateButton:{flexShrink:0,marginLeft:"18px"},remarksUpdateWidgetCell:{position:"relative",display:"flex",flexDirection:"column",boxSizing:"border-box",padding:"16px 12px",width:"100%",height:"100%",border:0,backgroundColor:"transparent",cursor:"pointer",fontFamily:"inherit",textAlign:"left","&.-rentalsInfo":{padding:"8px 12px"},"&:hover":{backgroundColor:"rgba(48, 143, 245, 0.12)","& .remarksUpdateWidgetEditButton":{display:"block"}},"&:disabled":{pointerEvents:"none"},"& .remarksUpdateWidgetEditButton":{display:"none",position:"absolute",top:11,right:14,backgroundColor:"white",borderRadius:"50%",overflow:"hidden"}},remarksUpdateWidgetRemarks:{maxWidth:"122px",overflowWrap:"anywhere",wordBreak:"break-all","&.-useLineClamp":{maxWidth:"100%"}},remarksUpdateWidgetText:{minWidth:0,flex:1,overflowWrap:"anywhere",wordBreak:"break-all"},remarksUpdateWidgetUserPickerText:{":root &":{marginTop:"10px"}},remarksUpdateWidgetUserPickerButton:{display:"inline-block",position:"relative",top:"-1px",margin:"0 3px"}});function k(e){let{buttonType:a,onClick:l,disabled:r,remarks:n,lineClamp:i}=e,d=f();switch(a){case"icon":return(0,t.jsxs)("button",{onClick:l,type:"button",className:d.remarksUpdateWidgetCell,name:"remarks_update_button",disabled:r,children:[n&&(0,t.jsx)("div",{className:s()(d.remarksUpdateWidgetRemarks,i&&"-useLineClamp"),children:i?(0,t.jsx)("div",{className:d.remarksUpdateWidgetLineClamp,children:(0,C.H)(n)}):n.length<11?(0,t.jsx)("div",{children:(0,C.H)(n)}):(0,t.jsx)(b.E,{title:n,children:(0,t.jsx)("div",{className:d.rentalInfoTableEllipsis,children:(0,C.H)(n.substr(0,10))})})}),(0,t.jsx)("div",{className:"remarksUpdateWidgetEditButton",children:(0,t.jsx)(x.b,{disabled:r})})]});case"rentalsInfo":return(0,t.jsxs)("button",{onClick:l,type:"button",className:s()(d.remarksUpdateWidgetCell,"-rentalsInfo"),name:"remarks_update_button",disabled:r,children:[n&&(0,t.jsx)("div",{className:s()(d.remarksUpdateWidgetRemarks,i&&"-useLineClamp"),children:i?(0,t.jsx)(b.E,{title:n,children:(0,t.jsx)("div",{className:d.remarksUpdateWidgetLineClamp,children:(0,C.H)(n)})}):n.length<11?(0,t.jsx)("div",{children:(0,C.H)(n)}):(0,t.jsx)(b.E,{title:n,children:(0,t.jsx)("div",{className:d.rentalInfoTableEllipsis,children:(0,C.H)(n.substr(0,10))})})}),(0,t.jsx)("div",{className:"remarksUpdateWidgetEditButton",children:(0,t.jsx)(x.b,{disabled:r})})]});default:return(0,t.jsxs)("div",{className:d.rentalInfoCardRemarksUpdate,children:[i?(0,t.jsx)("div",{className:d.remarksUpdateWidgetLineClamp,children:(0,C.H)(null!=n?n:"")}):(0,t.jsx)(o.E,{display:"block",className:d.remarksUpdateWidgetText,children:(0,C.H)(null!=n?n:"")}),(0,t.jsx)("div",{className:d.rentalInfoCardRemarksUpdateButton,children:(0,t.jsx)(m.Q,{compact:!0,onClick:l,disabled:r,name:"remarks_update_button",children:"変更"})})]})}}function N(e){let{buttonType:a,rentalId:l,disabled:n,remarks:i,onOpenUserPicker:s,timeRemarks:x,reload:b,lineClamp:C}=e,[N,v,y]=(0,j.oP)(),[A,I]=(0,r.useState)(i),[T,W]=(0,r.useState)(i||"");(0,r.useEffect)(()=>{I(i),W(i||"")},[i]);let[E,w]=(0,r.useState)(),[B,P]=(0,r.useState)(!1),[U,S,R]=(0,j.oP)(),H=(0,r.useCallback)(e=>{var a;U?W(e.target.value):W(e.target.value.replace(/[《》]/g,"")),w((a=e.target.value).match(/[《》]/)?"《》は使用できません":a.length>400?"商品備考は".concat(400,"文字以内でご入力ください"):void 0)},[W,U]),L=(0,r.useCallback)(()=>{W(T.replace(/[《》]/g,"")),R()},[R,T]),[z,D]=(0,j.L6)(x,[x]),F=(0,j.ZN)(),_=(0,g.xg)(),G=(0,j.V$)(async()=>{let e=await _(F,l,{remarks:{value:T,issuedTimestamp:z}}

3);if("Conflict"===e)P(!0),w(void 0);else if(Array.isArray(e)&&e.length>0)P(!1),w(e.map(e=>e.message).join("\n"));else if(!Array.isArray(e)){var a,t;P(!1),w(void 0),I(T),D(null!=(t=null==(a=e.remarks)?void 0:a.issuedTimestamp)?t:z),y()}},[F,l,T,z,y]),q=(0,r.useCallback)(()=>{y(),s&&s()},[y,s]),Z=(0,j.RE)(),Q=(0,r.useCallback)(()=>{Z(T),P(!1),b()},[T,b,Z]),V=f();return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(k,{buttonType:a,onClick:v,disabled:n,remarks:A,lineClamp:C}),N&&(0,t.jsx)(u.y,{isSmall:!0,open:!0,titleText:"商品備考を編集",content:(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(d.e,{title:"商品備考",currentCount:T.length,helperText:null!=E?E:void 0,error:!!E,maxCount:400,children:(0,t.jsx)(h.f,{placeholder:"商品備考として管理が必要な情報をご自由に記載ください (".concat(400,"文字以内)。"),rows:4,value:T,onChange:H,onCompositionStart:S,onCompositionEnd:L})}),B&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(o.E,{size:"15px",lineHeight:1.5,color:"error",children:"商品備考欄が別のユーザーによって更新されています。"}),(0,t.jsx)(m.Q,{onClick:Q,children:"入力内容をコピーして更新"}),(0,t.jsx)("br",{})]}),(0,t.jsxs)(o.E,{size:"15px",lineHeight:1.5,className:V.remarksUpdateWidgetUserPickerText,children:["機材の使用会社は",(0,t.jsx)("div",{className:V.remarksUpdateWidgetUserPickerButton,children:(0,t.jsxs)(m.Q,{textSize:"15px",compact:!0,onClick:q,disabled:n,color:"primary600",children:["使用会社",(0,t.jsx)(c.I,{iconName:"externalLink",fontSize:"14px"})]})}),"にご記入ください。履歴管理や検索が容易になります。"]})]}),actionButton:(0,t.jsx)(p.y,{onClick:G,disabled:T.length>400,children:"保存"}),onClose:y,closeButtonName:"キャンセル"})]})}k.defaultProps={disabled:!1,remarks:void 0},N.defaultProps={disabled:!1,remarks:void 0,onOpenUserPicker:void 0}}}]);
4//# sourceMappingURL=8480-ac3774b0ef040596.js.map
5//# debugId=0f67e1a6-f316-5d50-abae-755e41885993