https://treesthatcount.co.nz/_next/static/chunks/pages/admin/appli…/[plantingId]/photos-14017a1020db8eae.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3150],{63110:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/admin/applications/[applicationId]/planting-report/[plantingId]/photos",function(){return t(40013)}])},71234:function(n,e,t){"use strict";t.d(e,{Z:function(){return o}});var i=t(85893);const o=n=>{let{className:e="",children:t,size:o="large",corner:r="rounded"}=n;return(0,i.jsx)("div",{className:"bg-white text-ivoryBlack transition-shadow duration-300 ease-in-out overflow-hidden mb-1 ".concat((()=>{switch(r){case"square":default:return"";case"rounded":return"rounded-[10px] "}})()," ").concat((()=>{switch(o){case"small":return"p-4";case"medium":return"p-7";case"large":return"p-5 md:p-10";default:return""}})()," ").concat(e),children:t})}},33441:function(n,e,t){"use strict";t.d(e,{F:function(){return l}});var i=t(85893),o=t(20373),r=t(7515);const l=()=>(0,i.jsx)(r.T3,{title:"Redirecting...",children:(0,i.jsx)(o.Z,{cssOverride:{display:"block"},className:"m-auto"})})},11872:function(n,e,t){"use strict";t.d(e,{m:function(){return l}});var i=t(85893),o=t(67294);const r=n=>{let{isActive:e,label:t,onClick:r,value:l,disabled:s}=n;const{scrollIntoView:a,ref:c}=function(){const[n,e]=(0,o.useState)(!1),[t,i]=(0,o.useState)(null),[r,l]=(0,o.useState)(!1),s=(0,o.useCallback)((n=>{null!==n&&i(n)}),[]);(0,o.useEffect)((()=>{if(t&&!n){const n=new IntersectionObserver((n=>{let[t]=n;e((null===t||void 0===t?void 0:t.isIntersecting)||!1),l(!0)}));return n.observe(t),()=>{n.disconnect()}}}),[n,t]);const a=(0,o.useCallback)((()=>

1{if(!n&&t&&r){const n=t.closest(".no-scrollbar");if(n){const e=n.getBoundingClientRect(),i=t.getBoundingClientRect(),o=i.left+i.width/2-(e.left+e.width/2);n.scrollBy({left:o,behavior:"smooth"})}}}),[n,t,r]);return{isInViewport:n,scrollIntoView:a,ref:s}}();return(0,o.useEffect)((()=>{e&&a()}),[e,a]),(0,i.jsx)("button",{ref:c,disabled:s,className:"text-base font-bold inline-flex items-center justify-center box-border bg-transparent outline-current outline-none outline-0 m-0 cursor-pointer select-none align-middle appearance-none no-underline font-body uppercase max-w-[360px] min-w-[90px] relative min-h-[48px] shrink-0 py-3 px-4 overflow-hidden whitespace-normal text-center flex-direction-column ".concat(e?"text-forestDeep border-b-2 border-b-forestDeep pb-2.5":"text-forestDeep/80 border-0"," ").concat(s?"text-iron! pointer-events-none":""),onClick:()=>r(l),role:"tab","aria-selected":e,type:"button",children:t})},l=n=>{let{activeTab:e,ariaLabel:t,className:o="",onChange:l,tabs:s}=n;return(0,i.jsx)("div",{"aria-label":t,className:"w-full overflow-x-auto no-scrollbar min-h-[48px] ".concat(o),children:(0,i.jsx)("div",{className:"inline-block relative flex-auto whitespace-nowrap",children:(0,i.jsx)("div",{className:"flex",children:s.map((n=>(0,i.jsx)(r,{isActive:e===n.value,label:n.label,value:n.value,onClick:l,disabled:n.disabled,path:n.path},n.value)))})})})}},48655:function(n,e,t){"use strict";t.d(e,{r:function(){return c}});var i=t(85893),o=t(67294),r=t(1261),l=t(18083),s=t(63368),a=t(31644);const c=n=>{let{photos:e}=n;var t,c,d,u,p,v,h,f;const{setImageUrls:g,show:m}=(0,r.L5)();return(0,o.useEffect)((()=>{e&&g((0,a.D5)(e))}),[e]),e?e.cover||(null===(t=e.project)||void 0===t?void 0:t.length)||(null===(c=e.monitorings)||void 0===c?void 0:c.length)||(null===(d=e.plantings)||void 0===d?void 0:d.some((n=>n.photos.length)))?(0,i.jsxs)("div",{className:"flex flex-col gap-5",children:[e.cover?(0,i.jsxs)("div",{children:[(0,i.jsx)(s.by,{className:"mb-5",children:"Project cover photo"}),(0,i.jsx)("div",{className:"grid gap-5 grid-cols-2 lg:grid-cols-4",children:(0,i.jsx)("div",{children:(0,i.jsx)(l.E,{alt:"Project cover photo",src:e.cover,width:270,height:200,className:"object-cover cursor-pointer",onClick:()=>m(e.cover)})})})]}):null,(null===(u=e.project)||void 0===u?void 0:u.length)?(0,i.jsxs)("div",{children:[(0,i.jsx)(s.by,{className:"mb-5",children:"Project photos"}),(0,i.jsx)("div",{className:"grid gap-5 grid-cols-2 lg:grid-cols-4",children:null===(p=e.project)||void 0===p?void 0:p.map((n=>(0,i.jsx)("div",{children:(0,i.jsx)(l.E,{alt:"Thumbnail for file: ".concat(null===n||void 0===n?void 0:n.name),src:null===n||void 0===n?void 0:n.Uri,width:270,height:200,className:"object-cover cursor-pointer",onClick:()=>m(null===n||void 0===n?void 0:n.Uri),type:null===n||void 0===n?void 0:n.type})},null===n||void 0===n?void 0:n.Uri)))})]}):null,(null===(v=e.plantings)||void 0===v?void 0:v.length)?(0,i.jsxs)("div",{children:[(0,i.jsx)(s.by,{className:"mb-5",children:"From planting report"}),(0,i.jsx)("div",{className:"grid gap-5 grid-cols-2 lg:grid-cols-4",children:null===(h=e.plantings)||void 0===h?void 0:h.map((n=>n.photos.map((n=>(0,i.jsx)("div",{children:(0,i.jsx)(l.E,{alt:"Thumbnail for file: ".concat(null===n||void 0===n?void 0:n.name),src:null===n||void 0===n?void 0:n.Uri,width:270,height:200,className:"object-cover cursor-pointer",onClick:()=>m(null===n||void 0===n?void 0:n.Uri),type:null===n||void 0===n?void 0:n.type})},null===n||void 0===n?void 0:n.Uri)))))})]}):null,null===(f=e.monitorings)||void 0===f?void 0:f.map((n=>(0,i.jsxs)("div",{children:[(0,i.jsxs)(s.by,{className:"mb-5",children:["Monitoring event ",n.title]}),(0,i.jsx)("div",{className:"grid gap-5 grid-cols-2 lg:grid-cols-4",children:n.photos.map((n=>(0,i.jsx)("div",{children:(0,i.jsx)(l.E,{alt:"Thumbnail for file: ".concat(null===n||void 0===n?void 0:n.name),src:null===n||void 0===n?void 0:n.Uri,width:270,height:200,className:"object-cover cursor-pointer",onClick:()=>m(null===n||void 0===n?void 0:n.Uri),type:null===n||void 0===n?void 0:n.type})},null===n||void 0===n?void 0:n.Uri)))})]},"Monitoring ".concat(n.title)))),(0,i.jsx)(r.eT,{})]}):(0,i.jsx)("div",{children:(0,i.jsx)(s.nv,{children:"No photos have been uploaded for this planting and monitoring records"})}):null}},64827:function(n,e,t){"use strict";t.d(e,{h:function(){return d}});var i=t(85893),o=t(11163),r=t(71234),l=t(23065),s=t(11872),a=t(64013);const c=n=>{let{activeTab:e,children:t,planting:a,tabs:c}=n;const d=(0,o.useRouter)();return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(l.nL,{children:(null===a||void 0===a?void 0:a.Name)||"Planting"}),(0,i.jsxs)(r.Z,{size:"small",className:"overflow-x-scroll",children:[(0,i.jsx)("div",{className:"flex justify-between items-center pr-4",children:(0,i.jsx)(s.m,{className:"mx-4 mt-2",tabs:c,onChange:n=>{if(n===e)return;const t=c.find((e=>e.value===n));t&&d.push(null===t||void 0===t?void 0:t.path)}

1,activeTab:e,ariaLabel:"Application navigation"})}),(0,i.jsx)("div",{className:"p-4",children:t})]})]})},d=n=>{const{planting:e}=n,t=(0,a.C)(e);return(0,i.jsx)(c,{...n,planting:e,tabs:t})}},64013:function(n,e,t){"use strict";t.d(e,{C:function(){return r},z:function(){return i}});var i,o=t(27518);function r(n){return[{label:"Planting details",value:"details",path:(0,o.j$)({routeParams:{applicationId:n.ApplicationId,plantingId:n.Id}})},{label:"Monitorings",value:"monitorings",path:(0,o.Xm)({routeParams:{applicationId:n.ApplicationId,plantingId:n.Id}})},{label:"Photos",value:"photos",path:(0,o._S)({routeParams:{applicationId:n.ApplicationId,plantingId:n.Id}})}]}!function(n){n.Details="details",n.Monitorings="monitorings",n.Photos="photos"}(i||(i={}))},40013:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return m}});var i=t(85893),o=t(7515),r=t(66252),l=t(11163),s=t(67294),a=t(82950),c=t(24276),d=t(89827),u=t(80037),p=t(31644),v=t(48655),h=t(64827),f=t(64013);const g=()=>{const n=(0,l.useRouter)(),e=(0,r.x)(),[t,o]=(0,s.use

1State)(),{plantingId:g}=n.query,{data:m,loading:x}=(0,d.gJl)({fetchPolicy:"cache-and-network",variables:{id:g},onCompleted:async n=>{try{if(!n||!n.Planting)return void o(void 0);const t=(n=>({name:n.Name,plantingAssets:n.PlantingAssets.map((n=>({id:n.Id,uri:n.Uri}))),monitoringEvents:n.MonitoringEvents.map((n=>({monitoredOn:n.MonitoredOn,monitoringAssets:n.MonitoringAssets.map((n=>({id:n.Id,uri:n.Uri})))})))}))(n.Planting),i=await(0,p.PG)(e,[t]);o(i)}catch(t){(0,a.h4)({message:"Could not load planting photos",type:a.k$.error}),o(void 0)}}}),b=(0,s.useMemo)((()=>null===m||void 0===m?void 0:m.Planting),[null===m||void 0===m?void 0:m.Planting]);return b||x?(0,i.jsx)(c.T,{isLoading:x,children:(0,i.jsx)(h.h,{activeTab:f.z.Photos,planting:b,children:(0,i.jsx)(v.r,{photos:t})})}):(0,i.jsx)(u.T,{})};var m=(0,t(33712).mL)((()=>(0,i.jsx)(o.T3,{title:"Planting Photos | Admin",children:(0,i.jsx)(g,{})})))},31644:function(n,e,t){"use strict";t.d(e,{HY:function(){return v},Ll:function(){return d},PG:function(){return f},D5:function(){return h}});var i=t(71165),o=t(82729),r=t(68806);function l(){const n=(0,o._)(["\n  query generatePresignedUrl($path: String!) {\n    presignedUrl: generate_presigned_url(S3Path: $path)\n  }\n"]);return l=function(){return n},n}function s(){const n=(0,o._)(["\n  mutation generatePutObjectPresignedUrl(\n    $input: GeneratePutObjectPresignedUrlInput!\n  ) {\n    generate_put_object_presigned_url(input: $input) {\n      S3Key\n      SignedUrl\n    }\n  }\n"]);return s=function(){return n},n}const a=(0,r.Ps)(l());(0,r.Ps)(s());var c=t(73967);async function d(n,e,t){return Promise.all(e.map((e=>async function(n,e,t){const o=t?"".concat(i.env.NEXT_PUBLIC_ASSETS_DOMAIN,"/").concat(e.Uri):"";if(!o){const{data:t}=await n({query:a,variables:{path:e.Uri}});return{Id:e.Id,FileName:e.FileName,Uri:t.presignedUrl}}return{Id:e.Id,Uri:o,FileName:e.FileName}}(n,e,t))))}const u=n=>"Id"in n,p=(n,e)=>u(n)&&u(e)?n.Id===e.Id:n.name===e.name;function v(n,e){return n.filter((n=>!e.find((e=>p(n,e)))))}const h=n=>{const e=[n.cover];return n.monitorings&&e.push(...n.monitorings.flatMap((n=>n.photos.map((n=>null===n||void 0===n?void 0:n.Uri))))),n.plantings&&e.push(...n.plantings.flatMap((n=>n.photos.map((n=>null===n||void 0===n?void 0:n.Uri))))),n.project&&e.push(...n.project.map((n=>null===n||void 0===n?void 0:n.Uri))),e.filter((n=>"string"===typeof n))};async function f(n,e){const t=e.flatMap((n=>n.plantingAssets.filter((n=>!!n.uri)).map((n=>({Id:n.id,Uri:n.uri}))))),i=e.flatMap((n=>n.monitoringEvents.flatMap((n=>n.monitoringAssets.filter((n=>!!n.uri)).map((n=>({Id:n.id,Uri:n.uri}))))))),o=await d(n.query,[...t,...i]);return{plantings:e.map((n=>({title:n.name,photos:o.filter((e=>-1!==n.plantingAssets.findIndex((n=>n.id===(null===e||void 0===e?void 0:e.Id)))))}))),monitorings:e.flatMap((n=>n.monitoringEvents.map((n=>({title:(0,c.p6)({date:n.monitoredOn,format:"DD MMM YYYY",isUtc:!0}),photos:o.filter((e=>-1!==n.monitoringAssets.findIndex((n=>n.id===(null===e||void 0===e?void 0:e.Id)))))}))))).filter((n=>n.photos.length))}}},33712:function(n,e,t){"use strict";t.d(e,{Wb:function(){return u},hN:function(){return v},j_:function(){return h},mL:function(){return p}});var i=t(85893),o=t(88100),r=t(11163),l=t(67294),s=t(13508),a=t(53719),c=t(33441),d=t(27518);const u=n=>function(){const{isLoading:e,isStaff:t}=(0,s.a)(),a=(0,r.useRouter)();(0,l.useEffect)((()=>{e||t||a.replace(d.$x)}),[t,e]);const u=(0,o.u3)(n,{onRedirecting:c.F});return(0,i.jsx)(u,{})},p=n=>function(){const{isLoading:e,isAdvisor:t,isStaff:a}=(0,s.a)(),u=(0,r.useRouter)();(0,l.useEffect)((()=>{e||t||a||u.replace(d.$x)}),[t,a,e]);const p=(0,o.u3)(n,{onRedirecting:c.F});return(0,i.jsx)(p,{})},v=(n,e)=>(0,o.u3)(n,{onRedirecting:c.F,...e}),h=n=>function(){const{user:e,isLoading:t}=(0,a.a)(),o=(0,r.useRouter)(),s=(0,l.useMemo)((()=>!t&&e&&!(null===e||void 0===e?void 0:e.Account)),[e,t]);return(0,l.useEffect)((()=>{s&&o.replace({pathname:(0,d.Yh)(),query:{returnTo:o.asPath}})}),[s,o]),t||s?null:(0,i.jsx)(n,{})}}},function(n){n.O(0,[5970,509,1255,5666,1317,2888,9774,179],(function(){return e=63110,n(n.s=e);var e}));var e=n.O();_N_E=e}]);
2//# sourceMappingURL=photos-14017a1020db8eae.js.map