https://cosmic-nextjs-marketplace.vercel.app/_next/static/chunks/pages/upload-details-2fe3a4b5e18e5edf.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[802],{9411:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/upload-details",function(){return n(3352)}])},6759:function(e,t,n){"use strict";var i=n(2086),a=n(3236),s=n(9803),r=n.n(s),l=n(5554),o=n(8126),c=n.n(o),d=n(9430);function u(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}t.Z=function(e){var t=e.className,n=e.value,s=e.setValue,o=e.options,p=(0,a.useState)(!1),_=p[0],v=p[1];return(0,i.jsx)(l.default,{onOutsideClick:function(){return v(!1)},children:(0,i.jsxs)("div",{className:r()(c().dropdown,t,u({},c().active,_)),children:[(0,i.jsxs)("div",{className:c().head,onClick:function(){return v(!_)},children:[(0,i.jsx)("div",{className:c().selection,children:n}),(0,i.jsx)("div",{className:c().arrow,children:(0,i.jsx)(d.Z,{name:"arrow-bottom",size:"10"})})]}),(0,i.jsx)("div",{className:c().body,children:o.map((function(e,t){return(0,i.jsx)("div",{className:r()(c().option,u({},c().selectioned,e===n)),onClick:function(){return s(e),void v(!1)},children:e},t)}))})]})})}},3352:function(e,t,n){"use strict";n.r(t),n.d(t,{__N_SSP:function(){return G},default:function(){return q}});var i=n(7074),a=n.n(i),s=n(2086),r=n(3236),l=n(9803),o=n.n(l),c=n(9096),d=n(257),u=n(2864),p=n(436),_=n(6759),v=n(9430),f=n(1946),m=n.n(f);function h(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function x(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},i=Object.keys(n);"function"===typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),i.forEach((function(t){h(e,t,n[t])}))}return e}function j(e,t){if(null==e)return{};var n,i,a=function(e,t){if(null==e)return{};var n,i,a={},s=Object.keys(e);for(i=0;i<s.length;i++)n=s[i],t.indexOf(n)>=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(i=0;i<s.length;i++)n=s[i],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var b=function(e){var t=e.className,n=e.label,i=j(e,["className","label"]);return(0,s.jsxs)("div",{className:o()(m().field,t),children:[n&&(0,s.jsx)("div",{className:m().label,children:n}),(0,s.jsx)("div",{className:m().wrap,children:(0,s.jsx)("input",x({className:m().input},i))})]})},w=n(4277),N=n(8414),y=n(2398),g=n(4316),P=n(4005),C=n.n(P),D=function(e){var t=e.className,n=e.onClose,i=e.info,a=e.image;return(0,s.jsx)("div",{className:o()(t,C().wrap),children:(0,s.jsxs)("div",{className:C().inner,children:[(0,s.jsx)("button",{className:C().close,onClick:n,children:(0,s.jsx)(v.Z,{name:"close",size:"14"})}),(0,s.jsx)("div",{className:C().info,children:"Preview"}),(0,s.jsxs)("div",{className:C().card,children:[(0,s.jsx)("div",{className:C().preview,children:(0,s.jsx)(g.Z,{size:{width:"100%",height:"100%"},srcSet:a||"/images/content/upload-pic.jpg",src:a||"/images/content/upload-pic.jpg",alt:"Card",objectFit:"cover"})}),(0,s.jsxs)("div",{className:C().link,children:[(0,s.jsxs)("div",{className:C().body,children:[(0,s.jsxs)("div",{className:C().line,children:[(0,s.jsx)("div",{className:C().title,children:null===i||void 0===i?void 0:i.title}),(0,s.jsxs)("div",{className:C().price,children:["$",null===i||void 0===i?void 0:i.price]})]}),(0,s.jsx)("div",{className:C().line,children:(0,s.jsxs)("div",{className:C().counter,children:[null===i||void 0===i?void 0:i.count," in stock"]})})]}),(0,s.jsxs)("div",{className:C().foot,children:[(0,s.jsxs)("div",{className:C().status,children:[(0,s.jsx)(v.Z,{name:"candlesticks-up",size:"20"}),"Price ",(0,s.jsxs)("span",{children:[null===i||void 0===i?void 0:i.price," $"]})]}),(0,s.jsxs)("div",{className:C().bid,children:["New item",(0,s.jsx)("span",{role:"img","aria-label":"fire",children:"\ud83d\udd25"})]})]})]})]})]})})},O=n(9974),U=n.n(O),k=function(e){e.className;var t,n=e.items,i=e.handleChoose,a=e.category;return(0,s.jsx)("div",{className:U().cards,children:n&&(null===(t=Object.entries(n))||void 0===t?void 0:t.map((function(e,t){return(0,s.jsxs)("div",{className:o()(U().card,e[0]===a&&U().active),onClick:function(){return i(e[0])},children:[(0,s.jsx)("div",{className:U().plus,children:(0,s.jsx)(v.Z,{name:"plus",size:"24"})}),(0,s.jsx)("div",{className:U().subtitle,children:e[1]})]},t)})))})},S=n(8384),Z={title:"",count:"",description:"",price:""},T=n(8363),E=n(6037),F=n.n(E),z=n(1520);function I(e,t,n,i,a,s,r){try{var l=e[s](r),o=l.value}catch(c){return void n(c)}l.done?t(o):Promise.resolve(o).then(i,a)}function A(e){return function(){var t=this,n=arguments;return new Promise((function(i,a){var s=e.apply(t,n);function r(e){I(s,i,a,r,l,"next",e)}function l(e){I(s,i,a,r,l,"throw",e)}r(void 0)}))}}function M(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var G=!0,q=function(e){var t,n=e.navigationItems,i=e.categoriesType,l=(0,u.F)(),f=l.categories,m=l.navigation,h=l.cosmicUser,x=(0,d.useRouter)().push,j=(0,r.useState)(S.JY[1]),g=j[0],P=j[1],C=(0,r.useState)(""),O=C[0],U=C[1],E=(0,r.useState)(""),I=E[0],G=E[1],q=(0,r.useState)(""),B=q[0],J=q[1],Y=(0,r.useState)(!1),R=Y[0],H=Y[1],V=(0,r.useState)((function(){return Z})),W=V[0],X=W.title,Q=W.count,L=W.description,$=W.price,K=V[1],ee=(0,r.useState)(!1),te=ee[0],ne=ee[1],ie=(0,r.useState)(!1),ae=ie[0],se=ie[1];(0,r.useEffect)((function(){var e=!0,t=(0,T.LP)();return!e||(null===h||void 0===h?void 0:h.hasOwnProperty("id"))||(null===t||void 0===t?void 0:t.hasOwnProperty("id"))||ne(!0),function(){e=!1}}),[h]);var re=function(){var e=A(a().mark((function e(t){var n,i,s;return a().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return(n=new FormData).append("file",t),e.next=4,fetch("/api/upload",{method:"POST",body:n});case 4:return i=e.sent,e.next=7,i.json();case 7:return s=e.sent,e.next=10,U(null===s||void 0===s?void 0:s.media);case 10:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}(),le=(0,r.useCallback)(function(){var e=A(a().mark((function e(t){return a().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!h.hasOwnProperty("id")&&ne(!0),t||(null===t||void 0===t?void 0:t.hasOwnProperty("id"))){e.

1next=3;break}return e.abrupt("return");case 3:if(e.t0=t&&I,!e.t0){e.next=7;break}return e.next=7,re(I);case 7:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}(),[h,I]),oe=function(){var e=A(a().mark((function e(t){return a().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:G(t.target.files[0]),(null===h||void 0===h?void 0:h.hasOwnProperty("id"))?re(t.target.files[0]):le();case 2:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}(),ce=function(e){var t=e.target,n=t.name,i=t.value;return K((function(e){return function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},i=Object.keys(n);"function"===typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),i.forEach((function(t){M(e,t,n[t])}))}return e}({},e,M({},n,i))}))},de=(0,r.useCallback)((function(e){J(e)}),[]),ue=(0,r.useCallback)((function(){X&&Q&&$&&O?(R&&H(!1),se(!0)):H(!0)}),[Q,R,$,X,O]),pe=(0,r.useCallback)(function(){var e=A(a().mark((function e(t){var n,i;return a().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(t.preventDefault(),!h.hasOwnProperty("id")&&le(),!(h&&X&&g&&Q&&$&&O)){e.next=13;break}return R&&H(!1),e.next=6,fetch("/api/create",{method:"POST",headers:{Accept:"application/json","Content-Type":"application/json"},body:JSON.stringify({title:X,description:L,price:$,count:Q,color:g,categories:[B],image:O.name})});case 6:return n=e.sent,e.next=9,n.json();case 9:(i=e.sent).object&&(c.ZP.success("Successfully created ".concat(i.object.title," item"),{position:"bottom-right"}),x("item/".concat(i.object.slug))),e.next=14;break;case 13:H(!0);case 14:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}(),[B,g,h,Q,L,R,le,$,x,X,O]);return(0,s.jsxs)(p.Z,{navigationPaths:(null===(t=n[0])||void 0===t?void 0:t.metadata)||m,children:[(0,s.jsx)(z.V,{title:"Create Item | uNFT Marketplace",description:"uNFT Marketplace built with Cosmic CMS, Next.js, and the Stripe API"}),(0,s.jsx)("div",{className:o()("section",F().section),children:(0,s.jsxs)("div",{className:o()("container",F().container),children:[(0,s.jsxs)("div",{className:F().wrapper,children:[(0,s.jsx)("div",{className:F().head,children:(0,s.jsx)("div",{className:o()("h2",F().title),children:"Create single collectible"})}),(0,s.jsxs)("form",{className:F().form,action:"",onSubmit:pe,children:[(0,s.jsxs)("div",{className:F().list,children:[(0,s.jsxs)("div",{className:F().item,children:[(0,s.jsx)("div",{className:F().category,children:"Upload file"}),(0,s.jsx)("div",{className:F().note,children:"Drag or choose your file to upload"}),(0,s.jsxs)("div",{className:F().file,children:[(0,s.jsx)("input",{className:F().load,type:"file",onChange:oe}),(0,s.jsx)("div",{className:F().icon,children:(0,s.jsx)(v.Z,{name:"upload-file",size:"24"})}),(0,s.jsx)("div",{className:F().format,children:"PNG, GIF, WEBP, MP4 or MP3. Max 1Gb."})]})]}),(0,s.jsxs)("div",{className:F().item,children:[(0,s.jsx)("div",{className:F().category,children:"Item Details"}),(0,s.jsxs)("div",{className:F().fieldset,children:[(0,s.jsx)(b,{className:F().field,label:"Item title",name:"title",type:"text",placeholder:"e. g. Readable Title",onChange:ce,value:X,required:!0}),(0,s.jsx)(b,{className:F().field,label:"Description",name:"description",type:"text",placeholder:"e. g. Description",onChange:ce,value:L,required:!0}),(0,s.jsxs)("div",{className:F().row,children:[(0,s.jsx)("div",{className:F().col,children:(0,s.jsxs)("div",{className:F().field,children:[(0,s.jsx)("div",{className:F().label,children:"Colors"}),(0,s.jsx)(_.Z,{className:F().dropdown,value:g,setValue:P,options:S.JY})]})}),(0,s.jsx)("div",{className:F().col,children:(0,s.jsx)(b,{className:F().field,label:"Price",name:"price",type:"text",placeholder:"e. g. Price",onChange:ce,value:$,required:!0})}),(0,s.jsx)("div",{className:F().col,children:(0,s.jsx)(b,{className:F().field,label:"Count",name:"count",type:"text",placeholder:"e. g. Count",onChange:ce,value:Q,required:!0})})]})]})]})]}),(0,s.jsxs)("div",{className:F().options,children:[(0,s.jsx)("div",{className:F().category,children:"Choose collection"}),(0,s.jsx)("div",{className:F().text,children:"Choose an exiting Categories"}),(0,s.jsx)(k,{className:F().cards,category:B,handleChoose:de,items:i||f.type})]}),(0,s.jsxs)("div",{className:F().foot,children:[(0,s.jsx)("button",{className:o()("button-stroke tablet-show",F().button),onClick:ue,type:"button",children:"Preview"}),(0,s.jsxs)("button",{className:o()("button",F().button),onClick:pe,type:"submit",children:[(0,s.jsx)("span",{children:"Create item"}),(0,s.jsx)(v.Z,{name:"arrow-next",size:"10"})]}),R&&(0,s.jsxs)("div",{className:F().saving,children:[(0,s.jsx)("span",{children:"Please fill all fields"}),(0,s.jsx)(w.Z,{className:F().loader})]})]})]})]}),(0,s.jsx)(D,{className:o()(F().preview,M({},F().active,ae)),info:{title:X,color:g,count:Q,description:L,price:$},image:null===O||void 0===O?void 0:O.imgix_url,onClose:function(){return se(!1)}})]})}),(0,s.jsx)(N.Z,{visible:te,disable:!(null===h||void 0===h?void 0:h.hasOwnProperty("id")),onClose:function(){return ne(!1)},children:(0,s.jsx)(y.Z,{className:F().steps,handleOAuth:le,handleClose:function(){return ne(!1)},disable:!(null===h||void 0===h?void 0:h.hasOwnProperty("id"))})})]})}},8126:function(e){e.exports={dropdown:"Dropdown_dropdown__WNrOh",active:"Dropdown_active__B0q13",head:"Dropdown_head__55t

1Xt",arrow:"Dropdown_arrow__u3pvy",body:"Dropdown_body__RHAAE",selection:"Dropdown_selection__po9wx",option:"Dropdown_option__mQgWA",selectioned:"Dropdown_selectioned__oDCzu"}},1946:function(e){e.exports={label:"TextInput_label__HAr4X",input:"TextInput_input__3yt9Z"}},9974:function(e){e.exports={category:"Cards_category__115n_",text:"Cards_text__9fbFS",cards:"Cards_cards__YzPGC",active:"Cards_active__uf5z0",card:"Cards_card__I8rnD",plus:"Cards_plus__NQTEB"}},4005:function(e){e.exports={inner:"Preview_inner__OqoBf",close:"Preview_close__BLhfs",info:"Preview_info__xg3_M",preview:"Preview_preview__UuQUr",link:"Preview_link__3rb7o",line:"Preview_line__mpZJn",title:"Preview_title__8I5up",price:"Preview_price__rh0Zz",counter:"Preview_counter__dZVlh",users:"Preview_users__nZJFN",avatar:"Preview_avatar__F_evB",foot:"Preview_foot__YgXWo",status:"Preview_status__2HnDn",clear:"Preview_clear__SqfU5"}},6037:function(e){e.exports={section:"UploadDetails_section__7r_cv",container:"UploadDetails_container__feMxE",wrapper:"UploadDetails_wrapper__Yhl__",preview:"UploadDetails_preview__1OGdm",active:"UploadDetails_active__F2Z4k",head:"UploadDetails_head__cFUt9",button:"UploadDetails_button__kCm_K",title:"UploadDetails_title__h26vy",list:"UploadDetails_list__pxuiF",item:"UploadDetails_item__57gTb",note:"UploadDetails_note__aUfRs",file:"UploadDetails_file__PuUTY",load:"UploadDetails_load__swkUg",icon:"UploadDetails_icon__2sj_Q",format:"UploadDetails_format__V6BJy",category:"UploadDetails_category__CthML",fieldset:"UploadDetails_fieldset__7HNA5",field:"UploadDetails_field__sJoy5",label:"UploadDetails_label__9_FrT",row:"UploadDetails_row__oEU5d",col:"UploadDetails_col__hswAG",options:"UploadDetails_options__N3_8b",option:"UploadDetails_option__O_GC_",box:"UploadDetails_box__OlpaU",switch:"UploadDetails_switch__i9eGv",text:"UploadDetails_text__Y7RA_",foot:"UploadDetails_foot__7Foxt",saving:"UploadDetails_saving__d4jdr",loader:"UploadDetails_loader__aRHW0"}}},function(e){e.O(0,[293,436,774,888,179],(function(){return t=9411,e(e.s=t);var t}));var t=e.O();_N_E=t}]);