https://capstone-project-activity-app-n6qr.vercel.app/_next/static…/activities/create-98043728f2b64667.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[136],{4706:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/activities/create",function(){return e(327)}])},5804:function(n,t,e){"use strict";e.d(t,{Z:function(){return w}});var r=e(2729),i=e(5893),a=e(5494),o=e(7294),c=e(1163),d=e(8795),l=e(1686),s=e(5675),u=e.n(s);function f(n){let{onUpload:t}=n,e=(0,o.useRef)(null),[r,a]=(0,o.useState)(!1);return(0,o.useEffect)(()=>{let n=setInterval(()=>{window.cloudinary&&(clearInterval(n),e.current=window.cloudinary.createUploadWidget({cloudName:"dvy65gcrf",uploadPreset:"activity_image_upload"},function(n,e){n||"success"!==e.event||t(e.info.secure_url)}),a(!0))},500);return()=>clearInterval(n)},[t]),(0,i.jsx)(d.S,{type:"button",$variant:"outlined",onClick:function(){e.current?e.current.open():console.error("Widget not ready yet.")},disabled:!r,children:r?"Upload Image":"Loading..."})}function p(){let n=(0,r._)(["\n  display: grid;\n  gap: var(--space-2);\n  padding: var(--space-5) var(--space-3);\n  width: 100%;\n  max-width: 500px;\n  margin: 0 auto;\n"]);return p=function(){return n},n}function v(){let n=(0,r._)(["\n  padding: var(--space-2) var(--space-2);\n  width: 100%;\n  min-width: 280px;\n  max-width: 500px;\n  font-size: var(--text-16);\n  font-family: var(--font-family);\n  border: 1px solid var(--c-dark-600);\n  border-radius: var(--radius-md);\n"]);return v=function(){return n},n}function A(){let n=(0,r._)(["\n  padding: var(--space-2) var(--space-2);\n  width: 100%;\n  min-width: 280px;\n  max-width: 500px;\n  font-size: var(--text-16);\n  font-family: var(--font-family);\n  border: 1px solid var(--c-dark-600);\n  border-radius: var(--radius-md);\n"]);return A=function(){return n},n}function h(){let n=(0,r._)(["\n  display: flex;\n  gap: var(--space-1);\n  flex-direction: column;\n  font-size: var(--text-16);\n  font-family: var(--font-family);\n  font-weight: var(--text-bold);\n  color: var(--c-dark-600);\n"]);return h=function(){return n},n}function g(){let n=(0,r._)(["\n  padding: var(--space-2) var(--space-2);\n  width: 100%;\n  min-width: 280px;\n  max-width: 500px;\n  font-size: var(--text-16);\n  font-family: var(--font-family);\n  border: 1px solid var(--c-dark-600);\n  border-radius: var(--radius-md);\n"]);return g=function(){return n},n}function x(){let n=(0,r._)(["\n  position: relative;\n  width: 100%;\n  min-width: 280px;\n  max-width: 500px;\n  padding: var(--space-2) var(--space-2);\n  margin-top: var(--space-4);\n  font-size: var(--text-16);\n  font-family: var(--font-family);\n  border: 1px solid var(--c-dark-600);\n  border-radius: var(--radius-md);\n"]);return x=function(){return n},n}function m(){let n=(0,r._)(["\n  position: absolute;\n  top: -32px;\n  left: -4px;\n  font-weight: var(--text-bold);\n"]);return m=function(){return n},n}function b(){let n=(0,r._)(["\n  width: 100%;\n  height: 200px;\n  background-color: var(--c-neutral-200);\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: var(--c-neutral-500);\n  margin: 0;\n  margin-bottom: var(--space-2);\n  border: 1px dashed var(--c-dark-600);\n  border-radius: var(--radius-md);\n"]);return b=function(){return n},n}function w(n){let{onSubmit:t,onCancel:e,inputData:r}=n;(0,c.useRouter)();let{data:l,error:s}=(0,a.ZP)("/api/categories"),[p,v]=(0,o.useState)(r||{title:"",categories:[],description:"",area:"",country:"",imageUrl:""}),[A,h]=(0,o.useState)("");if(s)return(0,i.jsx)("p",{children:"Error loading data..."});if(!l)return(0,i.jsx)("p",{children:"Loading..."});function g(n){let t;let{name:e,value:r,selectedOptions:i}=n.target;t="categories"===e?Array.from(i).map(n=>l.find(t=>t._id===n.value)):r;let a={...p,[e]:t};v(a),a.title&&0!==a.categories.length?h(""):h("Please fill in all required fields.")}return(0,i.jsx)(i.Fragment,{children:(0,i.jsxs)(y,{onSubmit:function(n){n.preventDefault();let e={...p,categories:p.categories.map(n=>n._id)};t(e)},children:[(0,i.jsxs)(C,{children:["Title*",(0,i.jsx)(j,{type:"text",name:"title",placeholder:"insert title",value:p.title,onChange:g,required:!0})]}),(0,i.jsxs)(C,{children:["Area",(0,i.jsx)(j,{type:"text",placeholder:"insert Area",name:"area",value:p.area,onChange:g})]}),(0,i.jsxs)(C,{children:["Country",(0,i.jsx)(j,{type:"text",placeholder:"insert country",name:"country",value:p.country,onChange:g})]}),(0,i.jsxs)(C,{children:["Categories*",(0,i.jsx)(_,{name:"categories",value:p.categories.map(n=>n._id),onChange:g,multiple:!0,required:!0,children:null==l?void 0:l.map(n=>(0,i.jsx)("option",{value:n._id,children:n.name},n._id))})]}),(0,i.jsxs)(C,{children:["Description",(0,i.jsx)(k,{name:"description",type:"text",placeholder:"insert description",value:p.description,onChange:g})]}),(0,i.jsxs)(z,{children:[(0,i.jsx)(I,{children:"Image"}),p.imageUrl?(0,i.jsx)(P,{children:(0,i.jsx)(u(),{src:p.imageUrl,alt:"Uploaded Preview",fill:!0,sizes:"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw",style:{objectFit:"cover"}})}):(0,i.jsx)(P,{children:(0,i.jsx)(u(),{width:39,height:39,alt:"placeholder icon",src:"/img/img-placeholder-icon.svg"})}),(0,i.jsx)(f,{onUpload:function(n){v({...p,imageUrl:n})}})]}),(0,i.jsx)("p",{children:"*required fields"}),A&&(0,i.jsx)("p",{children:A}),(0,i.jsx)(d.S,{type:"submit",disabled:!p.title||0===p.categories.length,children:r?"Edit Activity":"Add Activity"}),(0,i.jsx)(d.S,{type:"button",$variant:"outlined",onClick:e,children:"Cancel"})]})})}

1let y=l.ZP.form.withConfig({componentId:"sc-b15f82a7-0"})(p()),j=l.ZP.input.withConfig({componentId:"sc-b15f82a7-1"})(v()),k=l.ZP.textarea.withConfig({componentId:"sc-b15f82a7-2"})(A()),C=l.ZP.label.withConfig({componentId:"sc-b15f82a7-3"})(h()),_=l.ZP.select.withConfig({componentId:"sc-b15f82a7-4"})(g()),z=l.ZP.fieldset.withConfig({componentId:"sc-b15f82a7-5"})(x()),I=l.ZP.legend.withConfig({componentId:"sc-b15f82a7-6"})(m()),P=l.ZP.figure.withConfig({componentId:"sc-b15f82a7-7"})(b())},1006:function(n,t,e){"use strict";e.d(t,{Z:function(){return f}});var r=e(2729),i=e(5893),a=e(1686),o=e(5675),c=e.n(o);function d(){let n=(0,r._)(['\n  position: relative;\n  width: 100%;\n  height: 280px;\n  overflow: hidden;\n  color: var(--c-neutral-000);\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-end;\n  align-items: flex-start;\n  padding: var(--space-2);\n  &::before {\n    content: "";\n    position: absolute;\n    left: 0;\n    bottom: 0;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);\n    z-index: 1;\n    pointer-events: none;\n  }\n']);return d=function(){return n},n}function l(){let n=(0,r._)(["\n  position: absolute !important;\n  top: 0;\n  left: 0;\n  width: 100% !important;\n  height: 100% !important;\n  object-fit: cover;\n  z-index: 0;\n"]);return l=function(){return n},n}function s(){let n=(0,r._)(["\n  font-size: var(--text-32);\n  font-weight: var(--text-bold);\n  margin: 0 0 var(--space-1) 0;\n  position: relative;\n  z-index: 2;\n"]);return s=function(){return n},n}function u(){let n=(0,r._)(["\n  font-size: var(--text-20);\n  margin: 0;\n  position: relative;\n  z-index: 2;\n"]);return u=function(){return n},n}function f(n){let{title:t,subtitle:e,bgImage:r}=n;return(0,i.jsxs)(p,{children:[(0,i.jsx)(v,{src:r,alt:"Hero background",layout:"fill",objectFit:"cover",priority:!0,quality:80}),(0,i.jsx)(A,{children:t}),(0,i.jsx)(h,{children:e})]})}let p=a.ZP.header.withConfig({componentId:"sc-6d009ba-0"})(d()),v=(0,a.ZP)(c()).withConfig({componentId:"sc-6d009ba-1"})(l()),A=a.ZP.h1.withConfig({componentId:"sc-6d009ba-2"})(s()),h=a.ZP.p.withConfig({componentId:"sc-6d009ba-3"})(u())},8795:function(n,t,e){"use strict";e.d(t,{F:function(){return s},S:function(){return l}});var r=e(2729),i=e(1686),a=e(1664),o=e.n(a);function c(){let n=(0,r._)(["\n  background-color: var(--c-dark-600);\n  color: var(--c-neutral-000);\n  padding: var(--space-2) var(--space-3);\n  border-radius: var(--radius-pill);\n  border: 1px solid var(--c-dark-600);\n  text-decoration: none;\n  font-size: var(--text-20);\n  font-weight: var(--text-bold);\n  font-family: var(--font-family);\n  cursor: pointer;\n  transition: all 0.2s ease;\n  &:hover {\n    opacity: 0.9;\n  }\n  &:active {\n    transform: scale(0.98);\n  }\n  &:disabled {\n    opacity: 0.6;\n    cursor: not-allowed;\n  }\n  ","\n  ","\n"]);return c=function(){return n},n}function d(){let n=(0,r._)(["\n  margin: var(--space-5) auto 0;\n  text-align: center;\n  display: block;\n  width: fit-content;\n  text-decoration: none;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  font-weight: var(--text-bold);\n  font-size: var(--text-20);\n  padding: var(--space-3) var(--space-3);\n  border-radius: var(--radius-pill);\n  border: 3px solid var(--c-dark-600);\n  color: var(--c-dark-600);\n  background-color: white;\n  &:hover {\n    background-color: #ffe6e9;\n    color: var(--c-dark-600);\n  }\n  &:active {\n    background-color: #e5e7eb;\n  }\n  &.disabled {\n    opacity: 0.6;\n    pointer-events: none;\n  }\n"]);return d=function(){return n},n}let l=i.ZP.button.withConfig({componentId:"sc-95ebd589-0"})(c(),n=>{let{$variant:t}=n;return"outlined"===t&&"\n      background-color: var(--c-neutral-000);\n      color: var(--c-dark-600);\n      border: 1px solid var(--c-dark-600);\n      &:hover {\n        background-color: var(--c-neutral-050);\n      }\n      &:active {\n        background-color: var(--c-neutral-050);\n      }\n    "},n=>{let{$variant:t}=n;return"destructive"===t&&"\n      background-color: var(--c-red-700);\n      border: 1px solid var(--c-red-700);\n      &:hover {\n        background-color: var(--c-red-400);\n      }\n      &:active {\n        background-color: var(--c-red-400);\n      }\n    "}),s=(0,i.ZP)(o()).withConfig({componentId:"sc-95ebd589-1"})(d())},327:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return l}});var r=e(5893),i=e(5804),a=e(1006),o={src:"/_next/static/media/zermatt-skiing.41e54617.jpg",height:2496,width:3744,blurDataURL:"data:image/jpeg;base64,/9j/2wBDAAoHBwgHBgoICAgLCgoLDhgQDg0NDh0VFhEYIx8lJCIfIiEmKzcvJik0KSEiMEExNDk7Pj4+JS5ESUM8SDc9Pjv/2wBDAQoLCw4NDhwQEBw7KCIoOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozv/wAARCAAFAAgDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAP/xAAdEAACAgEFAAAAAAAAAAAAAAAAAQIDBAYRElGB/8QAFAEBAAAAAAAAAAAAAAAAAAAABf/EABkRAAIDAQAAAAAAAAAAAAAAAAACAQMhIv/aAAwDAQACEQMRAD8Ahl6SxqLW1dJ8km94+dgAXrnkPfGP/9k=",blurWidth:8,blurHeight:5},c=e(1163),d=e(7781);function l(){let n=(0,c.useRouter)();async function t(t){let e=await fetch("/api/activities",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(t)});if(!e.ok){console.error(e.status);return}await e.json(),(0,d.j)("/api/activities"),n.push("/activities")}return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(a.Z,{title:"Add a New Activity",subtitle:"Got a spark? Turn it into an experience.",bgImage:o}),(0,r.jsx)(i.Z,{onCancel:function(){n.push("/activities")},onSubmit:t})]})}},1163:function(n,t,e){n.exports=e(6885)}},function(n){n.O(0,[774,888,179],function(){return n(n.s=4706)}),_N_E=n.O()}]);