https://www.hnak.com/_next/static/chunks/6557.47ec176c153509a3.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6557],{93574:function(e,t,r){"use strict";var a=r(29759);e.exports=function(e,t){return a(e,t)}},62632:function(e,t,r){"use strict";r.d(t,{Z:function(){return s}});var a=r(57437);r(2265);var n=r(60557),o=r.n(n),l=r(25139),s=e=>{let{src:t,width:r,type:n,desktopRatio:s,applyHeighWidthToUrl:i=!0,className:d="",isMsite:m=!1,alt:c="",...u}=e,f=Math.round(r*Number(s||1));if(!o()(t))return null;let p=(0,l.e4)({url:t,width:r,type:n,height:f,applyHeighWidthToUrl:i,isMsite:m}),h=[300,600,900,1200],x=(0,l.G8)(p,h);return(0,a.jsx)("img",{className:d,src:p,width:r,srcSet:x,sizes:"(max-width: ".concat(h[h.length-1],"px) 100vw, ").concat(h[h.length-1],"px"),height:f,alt:c})}},56557:function(e,t,r){"use strict";r.r(t),r.d(t,{default:function(){return j}});var a=r(57437),n=r(2265),o=r(44750),l=r.n(o),s=r(93574),i=r.n(s),d=r(24232),m=r(82670),c=r(44964),u=r(62632),f=r(5514),p=r(97111),h=r(92662),x=r.n(h),b=r(1866),g=r(30982),_=r(92378),v=r(17338);r(42413);let N=(0,d.default)(()=>Promise.all([r.e(1544),r.e(7483)]).then(r.t.bind(r,83441,23)),{loadableGenerated:{webpack:()=>[83441]},ssr:!1});var j=e=>{var t,r;let{editFrom:o,customerDetails:s,setEditForm:d,handlefetch:h}=e,[j,I]=(0,n.useState)(""),{showToast:y}=(0,p.useToast)(),[F,w]=(0,n.useState)(""),[C,S]=(0,n.useState)(!1),{register:D,handleSubmit:L,setValue:P,formState:{errors:M}}=(0,m.cI)(),E=(0,g.useTranslations)(),k=e=>{if(w(e),e){let n=e.replace(/\//g,"");var t=n.substring(0,2),r=n.substring(2,4),a=new Date(n.substring(4,8),t-1,r);return I(a),a}},{fetchMutation:R,isLoading:z}=(0,v.D)({mutation:null===(r=b.Wn.loc)||void 0===r?void 0:null===(t=r.source)||void 0===t?void 0:t.body,method:"POST",isLazy:!0}),T=async e=>{let t={firstname:s.firstname,gender:Number(s.gender),date_of_birth:new Date(s.date_of_birth).toLocaleDateString("en-US")},r={firstname:e.name,gender:Number(e.gender),date_of_birth:e.date_of_birth};if(i()(r,t)){d(!1);return}try{let{data:e}=await R({variables:{customerInput:r}});if(e){let t={firstname:l()(e,"updateCustomerV2.customer.firstname",null),gender:l()(e,"updateCustomerV2.customer.gender",null),date_of_birth:l()(e,"updateCustomerV2.customer.date_of_birth",null)};i()(t,r)?y({type:_.tx.SUCCESS,title:E("profile.update.success"),text:E("Profile.update.successMsg")}):y({type:_.tx.ERROR,title:E("Profile.update.error"),text:E("Profile.update.errorMsg")})}}catch(e){y({type:_.tx.ERROR,title:E("Profile.update.error"),text:E("Profile.update.errorMsg")})}d(!1),h()},O=e=>{let t=function(e,t){let r=arguments.length>2&&void 0!==arguments[2]&&arguments[2];P(e,t,{shouldTouch:r})};if(t("name",e.firstname||" "),t("email",e.email||" "),e.date_of_birth){let r=new Date(e.date_of_birth);t("date_of_birth",r.toLocaleDateString("en-US")),I(r),w(r)}else t("date_of_birth",null),I(""),w("");t("gender",e.gender||0),e.countryreg&&e.customer_mobile&&t("mobileNumber","".concat(e.countryreg," ").concat(e.customer_mobile),!0)};return(0,n.useEffect)(()=>{O(s)},[s]),(0,a.jsxs)("div",{children:[z&&(0,a.jsx)("div",{className:" fixed inset-y-0 left-0 right-0 z-30 flex max-w-full items-center justify-center bg-gray-500 opacity-[0.5]",children:(0,a.jsx)(f.Z,{})}),(0,a.jsx)("form",{onSubmit:L(T),children:(0,a.jsxs)("fieldset",{disabled:!o,className:"flex flex-col gap-[30px]",children:[(0,a.jsxs)("div",{className:x().personalInfoFormContainer,children:[(0,a.jsx)("label",{className:x().personalInfoFormLabel,children:E("fieldName.name")}),(0,a.jsx)("input",{...D("name",{required:E("form.required",{field:E("fieldName.name")}),pattern:{value:/^[\u0621-\u064Aa-zA-Z\d\-_\s]+$/,message:E("profile.name.invalid")}}),placeholder:E("fieldName.name"),className:x().personalInfoFormInput}),M.name?(0,a.jsx)("div",{className:"text-red-500",children:M.name.message}):""]}),(0,a.jsxs)("div",{className:x().personalInfoFormContainer,children:[(0,a.jsx)("label",{className:x().personalInfoFormLabel,children:E("fieldName.dob")}),(0,a.jsx)(N,{selected:j,className:"!rtl:left-[115px]",value:F,dateFormat:"MM/dd/yyyy",maxDate:Date.now(),autoComplete:!1,onChangeRaw:e=>{void 0!==e.target.value&&k(e.target.value)},onChange:(e,t)=>

1{void 0===t.target.value&&I(e)},onCalendarClose:()=>{j&&(w(j.toLocaleDateString("en-US")),P("date_of_birth",j.toLocaleDateString("en-US"),{shouldTouch:!0}))},showMonthDropdown:!0,showYearDropdown:!0,scrollableYearDropdown:!0,yearDropdownItemNumber:100,placeholderText:"mm/dd/yyyy",customInput:(0,a.jsx)("input",{type:"text",placeholder:"mm/dd/yyyy",className:x().personalInfoFormInput,...D("date_of_birth")}),disabled:!o})]}),(0,a.jsxs)("div",{className:x().personalInfoFormContainer,children:[(0,a.jsxs)("label",{htmlFor:"gender",className:x().personalInfoFormLabel,children:[" ",E("fieldName.gender")]}),(0,a.jsxs)("select",{name:"gender",...D("gender"),className:"h-[40px] w-full appearance-none border !border-black bg-white bg-[url('/assets/images/select-bg.svg')] bg-no-repeat px-[15px] text-sm font-medium text-themeBase focus:!ring-0 ltr:bg-[97%_center] rtl:bg-[2%_center]",children:[(0,a.jsx)("option",{value:"0",children:E("gender.select")}),(0,a.jsx)("option",{value:"1",children:E("gender.male")}),(0,a.jsx)("option",{value:"4",children:E("gender.female")})]}),M.gender&&(0,a.jsxs)("p",{className:"text-red-500",children:[" ",M.gender.message]})]}),o?(0,a.jsx)(c.Z,{type:"submit",priority:"primary",className:"w-fit",children:E("form.save")}):"",(0,a.jsxs)("div",{className:x().personalInfoFormContainer,children:[(0,a.jsx)("label",{className:x().personalInfoFormLabel,children:E("fieldName.mobileNumber")}),(0,a.jsxs)("div",{className:"relative",children:[(0,a.jsx)("input",{type:"tel",...D("mobileNumber"),placeholder:E("fieldName.mobileNumber"),readOnly:!0,className:"".concat(x().personalInfoFormInput," rtl:text-right")}),(0,a.jsx)("div",{className:x().tooltip,children:(0,a.jsxs)("div",{onMouseEnter:()=>S(!0),onMouseLeave:()=>S(!1),children:[(0,a.jsx)("div",{className:x().tooltipIcon,children:(0,a.jsx)(u.Z,{src:"/assets/images/info-icon.svg",height:20,width:20,alt:"icon"})}),C&&(0,a.jsx)("div",{className:"absolute top-[0] z-50   ltr:left-[100%]  rtl:right-[100%] ",children:(0,a.jsx)("div",{className:x().tooltiptextContainer,children:(0,a.jsxs)("div",{className:x().tooltiptext,children:[E("profile.mobileNotEditable")," ",(0,a.jsx)("a",{href:"mailto:[email protected]",className:"email",children:(0,a.jsx)("span",{children:"[email protected]"})}),E("profile.mobileNotEditable2")," "]})})})]})})]})]})]})})]})}},42413:function(){},92662:function(e){e.exports={tooltip:"PersonalInfoForm_tooltip__EDDez",tooltiptext:"PersonalInfoForm_tooltiptext__bf_OM",tooltiptextContainer:"PersonalInfoForm_tooltiptextContainer__D_6TG",personalInfoFormContainer:"PersonalInfoForm_personalInfoFormContainer__3xvvL",personalInfoFormInput:"PersonalInfoForm_personalInfoFormInput__qphKp",personalInfoFormLabel:"PersonalInfoForm_personalInfoFormLabel__MkNlW"}}}]);