https://pro.foodsafesystem.com/static/js/1525.31547b2d.chunk.js

1"use strict";(globalThis.webpackChunkfss=globalThis.webpackChunkfss||[]).push([[1525],{86841(e,t,i){i.d(t,{oM:()=>a,dO:()=>s,er:()=>g});i(9950);var o=i(9213),r=i(59254),n=i(44414);const l=(0,r.Ay)(o.A)(e=>{let{theme:t}=e;return{cursor:"pointer","&:nth-of-type(odd)":{padding:t.spacing(0,1),color:t.palette.text.secondary,backgroundColor:t.palette.background.neutral,borderBottom:`1px solid ${t.palette.divider}`},whiteSpace:"nowrap","& .MuiTableCell-sizeSmall":{padding:"5px 6px 5px 10px"}}});function a(e){return(0,n.jsx)(l,{...e,children:e.children})}i(63575);var d=i(21671);function s(e){let{emptyRows:t,height:i}=e;return t?(0,n.jsx)(o.A,{sx:{...i&&{height:i*t}},children:(0,n.jsx)(d.A,{colSpan:5})}):null}var c=i(69780),u=i(83274),p=i(7251),h=i(53011),v=i(33507);const x={border:0,margin:-1,padding:0,width:"1px",height:"1px",overflow:"hidden",position:"absolute",whiteSpace:"nowrap",clip:"rect(0 0 0 0)"};function g(e){let{order:t,headLabel:i,onSort:r}=e;const{user:l}=(0,v.A)();return(0,n.jsx)(c.A,{children:(0,n.jsx)(o.A,{children:i.map(e=>{var i,o;return"switch"===e.id?(1===(null===l||void 0===l||null===(i=l.roles[0])||void 0===i?void 0:i.id)||2===(null===l||void 0===l||null===(o=l.roles[0])||void 0===o?void 0:o.id))&&(0,n.jsx)(d.A,{align:e.align,padding:e.disablePadding?"none":"normal",sortDirection:t.id===e.id&&t.direction,sx:{background:e=>e.palette.background.paper,whiteSpace:"nowrap",fontWeight:"bold"},children:e.sort?(0,n.jsx)(u.A,{title:"Sort",placement:"right"===e.align?"bottom-end":"bottom-start",enterDelay:300,children:(0,n.jsxs)(p.A,{active:t.id===e.id,direction:t.direction,onClick:r(e.id),children:[e.label,t.id===e.id?(0,n.jsx)(h.A,{component:"span",sx:x,children:"desc"===t?"sorted descending":"sorted ascending"}):null]})}):(0,n.jsx)(n.Fragment,{children:e.label})},e.id):(0,n.jsx)(d.A,{align:e.align,padding:e.disablePadding?"none":"normal",sortDirection:t.id===e.id&&t.direction,sx:{background:e=>e.palette.background.paper,whiteSpace:"nowrap",fontWeight:"bold"},children:e.sort?(0,n.jsx)(u.A,{title:"Sort",placement:"right"===e.align?"bottom-end":"bottom-start",enterDelay:300,children:(0,n.jsxs)(p.A,{active:t.id===e.id,direction:t.direction,onClick:r(e.id),children:[e.label,t.id===e.id?(0,n.jsx)(h.A,{component:"span",sx:x,children:"desc"===t?"sorted descending":"sorted ascending"}):null]})}):(0,n.jsx)(n.Fragment,{children:e.label})},e.id)})})})}},1525(e,t,i){i.r(t),i.d(t,{default:()=>W});var o=i(9950),r=i(19808),n=i(53011),l=i(82053),a=i(83274),d=i(57073),s=i(48089),c=i(1320),u=i(2235),p=i(15769),h=i(34075),v=i(9213),x=i(21671),g=i(25277),b=i(69780),m=i(14650),A=i(76455),j=i(60899),f=i(27081),_=i(28429),y=i(90158),B=i(25045),w=i.n(B),k=i(80711),$=i(96812),R=i(86841),C=i(90260),S=i(47258),z=i(44414);function W(){var e,t,i;const{uuid:B}=(0,_.g)(),{themeStretch:W}=(0,$.Mp)(),T=(0,f.wA)(),{fromTaskExecution:M,clearTaskData:D,fromPage:E}=(0,S.b)(),F=(0,_.Zp)(),[H,L]=(0,o.useState)([]),[P,N]=(0,o.useState)();return(0,o.useEffect)(()=>(T((0,k.tu)({uuid:B})).then(e=>N(e.payload.checklistResponse)),T((0,k.cl)({uuid:B})).then(e=>{if(e&&e.payload){const t=[];e.payload.responseitemList.map(e=>{var i,o,r,n,l;return t.push({uuid:null===(i=e.checklistitem)||void 0===i?void 0:i.uuid,response_value:e.response_value,response_notes:e.response_notes||"",cl_item_order:null===(o=e.checklistitem)||void 0===o?void 0:o.cl_item_order,cl_item_help:null===(r=e.checklistitem)||void 0===r?void 0:r.cl_item_help,cl_item_text:null===(n=e.checklistitem)||void 0===n?void 0:n.cl_item_text,cl_item_type:null===(l=e.checklistitem)||void 0===l?void 0:l.cl_item_type})});const i=t.sort((e,t)=>e.cl_item_order-t.cl_item_order);L(i)}}),()=>{D()}),[]),(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(A.mg,{children:(0,z.jsx)("title",{children:"Response Items view | FSS"})}),(0,z.jsxs)(r.A,{maxWidth:!W&&"xl",sx:{paddingBottom:"1.25rem"},children:[(0,z.jsxs)(j.Ay,{container:!0,direction:"row",justifyContent:"space-between",alignItems:"baseline",children:[(0,z.jsx)(j.Ay,{item:!0,children:(0,z.jsxs)(n.A,{sx:{display:"flex",justifyContent:"space-start"},children:[(0,z.jsx)(m.In,{icon:"mdi:tick",color:"#004e49",width:"25",height:"28"}),(0,z.jsx)(l.A,{variant:"h6",component:"h6",paddingLeft:1,children:null===P||void 0===P||null===(e=P.checklist)||void 0===e?void 0:e.cl_title})]})}),(0,z.jsx)(j.Ay,{item:!0,children:(0,z.jsx)(n.A,{sx:{display:"flex",justifyContent:"flex-end",mr:2},children:(0,z.jsx)(a.A,{title:M?"Back to Dashboard":"Back to Checklist Responses",arrow:!0,children:(0,z.jsx)(d.A,{sx:{backgroundColor:"primary.main",color:"white","&:hover":{backgroundColor:"primary.dark"}},onClick:()=>{M?(D(),F("taskoverview"===E?C.nB.taskoverview:C.nB.dashboard)):F(C.nB.checklistresponses.list)},children:(0,z.jsx)(m.In,{icon:"vaadin:arrow-backward",color:"white",width:"20",height:"20"})})})})})]}),(0,z.jsx)("br",{}),(0,z.jsx)(s.A,{sx:{p:2},children:(0,z.jsx)(c.A,{sx:{px:.5},children:(0,z.jsxs)(u.A,{children:[(0,z.jsx)(l.A,{variant:"h6",color:"primary",children:"Checklists Details"}),(0,z.jsx)(p.A,{"aria-label":"simple table",size:"small",children:(0,z.jsxs)(h.A,{children:[(0,z.jsxs)(v.A,{children:[(0,z.jsx)(x.A,{children:(0,z.jsxs)(l.A,{variant:"subtitle2",color:"gray",children:[" ","ID"]})}),(0,z.jsx)(x.A,{children:(0,z.jsx)(l.A,{variant:"subtitle2",children:null===P||void 0===P?void 0:P.uuid})}),(0,z.jsx)(x.A,{children:(0,z.jsx)(l.A,{variant:"subtitle2",color:"gray",children:"Status"})}),(0,z.jsx)(x.A,{children:(0,z.jsx)(l.A,{variant:"subtitle2",children:(0,z.jsx)(g.A,{variant:"soft",color:(P&&"0"===String(null===P||void 0===P?void 0:P.response_status)?"error":P&&"1"===String(null===P||void 0===P?void 0:P.response_status)&&"primary")||P&&"2"===String(null===P||void 0===P?void 0:P.response_status)&&"warning"||P&&"3"===String(null===P||void 0===P?void 0:P.response_status)&&"info",sx:{fontWeight:"bold",pt:.1,px:P&&"1"===(null===P||void 0===P?void 0:P.response_status)?.7:.1},label:(P&&"0"===String(null===P||void 0===P?void 0:P.response_status)?"Incomplete":P&&"1"===String(null===P||void 0===P?void 0:P.response_status)&&"Completed")||P&&"2"===String(null===P||void 0===P?void 0:P.response_status)&&"Not Applicable"||P&&"3"===String(null===P||void 0===P?void 0:P.response_status)&&"Missed",size:"small"})})})]}),(0,z.jsxs)(v.A,{children:[(0,z.jsx)(x.A,{children:(0,z.jsx)(l.A,{variant:"subtitle2",color:"gray",children:"Created At"})}),(0,z.jsx)(x.A,{children:(0,z.jsx)(l.A,{variant:"subtitle2",children:(null===P||void 0===P?void 0:P.created_at)&&w().utc(P.created_at).local().format("DD-MM-YY HH:mm")}

1)}),(0,z.jsx)(x.A,{children:(0,z.jsx)(l.A,{variant:"subtitle2",color:"gray",children:"Updated At"})}),(0,z.jsx)(x.A,{children:(0,z.jsx)(l.A,{variant:"subtitle2",children:(null===P||void 0===P?void 0:P.updated_at)&&w().utc(P.updated_at).local().format("DD-MM-YY HH:mm")})})]}),(0,z.jsxs)(v.A,{children:[(0,z.jsx)(x.A,{children:(0,z.jsx)(l.A,{variant:"subtitle2",color:"gray",children:"Created By"})}),(0,z.jsx)(x.A,{children:(0,z.jsx)(l.A,{variant:"subtitle2",children:null===P||void 0===P||null===(t=P.created_by)||void 0===t?void 0:t.name})}),(0,z.jsx)(x.A,{children:(0,z.jsx)(l.A,{variant:"subtitle2",color:"gray",children:"Updated By"})}),(0,z.jsx)(x.A,{children:(0,z.jsx)(l.A,{variant:"subtitle2",children:null===P||void 0===P||null===(i=P.updated_by)||void 0===i?void 0:i.name})})]})]})})]})})}),(0,z.jsx)("br",{}),(0,z.jsx)(s.A,{children:(0,z.jsx)(c.A,{sx:{minWidth:300,position:"relative",py:3,px:2},children:(0,z.jsxs)(p.A,{size:"small",children:[(0,z.jsx)(b.A,{children:(0,z.jsxs)(v.A,{children:[(0,z.jsx)(x.A,{sx:{background:"white",fontWeight:"bold"},children:"Question"}),(0,z.jsx)(x.A,{sx:{background:"white",fontWeight:"bold"},children:"Response"}),(0,z.jsx)(x.A,{sx:{background:"white",fontWeight:"bold"},children:"Response Notes"})]})}),(0,z.jsx)(h.A,{children:H.map(e=>(0,z.jsxs)(R.oM,{children:[(0,z.jsx)(x.A,{children:"3"===e.cl_item_type?(0,z.jsxs)(l.A,{variant:"h6",children:[e.cl_item_text,": "]}):(0,z.jsx)(a.A,{title:e.cl_item_help,arrow:!0,children:(0,z.jsx)(l.A,{variant:"title",children:e.cl_item_text})})}),(0,z.jsx)(x.A,{children:(0,z.jsxs)(y.A,{value:e.response_value,color:"inherit",children:["1"===e.cl_item_type&&(0,z.jsx)(g.A,{variant:"soft",color:1===e.response_value?"primary":"error",sx:{fontWeight:"bold",pt:.1,px:1===e.response_value?.3:.5},label:1===e.response_value?"Yes":"No",size:"small"}),"2"===e.cl_item_type&&(0,z.jsx)(z.Fragment,{children:(0,z.jsx)(g.A,{variant:"soft",color:0===e.response_value?"error":"primary",sx:{fontWeight:"bold",pt:.1,px:1},label:e.response_value,size:"small"})})]})}),(0,z.jsx)(x.A,{sx:{width:250},children:(0,z.jsx)(l.A,{children:e.response_notes})})]},e.uuid))})]})})})]})]})}},90158(e,t,i){i.d(t,{A:()=>_});var o=i(98587),r=i(58168),n=i(9950),l=i(72004),a=i(88465),d=i(99269),s=i(73243),c=i(61676),u=i(59254),p=i(18463),h=i(1763),v=i(423);function x(e){return(0,v.Ay)("MuiButtonGroup",e)}const g=(0,h.A)("MuiButtonGroup",["root","contained","outlined","text","disableElevation","disabled","firstButton","fullWidth","vertical","grouped","groupedHorizontal","groupedVertical","groupedText","groupedTextHorizontal","groupedTextVertical","groupedTextPrimary","groupedTextSecondary","groupedOutlined","groupedOutlinedHorizontal","groupedOutlinedVertical","groupedOutlinedPrimary","groupedOutlinedSecondary","groupedContained","groupedContainedHorizontal","groupedContainedVertical","groupedContainedPrimary","groupedContainedSecondary","lastButton","middleButton"]);var b=i(15514),m=i(74210),A=i(44414);const j=["children","className","color","component","disabled","disableElevation","disableFocusRipple","disableRipple","fullWidth","orientation","size","variant"],f=(0,u.Ay)("div",{name:"MuiButtonGroup",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:i}=e;return[{[`& .${g.grouped}`]:t.grouped},{[`& .${g.grouped}`]:t[`grouped${(0,c.A)(i.orientation)}`]},{[`& .${g.grouped}`]:t[`grouped${(0,c.A)(i.variant)}`]},{[`& .${g.grouped}`]:t[`grouped${(0,c.A)(i.variant)}${(0,c.A)(i.orientation)}`]},{[`& .${g.grouped}`]:t[`grouped${(0,c.A)(i.variant)}${(0,c.A)(i.color)}`]},{[`& .${g.firstButton}`]:t.firstButton},{[`& .${g.lastButton}`]:t.lastButton},{[`& .${g.middleButton}`]:t.middleButton},t.root,t[i.variant],!0===i.disableElevation&&t.disableElevation,i.fullWidth&&t.fullWidth,"vertical"===i.orientation&&t.vertical]}})(e=>{let{theme:t,ownerState:i}=e;return(0,r.A)({display:"inline-flex",borderRadius:(t.vars||t).shape.borderRadius},"contained"===i.variant&&{boxShadow:(t.vars||t).shadows[2]},i.disableElevation&&{boxShadow:"none"},i.fullWidth&&{width:"100%"},"vertical"===i.orientation&&{flexDirection:"column"},{[`& .${g.grouped}`]:(0,r.A)({minWidth:40,"&:hover":(0,r.A)({},"contained"===i.variant&&{boxShadow:"none"})},"contained"===i.variant&&{boxShadow:"none"}),[`& .${g.firstButton},& .${g.middleButton}`]:(0,r.A)({},"horizontal"===i.orientation&&{borderTopRightRadius:0,borderBottomRightRadius:0},"vertical"===i.orientation&&{borderBottomRightRadius:0,borderBottomLeftRadius:0},"text"===i.variant&&"horizontal"===i.orientation&&{borderRight:t.vars?`1px solid rgba(${t.vars.palette.common.onBackgroun

1dChannel} / 0.23)`:"1px solid "+("light"===t.palette.mode?"rgba(0, 0, 0, 0.23)":"rgba(255, 255, 255, 0.23)"),[`&.${g.disabled}`]:{borderRight:`1px solid ${(t.vars||t).palette.action.disabled}`}},"text"===i.variant&&"vertical"===i.orientation&&{borderBottom:t.vars?`1px solid rgba(${t.vars.palette.common.onBackgroundChannel} / 0.23)`:"1px solid "+("light"===t.palette.mode?"rgba(0, 0, 0, 0.23)":"rgba(255, 255, 255, 0.23)"),[`&.${g.disabled}`]:{borderBottom:`1px solid ${(t.vars||t).palette.action.disabled}`}},"text"===i.variant&&"inherit"!==i.color&&{borderColor:t.vars?`rgba(${t.vars.palette[i.color].mainChannel} / 0.5)`:(0,d.X4)(t.palette[i.color].main,.5)},"outlined"===i.variant&&"horizontal"===i.orientation&&{borderRightColor:"transparent"},"outlined"===i.variant&&"vertical"===i.orientation&&{borderBottomColor:"transparent"},"contained"===i.variant&&"horizontal"===i.orientation&&{borderRight:`1px solid ${(t.vars||t).palette.grey[400]}`,[`&.${g.disabled}`]:{borderRight:`1px solid ${(t.vars||t).palette.action.disabled}`}},"contained"===i.variant&&"vertical"===i.orientation&&{borderBottom:`1px solid ${(t.vars||t).palette.grey[400]}`,[`&.${g.disabled}`]:{borderBottom:`1px solid ${(t.vars||t).palette.action.disabled}`}},"contained"===i.variant&&"inherit"!==i.color&&{borderColor:(t.vars||t).palette[i.color].dark},{"&:hover":(0,r.A)({},"outlined"===i.variant&&"horizontal"===i.orientation&&{borderRightColor:"currentColor"},"outlined"===i.variant&&"vertical"===i.orientation&&{borderBottomColor:"currentColor"})}),[`& .${g.lastButton},& .${g.middleButton}`]:(0,r.A)({},"horizontal"===i.orientation&&{borderTopLeftRadius:0,borderBottomLeftRadius:0},"vertical"===i.orientation&&{borderTopRightRadius:0,borderTopLeftRadius:0},"outlined"===i.variant&&"horizontal"===i.orientation&&{marginLeft:-1},"outlined"===i.variant&&"vertical"===i.orientation&&{marginTop:-1})})}),_=n.forwardRef(function(e,t){const i=(0,p.b)({props:e,name:"MuiButtonGroup"}),{children:d,className:u,color:h="primary",component:v="div",disabled:g=!1,disableElevation:_=!1,disableFocusRipple:y=!1,disableRipple:B=!1,fullWidth:w=!1,orientation:k="horizontal",size:$="medium",variant:R="outlined"}=i,C=(0,o.A)(i,j),S=(0,r.A)({},i,{color:h,component:v,disabled:g,disableElevation:_,disableFocusRipple:y,disableRipple:B,fullWidth:w,orientation:k,size:$,variant:R}),z=(e=>{const{classes:t,color:i,disabled:o,disableElevation:r,fullWidth:n,orientation:l,variant:d}=e,s={root:["root",d,"vertical"===l&&"vertical",n&&"fullWidth",r&&"disableElevation"],grouped:["grouped",`grouped${(0,c.A)(l)}`,`grouped${(0,c.A)(d)}`,`grouped${(0,c.A)(d)}${(0,c.A)(l)}`,`grouped${(0,c.A)(d)}${(0,c.A)(i)}`,o&&"disabled"],firstButton:["firstButton"],lastButton:["lastButton"],middleButton:["middleButton"]};return(0,a.A)(s,x,t)})(S),W=n.useMemo(()=>({className:z.grouped,color:h,disabled:g,disableElevation:_,disableFocusRipple:y,disableRipple:B,fullWidth:w,size:$,variant:R}),[h,g,_,y,B,w,$,R,z.grouped]),T=(0,s.A)(d),M=T.length,D=e=>{const t=0===e,i=e===M-1;return t&&i?"":t?z.firstButton:i?z.lastButton:z.middleButton};return(0,A.jsx)(f,(0,r.A)({as:v,role:"group",className:(0,l.A)(z.root,u),ref:t,ownerState:S},C,{children:(0,A.jsx)(b.A.Provider,{value:W,children:T.map((e,t)=>(0,A.jsx)(m.A.Provider,{value:D(t),children:e},t))})}))})}}]);