https://www.peppo.co.id/_next/static/chunks/pages/view-job/[slug]-47df501f7d272305.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[104],{17551:function(e,r,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/view-job/[slug]",function(){return t(34683)}])},8490:function(e,r,t){"use strict";var n=t(28520),a=t.n(n),s=t(85893),l=t(67294),i=t(43100),o=t(57333),c=t(10173),d=t(11163),u=t(66010);function m(e,r,t,n,a,s,l){try{var i=e[s](l),o=i.value}catch(c){return void t(c)}i.done?r(o):Promise.resolve(o).then(n,a)}function f(e){return function(){var r=this,t=arguments;return new Promise((function(n,a){var s=e.apply(r,t);function l(e){m(s,n,a,l,i,"next",e)}function i(e){m(s,n,a,l,i,"throw",e)}l(void 0)}))}}function x(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function p(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"===typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){x(e,r,t[r])}))}return e}function b(e,r){return function(e){if(Array.isArray(e))return e}(e)||function(e,r){var t=[],n=!0,a=!1,s=void 0;try{for(var l,i=e[Symbol.iterator]();!(n=(l=i.next()).done)&&(t.push(l.value),!r||t.length!==r);n=!0);}catch(o){a=!0,s=o}finally{try{n||null==i.return||i.return()}finally{if(a)throw s}}return t}(e,r)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}var h=[{value:"perjam",label:"Perjam"},{value:"harian",label:"Harian"},{value:"mingguan",label:"Mingguan"},{value:"perprojek",label:"Perproyek"}],g={control:function(e){return p({},e,{backgroundColor:"white",height:55,borderColor:"#F4F4F4",borderRadius:"0.5rem",boxShadow:"none",":hover":{borderColor:"#FCCF10"}})},option:function(e,r){var t=r.data,n=(r.isDisabled,r.isFocused,r.isSelected);return p({},e,{backgroundColor:n?"#FCCF10":"white",":active":p({},e[":active"],{backgroundColor:n?t.color:"#FEF5CF"}),":hover":p({},e[":active"],{backgroundColor:n?t.color:"#FEF5CF"})})}};r.Z=function(e){var r=e.isVisible,t=e.onModal,n=e.data,m=e.isReOffer,x=e.idOffer,v=e.idReciever,j=e.onRefreshChat,y=e.countoffer,w=e.senderId,k=e.socket,N=function(){var e={};y<=3?e={sender:w,reciever:v,id_offer:x,type:"job",price:O,per:F,description:E}:y>3&&(e={id_offer:x,reciever:v});try{k.emit("reoffer",e),j()}catch(r){u.Am.error(r.message)}},C=b(l.useState(h[0].value),2),F=C[0],P=C[1],_=b(l.useState(""),2),O=_[0],S=_[1],Z=b(l.useState(""),2),E=Z[0],R=Z[1],A=(0,d.useRouter)(),D=A.pathname.includes("job")?"job":"project";function I(){return(I=f(a().mark((function e(r){var s;return a().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(e.prev=0,r.preventDefault(),!(O<1e5)){e.next=6;break}u.Am.error("Harga minimum adalah IDR 100.000"),e.next=15;break;case 6:if(!m||!x){e.next=10;break}N(),e.next=14;break;case 10:return s={id_items:x||n.id,type:D,price:O,per:F,description:E},e.next=13,(0,c.ZP)("transaction/offer",{data:s});case 13:A.push("/chat");case 14:t(!1);case 15:e.next=20;break;case 17:e.prev=17,e.t0=e.catch(0),u.Am.error(e.t0.message);case 20:case"end":return e.stop()}}),e,null,[[0,17]])})))).apply(this,arguments)}return(0,s.jsx)("div",p({},!r&&{className:"hidden"}

1,{children:(0,s.jsx)("div",{class:"fixed z-10 inset-0 overflow-y-auto",style:{zIndex:10001},"aria-labelledby":"modal-title",role:"dialog","aria-modal":"true",children:(0,s.jsxs)("div",{class:"flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0",children:[(0,s.jsx)("div",{class:"fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity","aria-hidden":"true"}),(0,s.jsx)("span",{class:"hidden sm:inline-block sm:align-middle sm:h-screen","aria-hidden":"true",children:"\u200b"}),(0,s.jsx)("div",{class:"inline-block align-bottom bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all md:w-1/2 sm:my-8 sm:align-middle",style:{width:"fit-content"},children:(0,s.jsxs)("div",{class:"relative w-full max-w-2xl p-8 h-full md:h-auto",children:[(0,s.jsxs)("div",{class:"flex justify-between mt-3",children:[(0,s.jsx)("h3",{class:"text-sm lg:text-xl font-semibold",children:"Buat Penawaran"}),(0,s.jsx)("button",{type:"button",class:"text-gray-400 bg-dark-150 bg-gray-200 rounded-2xl text-sm p-1.5 ml-auto inline-flex items-center",onClick:function(){t(!1)},children:(0,s.jsx)("svg",{class:"w-4 lg:w-6",fill:"currentColor",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg",children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z","clip-rule":"evenodd"})})})]}),(0,s.jsxs)("form",{class:"mt-5 lg:mt-8",action:"",children:[(0,s.jsxs)("div",{class:"flex flex-col lg:grid lg:grid-rows-1 lg:grid-cols-12 gap-x-4",children:[(0,s.jsxs)("div",{class:"w-full col-span-7 flex",children:[(0,s.jsx)("span",{class:"bg-color-#F4F4F4 inline-flex items-center p-4 rounded-l-md border-none border-r-0 bg-dark-150 text-dark-650 text-xs md:text-base font-medium",children:"IDR"}),(0,s.jsx)(o.Z,{className:"font-medium rounded-none rounded-r-lg bg-transparent border border-color-#F4F4F4 text-xs md:text-base text-dark-600 focus:ring-primary focus:border-primary block flex-1 min-w-0 

1w-full py-3.5 px-3 md:px-5",value:O,thousandSeparator:".",decimalSeparator:",",decimalScale:2,fixedDecimalScale:!0,onValueChange:function(e){var r=e.floatValue;S(r)}})]}),(0,s.jsx)("div",{class:"w-full col-span-5 flex",children:(0,s.jsx)(i.ZP,{className:"basic-single w-full mt-4 md:mt-0 focus:border-primary",classNamePrefix:"select",defaultValue:h[0],isSearchable:!1,name:"color",options:h,styles:g,onChange:function(e){return P(e.value)}})})]}),(0,s.jsx)("div",{class:"col-span-12 my-4",children:(0,s.jsx)("textarea",{onChange:function(e){return R(e.target.value)},id:"message",rows:"4",class:"bg-white border border-color-#F4F4F4 font-medium placeholder-dark-450 text-xs lg:text-base leading-6 text-dark-600 rounded-lg block w-full p-2.5 md:p-3.5 focus:ring-primary focus:border-primary",placeholder:"Tulis deskripsi Penawaran"})}),(0,s.jsx)("button",{class:"col-span-12 rounded-lg bg-primary text-color-#292D32 w-full font-semibold text-xs lg:text-base py-4 lg:py-5",onClick:function(e){return function(e){return I.apply(this,arguments)}(e)},children:"Ajukan Penawaran"})]})]})})]})})}))}},34683:function(e,r,t){"use strict";t.r(r),t.d(r,{default:function(){return R}});var n=t(28520),a=t.n(n),s=t(85893),l=t(67294),i=t(41664),o=t(44597),c=t(2769),d=t(97923),u=t(48995),m=t(18998),f=t(8490),x=t(25176),p=t(37492),b=t(66010),h=t(48594),g=t(86010),v=t(89595),j=t(10173),y=t(5427),w=t(88767),k=t(11163),N=t(33805),C=t(48764).Buffer;function F(e,r,t,n,a,s,l){try{var i=e[s](l),o=i.value}catch(c){return void t(c)}i.done?r(o):Promise.resolve(o).then(n,a)}function P(e){return function(){var r=this,t=arguments;return new Promise((function(n,a){var s=e.apply(r,t);function l(e){F(s,n,a,l,i,"next",e)}function i(e){F(s,n,a,l,i,"throw",e)}l(void 0)}))}}function _(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function O(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"===typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){_(e,r,t[r])}))}return e}function S(e,r){return function(e){if(Array.isArray(e))return e}(e)||function(e,r){var t=[],n=!0,a=!1,s=void 0;try{for(var l,i=e[Symbol.iterator]();!(n=(l=i.next()).done)&&(t.push(l.value),!r||t.length!==r);n=!0);}catch(o){a=!0,s=o}finally{try{n||null==i.return||i.return()}finally{if(a)throw s}}return t}(e,r)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function Z(e){var r=e.index,t=e.stage,n=0===r,a=t.length===r+1;return(0,s.jsxs)("div",{className:"flex",children:[(0,s.jsxs)("div",{className:"mr-4 relative",children:[(0,s.jsx)("div",{className:"w-4 h-4 absolute top-1/2 -mt-2 rounded-full border-2 border-primary"}),(0,s.jsxs)("div",{className:"h-full w-4 flex flex-col justify-center items-center",children:[n?null:(0,s.jsx)("div",{className:(0,g.Z)("w-1 h-5 bg-primary pointer-events-none",{"mb-2":!n&&!a},{"mb-9":a})}),a?null:(0,s.jsx)("div",{className:(0,g.Z)("w-1 h-5 bg-primary pointer-events-none",{"mt-2":!n&&!a},{"mt-9":n})})]})]}),(0,s.jsx)("h3",{className:"my-4",children:t})]},r)}function E(){var e=(0,h.ZP)("https://api.peppo.co.id",{transports:["websocket"]}),r=(0,k.useRouter)(),t=r.query.slug,n=(0,N.a)().isAuth,x="job/getdetailskunotoken/".concat(t);(0,y.U)(n)&&n&&(x="job/getdetailsku/".concat(t));var p=(0,w.useQuery)(x).data,g=(0,w.useQuery)("job/usergetdetail/".concat(p.id)).data,F=(0,w.useQuery)("job/getcomment/".concat(p.id)).data,_=(0,w.useQuery)("job/getallbyuser/".concat(p.id)).data,E=S(l.useState(!1),2),R=E[0],A=E[1],D=S(l.useState(!1),2),I=D[0],L=D[1];function T(){return(T=P(a().mark((function e(){var t,n;return a().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,t={id:1,id_items:p.id,type:"job"},e.next=4,(0,j.ZP)("/transaction/create",{data:t});case 4:n=e.sent,r.push("/payment/".concat(n.data)),e.next=11;break;case 8:e.prev=8,e.t0=e.catch(0),b.Am.error(e.t0.message);case 11:case"end":return e.stop()}}),e,null,[[0,8]])})))).apply(this,arguments)}return(0,s.jsxs)("div",{className:"mx-4",children:[(0,s.jsx)(o.Z,{slug:p.job_name}

1),(0,s.jsx)(f.Z,{isVisible:I,onModal:L,data:p,idReciever:g.id,socket:e}),(0,s.jsxs)("div",{className:"lg:grid lg:grid-cols-3 lg:gap-12",children:[(0,s.jsx)("div",{className:"lg:col-span-2",children:(0,s.jsxs)("section",{children:[(0,s.jsx)(u.Z,{item:O({},p,{wishlist:p.wishlist,title:p.job_name,requirement:p.description,category:p.categories,budget:p.price,applicant_count:0,sources:p.attachment,duration:p.payper,skuid:p.skuid})}),(0,s.jsxs)("div",{className:"flex flex-col",children:[(0,s.jsx)("span",{className:"font-semibold text-xs md:text-base",children:"Tahapan Pengerjaan"}),p.working_stages.map((function(e,r){var t=e.stages;return(0,s.jsx)(Z,{stage:t,index:r})}))]}),(0,s.jsx)("hr",{className:"my-5 md:my-11"}),(0,s.jsxs)("div",{className:"flex flex-col md:flex-row gap-5 md:gap-7",children:[(0,s.jsx)("button",{className:"border border-primary text-primary text-base font-semibold w-full p-4 rounded-lg disabled:opacity-50 disabled:cursor-not-allowed",onClick:function(){L(!0)},disabled:p.isme,children:"Ajukan penawaran"}),(0,s.jsx)("button",{type:"button",className:"mt-5 md:mt-0 md:ml-7 bg-primary text-color-#292D32 text-base font-semibold w-full p-4 rounded-lg disabled:opacity-50 disabled:cursor-not-allowed",disabled:p.isme,onClick:(0,y.U)(n)&&n?function(){return T.apply(this,arguments)}:function(){var e="/view-job/".concat(t);r.push("/login?back2=".concat(C(e).toString("base64")))},children:"Pesan Sekarang"})]})]})}),(0,s.jsxs)("div",{className:"mt-5 md:mt-0",children:[(0,s.jsx)(c.Z,O({isMe:p.isme},g,{projectData:p})),(0,s.jsxs)("section",{children:[(0,s.jsxs)("div",{className:"flex justify-between items-center mb-4",children:[(0,s.jsx)("span",{className:"text-gray-400 font-semibold",children:"Pekerjaan Lainnya"}),(0,s.jsx)(i.default,{href:"/profile/".concat(null===p||void 0===p?void 0:p.m_users_id),passHref:!0,children:(0,s.jsx)("a",{className:"text-primary font-semibold",children:"Lihat lebih"})})]}),(0,s.jsx)("div",{className:"grid md:grid-cols-3 lg:grid-cols-2 gap-5 md:gap-8 mb-6",children:_.slice(0,4).map((function(e){return(0,s.jsx)(i.default,{href:"/view-job/".concat(e.skuid),children:(0,s.jsxs)("div",{className:"border-2 p-4 flex flex-col rounded-lg cursor-pointer relative",children:[(0,s.jsx)("div",{className:"w-full h-28 block m-auto bg-contain bg-no-repeat bg-center mb-2",style:{backgroundImage:"url(".concat((0,v.Z)(e.cover),")")}}),(0,s.jsx)("div",{className:"bg-color-#FEF5CF text-primary font-semibold px-2 py-1 rounded-lg absolute t-0 l-0 text-2xs",children:e.categories}),(0,s.jsxs)("div",{children:[(null===e||void 0===e?void 0:e.ratingcount)>0&&(0,s.jsxs)(d.Z,{size:e.rate,children:[(0,s.jsx)("span",{className:"text-sm font-semibold ml-0.5",children:e.rate?e.rate:null}),(0,s.jsxs)("span",{className:"text-sm text-color-#2C2C2C font-medium ml-1.5",children:["(",e.ratingcount,")"]})]}),(0,s.jsx)("p",{className:"font-semibold text-sm w-max max-w-full overflow-x-auto break-words",style:{color:"#505050"},children:e.job_name})]})]})},e.id)}))})]}),(0,s.jsxs)("section",{children:[(0,s.jsxs)("div",{className:"flex justify-between items-center",children:[(0,s.jsx)("span",{className:"text-gray-400 font-semibold",children:"Ulasan Freelancer"}),(0,s.jsx)("button",{className:"text-primary font-semibold",onClick:function(){return A(!0)},children:"Lihat semua"})]}),F.slice(0,2).map((function(e){return(0,s.jsxs)("div",{className:"border-2 border-gray-200 rounded-lg p-4 my-4",children:[(0,s.jsxs)("div",{className:"flex items-center mb-4",children:[(0,s.jsx)("img",{src:(0,v.Z)(e.image),alt:e.name,width:"48",height:"48",className:"rounded-lg"}),(0,s.jsxs)("div",{className:"ml-4 flex flex-col",children:[(0,s.jsx)("span",{className:"font-semibold",children:e.name}),(null===e||void 0===e?void 0:e.rate)>0&&(0,s.jsx)(d.Z,{size:e.rate,children:e.rate?e.rate:null})]})]}),(0,s.jsx)("p",{children:e.comment})]},e.id)}))]})]}),R&&(0,s.jsxs)("section",{className:"lg:col-span-2 mt-10 md:mt-16 lg:mt-0",children:[(0,s.jsxs)("span",{className:"font-semibold text-xs md:text-base",children:[F.length," Ulasan Kostumer"]}),F.map((function(e){return(0,s.jsx)(m.Z,O({hasReply:e.reply.length>=1,rate:e.rate},e),e.id)}))]})]})]})}function R(){var e=(0,k.useRouter)();return(0,y.U)(e.query)?(0,s.jsx)(x.n,{children:(0,s.jsx)(E,{})}):(0,s.jsx)(p.$,{})}}},function(e){e.O(0,[6893,7067,3100,2769,8764,3032,9230,2066,9774,2888,179],(function(){return r=17551,e(e.s=r);var r}));var r=e.O();_N_E=r}]);