https://hok-deploy.vercel.app/_next/static/chunks/pages/merch/[slug]-c3e17f20633337f30474.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[556],{7316:function(e){e.exports=function(e,t){if(null==e)return{};var i,n,o={},r=Object.keys(e);for(n=0;n<r.length;n++)i=r[n],t.indexOf(i)>=0||(o[i]=e[i]);return o}},4406:function(e,t,i){"use strict";var n=i(5893),o=i(2834),r=i(6573),s=i(6616),a=i(8168),c=i(8137),l=i(9275),d=i(1020),u=i(7385),p=i(4276),f=i(6339),h=i(7976),m=i.n(h);t.Z=function(e){return(0,n.jsxs)("div",{className:m().mainfield,children:[(0,n.jsx)(o.Z,{title:e.title,url:"https://hok-deploy.vercel.app/".concat(e.scope,"/").concat(e.slug),children:(0,n.jsx)(l.Z,{lightingColor:"white",size:20,round:!0})}),(0,n.jsx)(r.Z,{title:e.title,url:"https://hok-deploy.vercel.app/".concat(e.scope,"/").concat(e.slug),children:(0,n.jsx)(d.Z,{lightingColor:"white",size:20,round:!0})}),(0,n.jsx)(s.Z,{title:e.title,url:"https://hok-deploy.vercel.app/".concat(e.scope,"/").concat(e.slug),children:(0,n.jsx)(u.Z,{lightingColor:"white",size:20,round:!0})}),(0,n.jsx)(a.Z,{title:e.title,url:"https://hok-deploy.vercel.app/".concat(e.scope,"/").concat(e.slug),children:(0,n.jsx)(p.Z,{lightingColor:"white",size:20,round:!0})}),(0,n.jsx)(c.Z,{title:e.title,url:"https://hok-deploy.vercel.app/".concat(e.scope,"/").concat(e.slug),children:(0,n.jsx)(f.Z,{lightingColor:"white",size:20,round:!0})})]})}},1530:function(e,t,i){"use strict";var n=i(5503);i(3759),i(6690),i(7650),i(9140);try{n.Z.initializeApp({apiKey:"AIzaSyB0Ej0mUtKkDzZep2Trq10UPZ3hrocQ57M",authDomain:"nextjslearning-cg.firebaseapp.com",projectId:"nextjslearning-cg",storageBucket:"nextjslearning-cg.appspot.com",messagingSenderId:"700187338354",appId:"1:700187338354:web:aa9d292fb87e61913604eb",measurementId:"G-R3YHT6DXSZ"})}catch(o){/already exists/.test(o.message)||console.error("Firebase initialization error",o.stack)}t.Z=n.Z},6255:function(e,t,i){"use strict";var n=i(3038),o=i(319),r=i(5318);t.default=function(e){var t=e.src,i=e.sizes,o=e.unoptimized,r=void 0!==o&&o,u=e.priority,f=void 0!==u&&u,h=e.loading,m=e.className,g=e.quality,v=e.width,y=e.height,b=e.objectFit,k=e.objectPosition,z=e.loader,S=void 0===z?j:z,A=e.placeholder,I=void 0===A?"empty":A,E=e.blurDataURL,N=(0,s.default)(e,["src","sizes","unoptimized","priority","loading","className","quality","width","height","objectFit","objectPosition","loader","placeholder","blurDataURL"]),Z=i?"responsive":"intrinsic",C=!1;"unsized"in N?(C=Boolean(N.unsized),delete N.unsized):"layout"in N&&(N.layout&&(Z=N.layout),delete N.layout);x||(I="empty");0;var q=!f&&("lazy"===h||"undefined"===typeof h);t&&t.startsWith("data:")&&(r=!0,q=!1);var D,R,B,L=(0,p.useIntersection)({rootMargin:"200px",disabled:!q}),P=n(L,2),O=P[0],U=P[1],M=!q||U,W=_(v),F=_(y),T=_(g),V=W&&F&&W*F<5e3,H="blur"===I&&!V,K=(0,a.default)({position:"absolute",top:0,left:0,bottom:0,right:0,boxSizing:"border-box",padding:0,border:"none",margin:"auto",display:"block",width:0,height:0,minWidth:"100%",maxWidth:"100%",minHeight:"100%",maxHeight:"100%",objectFit:b,objectPosition:k},H?{backgroundSize:"cover",backgroundImage:'url("'.concat(E,'")')}:void 0);if("undefined"!==typeof W&&"undefined"!==typeof F&&"fill"!==Z){var G=F/W,Q=isNaN(G)?"100%":"".concat(100*G,"%");"responsive"===Z?(D={display:"block",overflow:"hidden",position:"relative",boxSizing:"border-box",margin:0},R={display:"block",boxSizing:"border-box",paddingTop:Q}):"intrinsic"===Z?(D={display:"inline-block",maxWidth:"100%",overflow:"hidden",position:"relative",boxSizing:"border-box",margin:0},R={boxSizing:"border-box",display:"block",maxWidth:"100%"},B='<svg width="'.concat(W,'" height="').concat(F,'" xmlns="http://www.w3.org/2000/svg" version="1.1"/>')):"fixed"===Z&&(D={overflow:"hidden",boxSizing:"border-box",display:"inline-block",position:"relative",width:W,height:F})}else"undefined"===typeof W&&"undefined"===typeof F&&"fill"===Z&&(D={display:"block",overflow:"hidden",position:"absolute",top:0,left:0,bottom:0,right:0,boxSizing:"border-box",margin:0});var Y={src:"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",srcSet:void 0,sizes:void 0};M&&(Y=w({src:t,unoptimized:r,layout:Z,width:W,quality:T,sizes:i,loader:S}));C&&(D=void 0,R=void 0,K=void 0);return c.default.createElement("div",{style:D},R?c.default.createElement("div",{style:R},B?c.default.createElement("img",{style:{maxWidth:"100%",display:"block",margin:0,border:"none",padding:0},alt:"","aria-hidden":!0,role:"presentation",src:"data:image/svg+xml;base64,".concat((0,d.toBase64)(B))}):null):null,!M&&c.default.createElement("noscript",null,c.default.createElement("img",Object.assign({},N,w({src:t,unoptimized:r,layout:Z,width:W,quality:T,sizes:i,loader:S}),{src:t,decoding:"async",sizes:i,style:K,className:m}))),c.default.createElement("img",Object.assign({},N,Y,{decoding:"async",className:m,ref:function(e){O(e),function(e,t){"blur"===t&&e&&(e.complete?e.style.backgroundImage="none":e.onload=function(){e.style.backgroundImage="none"})}(e,I)},style:K})),f?c.default.createElement(l.default,null,c.default.createElement("link",{key:"__nimg-"+Y.src+Y.srcSet+Y.sizes,rel:"preload",as:"image",href:Y.srcSet?void 0:Y.src,imagesrcset:Y.srcSet,imagesizes:Y.sizes})):null)};var s=r(i(7316)),a=r(i(7154)),c=r(i(7294)),l=r(i(7947)),d=i(7239),u=i(5174),p=i(5749);var f=new Map([["imgix",function(e){var t=e.root,i=e.src,n=e.width,o=e.quality,r=["auto=format","fit=max","w="+n],s="";o&&r.push("q="+o);r.length&&(s="?"+r.join("&"));return"".concat(t).concat(k(i)).concat(s)}],["cloudinary",function(e){var t=e.root,i=e.src,n=e.width,o=e.quality,r=["f_auto","c_limit","w_"+n,"q_"+(o||"auto")].join(",")+"/";return"".concat(t).concat(r).concat(k(i))}],["akamai",function(e){var t=e.root,i=e.src,n=e.width;return"".concat(t).concat(k(i),"?imwidth=").concat(n)}],["default",function(e){var t=e.root,i=e.src,n=e.width,o=e.quality;0;return"".concat(t,"?url=").concat(encodeURIComponent(i),"&w=").concat(n,"&q=").concat(o||75)}]]),h={deviceSizes:[640,750,828,1080,1200,1920,2048,3840],imageSizes:[16,32,48,64,96,128,256,384],path:"/_next/image",loader:"default",enableBlurryPlaceholder:!1}||u.imageConfigDefault,m=h.deviceSizes,g=h.imageSizes,v=h.loader,y=h.path,x=(h.domains,h.enableBlurryPlaceholder),b=[].concat(o(m),o(g));function w(e){var t=e.src,i=e.unoptimized,n=e.layout,r=e.width,s=e.quality,a=e.sizes,c=e.loader;if(i)return{src:t,srcSet:void 0,sizes:void 0};var l=function(e,t,i){if(i&&("fill"===t||"responsive"===t)){for(var n,r=/(^|\s)(1?\d?\d)vw/g,s=[];n=r.exec(i);n)s.push(parseInt(n[2]));if(s.length){var a=.01*Math.min.apply(Math,s);return{widths:b.filter((function(e){return e>=m[0]*a}

1)),kind:"w"}}return{widths:b,kind:"w"}}return"number"!==typeof e||"fill"===t||"responsive"===t?{widths:m,kind:"w"}:{widths:o(new Set([e,2*e].map((function(e){return b.find((function(t){return t>=e}))||b[b.length-1]})))),kind:"x"}}(r,n,a),d=l.widths,u=l.kind,p=d.length-1;return{sizes:a||"w"!==u?a:"100vw",srcSet:d.map((function(e,i){return"".concat(c({src:t,quality:s,width:e})," ").concat("w"===u?e:i+1).concat(u)})).join(", "),src:c({src:t,quality:s,width:d[p]})}}function _(e){return"number"===typeof e?e:"string"===typeof e?parseInt(e,10):void 0}function j(e){var t=f.get(v);if(t)return t((0,a.default)({root:y},e));throw new Error('Unknown "loader" found in "next.config.js". Expected: '.concat(u.VALID_LOADERS.join(", "),". Received: ").concat(v))}function k(e){return"/"===e[0]?e.slice(1):e}m.sort((function(e,t){return e-t})),b.sort((function(e,t){return e-t}))},7239:function(e,t){"use strict";t.__esModule=!0,t.toBase64=function(e){return window.btoa(e)}},8158:function(e,t,i){"use strict";i.r(t),i.d(t,{__N_SSG:function(){return x}});var n=i(5893),o=i(7757),r=i.n(o),s=i(2137),a=i(1530),c=i(7521),l=i.n(c),d=i(9008),u=i(9669),p=i.n(u),f=i(1163),h=i(7294),m=i(4129),g=i(5675),v=i(4406),y=a.Z.firestore(),x=!0;t.default=function(e){var t=e.datasets,i=(0,f.useRouter)().query.slug,o=(0,h.useState)(),c=o[0],u=o[1],x=(0,h.useState)(),b=x[0],w=x[1],_=(0,h.useState)(""),j=_[0],k=_[1];(0,h.useEffect)((function(){a.Z.auth().onAuthStateChanged((function(e){e?(console.log(e),w(e)):console.log("No user")}))}),[]),(0,h.useEffect)((function(){i&&y.collection("product_comment").where("for","==",i).orderBy("timestamp","desc").onSnapshot((function(e){var t=[];e.forEach((function(e){t.push(e)})),u(t)}))}),[i]);var z=function(){var e=(0,s.Z)(r().mark((function e(i){return r().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:i.preventDefault(),y.collection("product_comment").doc().set({for:t.sys.id,comment:j,userId:b.uid,displayName:b.displayName,photoURL:b.photoURL,timestamp:a.Z.firestore.FieldValue.serverTimestamp()}).then((function(){console.log("Document successfully written!"),k("")})).catch((function(e){console.error("Error writing document: ",e)}));case 2:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}(),S=(0,h.useState)(),A=S[0],I=S[1],E=function(){var e=(0,s.Z)(r().mark((function e(t){return r().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:b?(I("Your request is being processed... Just wait a few seconds..."),Z()):I("Your mst be logged in to book this product...");case 1:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}();function N(e){return new Promise((function(t){var i=document.createElement("script");i.src=e,i.onload=function(){t(!0)},i.onerror=function(){t(!1)},document.body.appendChild(i)}))}function Z(){return C.apply(this,arguments)}function C(){return(C=(0,s.Z)(r().mark((function e(){var i,n,o;return r().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,N("https://checkout.razorpay.com/v1/checkout.js");case 2:if(e.sent){e.next=6;break}return console.log("Razorpay SDK failed to load. Are you online?"),e.abrupt("return");case 6:return e.next=8,p().post("/api/createOrder",{productId:t.fields.productId,productName:t.fields.title,productDocId:t.sys.id,productImage:"https:"+t.fields.image.fields.file.url,userId:b.uid,userEmail:b.email,userName:b.displayName,userImage:b.photoURL,price:t.fields.bookingPrice,receipt:t.fields.productId});case 8:if(i=e.sent){e.next=12;break}return console.log("Server error. Are you online?"),e.abrupt("return");case 12:n={callback_url:"/api/orderverify",redirect:!0,key:"rzp_live_gW00ZhprmpoGSy",amount:i.data.amount,currency:"INR",name:t.fields.title,description:t.fields.productId,image:"/favicon.ico",order_id:i.data.order_id,handler:function(){var e=(0,s.Z)(r().mark((function e(t){return r().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:console.log(t);case 1:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}(),prefill:{name:b.displayName,email:b.email,contact:"+91"},notes:{address:b.email},theme:{color:"#e91e63"}},(o=new Razorpay(n)).on("payment.failed",(function(e){console.log(e)})),o.open();case 16:case"end":return e.stop()}}),e)})))).apply(this,arguments)}return(0,n.jsxs)("main",{children:[(0,n.jsxs)(d.default,{children:[(0,n.jsxs)("title",{children:["#HOK! | ",t&&t.fields.title]}),(0,n.jsx)("link",{rel:"icon",href:"/favicon.ico"})]}),t&&(0,n.jsxs)("article",{className:l().productlisting,children:[(0,n.jsx)(g.default,{src:"https:"+t.fields.image.fields.file.url,width:"600px",height:"600px",alt:t.fields.image.fields.title}),(0,n.jsxs)("div",{children:[(0,n.jsx)("h1",{children:t.fields.title}),(0,n.jsx)("div",{children:(0,m.h)(t.fields.description)}),t&&(0,n.jsx)(v.Z,{title:t.fields.title,scope:"merch",slug:i}),(0,n.jsx)("h3",{children:(0,n.jsxs)("strong",{children:["\u20b9",t.fields.price]})}),t.fields.customizable&&(0,n.jsx)("h6",{children:"Custom Made"}),A&&(0,n.jsx)("p",{children:A}),(0,n.jsxs)("button",{className:l().buttonbuy,onClick:function(){return E("abc")},children:["Book it with ",(0,n.jsxs)("strong",{children:["\u20b9",t.fields.bookingPrice]})]})]})]}),b&&(0,n.jsxs)("section",{children:[(0,n.jsx)("div",{className:l().commentInputSect,children:(0,n.jsxs)("div",{children:[(0,n.jsx)("h1",{children:"Comments"}),(0,n.jsxs)("form",{onSubmit:z,children:[(0,n.jsx)("input",{required:!0,type:"text",placeholder:"Write Your Comment",value:j,onChange:function(e){return k(e.target.value)}}),(0,n.jsx)("button",{children:"Comment"})]})]})}),(0,n.jsx)("div",{children:c&&c.map((function(e){return(0,n.jsxs)("div",{className:l().showComments,children:[(0,n.jsx)("img",{src:e.data().photoURL,alt:e.id}),(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:e.data().displayName}),(0,n.jsx)("p",{children:e.data().comment})]})]},e.id)}))})]})]})}},5141:function(e,t,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/merch/[slug]",function(){return i(8158)}])},7976:function(e){e.exports={mainfield:"socialshare_mainfield__3wmSJ"}},7521:function(e){e.exports={commentInputSect:"tours_indi_commentInputSect__Klzqg",showComments:"tours_indi_showComments__3QQU9",productlisting:"tours_indi_productlisting__1ds80",suceesstoursprodimg:"tours_indi_suceesstoursprodimg__2c4Vl",buttonbuy:"tours_indi_buttonbuy__3CzEd",uploadStatus:"tours_indi_uploadStatus__39iFt",creators_blog:"tours_indi_creators_blog__1wVqx"}},5174:function(e,t){"use strict";t.__esModule=!0,t.imageConfigDefault=t.VALID_LOADERS=void 0;t.VALID_LOADERS=["default","imgix","cloudinary","akamai"];t.imageConfigDefault={deviceSizes:[640,750,828,1080,1200,1920,2048,3840],imageSizes:[16,32,48,64,96,128,256,384],path:"/_next/image",loader:"default",domains:[],enableBlurryPlaceholder:!1}},5675:function(e,t,i){e.exports=i(6255)}},function(e){e.O(0,[640,834,757,693,129,657,774,888,179],(function(){return t=5141,e(e.s=t);var t}));var t=e.O();_N_E=t}]);