1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[192],{7204:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/profile/[id]",function(){return t(1490)}])},1490:function(e,n,t){"use strict";t.r(n),t.d(n,{__N_SSP:function(){return d}});var r=t(5893),a=t(1664),s=t.n(a),l=t(7294);function i(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function c(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},r=Object.keys(t);"function"===typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),r.forEach((function(n){i(e,n,t[n])}))}return e}var d=!0;n.default=function(e){var n=e.myData,t=(e.myOrders,e.tab),a=(0,l.useState)(!1),i=a[0],d=a[1],o=(0,l.useState)(!1),m=o[0],x=o[1],u=(0,l.useReducer)((function(e,n){switch(n.type){case"firstName":return c({},e,{firstName:n.value});case"lastName":return c({},e,{lastName:n.value});case"email":return c({},e,{email:n.value});case"phone":return c({},e,{phone:n.value});case"birth":return c({},e,{birth:n.value});case"gender":return c({},e,{gender:n.value});default:return e}}),n),p=u[0],f=u[1];return(0,r.jsx)("div",{children:(0,r.jsx)("div",{className:"container",children:(0,r.jsxs)("div",{className:"md:pt-[35px] flex max-md:flex-col max-md:mx-5",children:[(0,r.jsxs)("div",{className:"md:w-[242px] md:mr-5 max-w-full max-md:mb-5 max-md:border-b border-[rgba(0,0,0,.3)]",children:[(0,r.jsxs)("div",{className:"py-5 flex items-center md:border-b border-[rgba(0,0,0,.5)]",onClick:function(){return d(!i)},children:[(0,r.jsx)("div",{className:"w-[42px] h-[42px] rounded-full flex justify-center items-center font-semibold bg-[#bc9a65]",children:(0,r.jsx)("span",{children:p.firstName[0]})}),(0,r.jsxs)("div",{className:"ml-[15px] text-lg font-bold",children:[(0,r.jsxs)("span",{className:"max-md:hidden",children:["Hey, ",p.firstName," ",p.lastName,"!"]}),(0,r.jsx)("span",{className:"md:hidden",children:0===t?"My Details":"My Orders"}),(0,r.jsx)("span",{className:"md:hidden icon-t before:content-['\\eb73'] ml-2"})]})]}),(0,r.jsxs)("div",{className:"md:pt-[15px] ".concat(!i&&"max-md:hidden"),children:[(0,r.jsx)(s(),{href:"/profile/details",children:(0,r.jsxs)("div",{className:"flex font-bold p-2 items-center h-[60px] ".concat("details"===t?"md:bg-[#f8f8f8]":"max-md:font-normal"," cursor-pointer"),onClick:function(){return d(!1)},children:[(0,r.jsx)("span",{className:"icon-o before:content-['\\e90f'] text-[30px]"}),(0,r.jsx)("span",{className:"text-[15px] ml-[18px]",children:"My Details"})]})}),(0,r.jsx)(s(),{href:"/profile/orders",children:(0,r.jsxs)("div",{className:"flex font-bold p-2 items-center h-[60px] ".concat("orders"===t?"md:bg-[#f8f8f8]":"max-md:font-normal"," cursor-pointer"),onClick:function(){return d(!1)},children:[(0,r.jsx)("span",{className:"icon-o before:content-['\\e910'] text-[30px]"}),(0,r.jsx)("span",{className:"text-[15px] ml-[18px]",children:"My Orders"})]})}),(0,r.jsx)("div",{className:"h-[60px] flex items-center",children:(0,r.jsx)("button",{className:"underline text-[15px] p-[5px]",children:"Sign Out"})})]})]}),(0,r.jsxs)("div",{className:" max-w-full grow bg-[#f8f8f8]",children:["details"===t&&(0,r.jsxs)("div",{className:"p-5 xl:px-[60px] ",children:[(0,r.jsx)("h1",{className:"max-md:hidden text-[18px] font-bold pb-[25px] pt-[15px] border-b border-[rgba(0,0,0,.3)] mb-[30px]",children:"My Details"}),(0,r.jsx)("div",{className:"flex justify-end mb-[15px]",children:(0,r.jsx)("button",{className:"border text-xs font-semibold px-2 py-[2px] border-black",onClick:function(){return x(!0)},style:{opacity:m?0:1},children:"EDIT"})}),(0,r.jsxs)("form",{children:[(0,r.jsxs)("div",{className:"flex justify-between items-center h-[60px] border-t ",children:[(0,r.jsx)("span",{className:"font-medium ",children:"First Name"}),(0,r.jsx)("input",{type:"text",value:p.firstName,onChange:function(e){return f({type:"firstName",value:e.target.value})},required:!0,readOnly:!m,className:" [background:none] border-none focus:outline-none opacity-70 text-right w-1/2"})]}),(0,r.jsxs)("div",{className:"flex justify-between items-center h-[60px] border-t ",children:[(0,r.jsx)("span",{className:"font-medium ",children:"Last Name"}),(0,r.jsx)("input",{type:"text",value:p.lastName,onChange:function(e){return f({type:"lastName",value:e.target.value})},required:!0,readOnly:!m,className:" [background:none] border-none focus:outline-none opacity-70 text-right w-1/2"})]}),(0,r.jsxs)("div",{className:"flex justify-between items-center h-[60px] border-t ",children:[(0,r.jsx)("span",{className:"font-medium ",children:"Email"}),(0,r.jsx)("input",{type:"email",value:p.email,onChange:function(e){return f({type:"email",value:e.target.value})},required:!0,readOnly:!m,className:" [background:none] border-none focus:outline-none opacity-70 text-right w-1/2"})]}),(0,r.jsxs)("div",{className:"flex justify-between items-center h-[60px] border-t ",children:[(0,r.jsx)("span",{className:"font-medium ",children:"Phone Number"}),(0,r.jsx)("input",{type:"text",value:p.phone,onChange:function(e){return f({type:"phone",value:e.target.value})},required:!0,readOnly:!m,className:" [background:none] border-none focus:outline-none opacity-70 text-right w-1/2"})]}),(0,r.jsxs)("div",{className:"flex justify-between items-center h-[60px] border-t ",children:[(0,r.jsx)("span",{className:"font-medium ",children:"Birthday"}),(0,r.jsx)("input",{type:"date",value:p.birth,onChange:function(e){console.log(e.target.value),f({type:"birth",value:e.target.value})},required:!0,readOnly:!m,className:"".concat(!m&&"mr-[-20px]"," [background:none] border-none focus:outline-none opacity-70 text-right w-1/2")})]}),(0,r.jsxs)("div",{className:"flex justify-between items-center h-[60px] border-t ",children:[(0,r.jsx)("span",{className:"font-medium ",children:"Gender"}),(0,r.jsxs)("div",{className:"flex",onChange:function(e){return m&&f({type:"gender",value:e.target.value})},children:[(0,r.jsxs)("div",{className:"flex items-center",children:[(0,r.jsx)("input",{type:"radio",name:"gender",id:"maleCheck",value:"male",checked:"male"==p.gender}),(0,r.jsx)("label",{htmlFor:"maleCheck",className:"text-sm pl-2 mr-3 font-medium opacity-70",children:"Male"})]}),(0,r.jsxs)("div",{className:"flex items-center",children:[(0,r.jsx)("input",{type:"radio",name:"gender",id:"femaleCheck",value:"female",checked:"female"==p.gender}),(0,r.jsx)("label",{htmlFor:"femaleCheck",className:"text-sm pl-2 mr-3 font-medium opacity-70",children:"Female"})]})]})]}),m&&(0,r.jsxs)("div",{className:"flex max-md:flex-col mt-5",children:[(0,r.jsx)("button",{className:" p-[5px_35px] border border-black text-white bg-black uppercase text-[15px] font-medium h-10",children:"Save changes"}),(0,r.jsx)("button",{className:" p-[5px_35px] border border-black max-md:mt-[15px] md:ml-[15px] uppercase text-[15px] font-medium h-10",onClick:function(){return x(!1)},children:"cancel"})]})]})]}),"orders"===t&&(0,r.jsxs)("div",{className:"p-5 xl:px-[60px]",children:[(0,r.jsx)("h1",{className:"text-[18px] font-bold pb-[25px] pt-[15px] border-b border-[rgba(0,0,0,.3)] mb-[30px]",children:"My Orders"}),(0,r.jsx)("div",{children:(0,r.jsx)("div",{className:"text-sm font-semibold",children:"There are no orders associated with your account"})})]})]})]})})})}}},function(e){e.O(0,[774,888,179],(function(){return n=7204,e(e.s=n);var n}));var n=e.O();_N_E=n}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.