https://explore.theparkschannel.com/_next/static/chunks/9909-beb3db0ecd4abfc6.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9909],{74222:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{I:function(){return UserProfile}});var UserProfileTabs,UserProfileTabs1,jsx_runtime=__webpack_require__(97458),react=__webpack_require__(52983),hooks=__webpack_require__(26136),Loading=__webpack_require__(69193),UserPageWrapper=__webpack_require__(4976),UserPageContentWrapper=__webpack_require__(62649),UserSubpageWrapper=__webpack_require__(93540),ProfileCover=__webpack_require__(7247),IconButton=__webpack_require__(38937),EditOutlineIcon=__webpack_require__(49292),Modal=__webpack_require__(88044),Button=__webpack_require__(57100),ErrorMessage=__webpack_require__(31114),Form=__webpack_require__(18312),Field=__webpack_require__(72942),UploadIcon=__webpack_require__(13822);let ImageIllustration=param=>{let{className}=param;return(0,jsx_runtime.jsxs)("svg",{width:"36",height:"37",viewBox:"0 0 36 37",fill:"none",className:className,xmlns:"http://www.w3.org/2000/svg",children:[(0,jsx_runtime.jsxs)("g",{clipPath:"url(#clip0_835_51807)",children:[(0,jsx_runtime.jsx)("path",{d:"M35.25 4.25V30.125C34.9851 28.8999 34.402 27.7662 33.5595 26.8381C32.717 25.9101 31.6447 25.2205 30.4508 24.8387C29.2569 24.457 27.9835 24.3966 26.7589 24.6637C25.5342 24.9307 24.4016 25.5158 23.475 26.36C21.9795 24.5145 20.0111 23.1095 17.7797 22.295C15.5483 21.4805 13.1377 21.287 10.8049 21.735C8.47218 22.1831 6.30481 23.256 4.534 24.8392C2.76318 26.4225 1.45535 28.4567 0.75 30.725V4.25C0.752374 3.45508 1.06921 2.6934 1.6313 2.1313C2.1934 1.56921 2.95508 1.25237 3.75 1.25H32.25C33.0449 1.25237 33.8066 1.56921 34.3687 2.1313C34.9308 2.6934 35.2476 3.45508 35.25 4.25V4.25Z",fill:"#D1D5DB"}),(0,jsx_runtime.jsx)("path",{d:"M32.25 1.25H3.75C2.95508 1.25237 2.1934 1.56921 1.6313 2.1313C1.06921 2.6934 0.752374 3.45508 0.75 4.25V30.725C1.56101 28.1321 3.15603 25.8545 5.31535 24.2059C7.47468 22.5572 10.0921 21.6187 12.807 21.5195L32.9775 1.3505C32.7402 1.28647 32.4958 1.25271 32.25 1.25V1.25Z",fill:"white"}),(0,jsx_runtime.jsx)("path",{d:"M35.25 4.25V30.125C34.9851 28.8999 34.402 27.7662 33.5595 26.8381C32.717 25.9101 31.6447 25.2205 30.4508 24.8387C29.2569 24.457 27.9835 24.3966 26.7589 24.6637C25.5342 24.9307 24.4016 25.5158 23.475 26.36C21.9795 24.5145 20.0111 23.1095 17.7797 22.295C15.5483 21.4805 13.1377 21.287 10.8049 21.735C8.47218 22.1831 6.30481 23.256 4.534 24.8392C2.76318 26.4225 1.45535 28.4567 0.75 30.725V4.25C0.752374 3.45508 1.06921 2.6934 1.6313 2.1313C2.1934 1.56921 2.95508 1.25237 3.75 1.25H32.25C33.0449 1.25237 33.8066 1.56921 34.3687 2.1313C34.9308 2.6934 35.2476 3.45508 35.25 4.25V4.25Z",stroke:"#3D424D",strokeLinecap:"round",strokeLinejoin:"round"}),(0,jsx_runtime.jsx)("path",{d:"M24.75 15.5C26.8211 15.5 28.5 13.8211 28.5 11.75C28.5 9.67893 26.8211 8 24.75 8C22.6789 8 21 9.67893 21 11.75C21 13.8211 22.6789 15.5 24.75 15.5Z",fill:"#9CA3AF"}),(0,jsx_runtime.jsx)("path",{d:"M24.75 5V4.25",stroke:"#3D424D",strokeLinecap:"round",strokeLinejoin:"round"}),(0,jsx_runtime.jsx)("path",{d:"M19.9763 6.97705L19.4453 6.44604",stroke:"#3D424D",strokeLinecap:"round",strokeLinejoin:"round"}),(0,jsx_runtime.jsx)("path",{d:"M18 11.75H17.25",stroke:"#3D424D",strokeLinecap:"round",strokeLinejoin:"round"}),(0,jsx_runtime.jsx)("path",{d:"M19.9763 16.5229L19.4453 17.0539",stroke:"#3D424D",strokeLinecap:"round",strokeLinejoin:"round"}),(0,jsx_runtime.jsx)("path",{d:"M24.75 18.5V19.25",stroke:"#3D424D",strokeLinecap:"round",strokeLinejoin:"round"}),(0,jsx_runtime.jsx)("path",{d:"M29.5234 16.5229L30.0544 17.0539",stroke:"#3D424D",strokeLinecap:"round",strokeLinejoin:"round"}),(0,jsx_runtime.jsx)("path",{d:"M31.5 11.75H32.25",stroke:"#3D424D",strokeLinecap:"round",strokeLinejoin:"round"}),(0,jsx_runtime.jsx)("path",{d:"M29.5234 6.97705L30.0544 6.44604",stroke:"#3D424D",strokeLinecap:"round",strokeLinejoin:"round"}),(0,jsx_runtime.jsx)("path",{d:"M35.25 30.1251V32.7501C35.2476 33.545 34.9308 34.3067 34.3687 34.8688C33.8066 35.4308 33.0449 35.7477 32.25 35.7501H3.75C2.95508 35.7477 2.1934 35.4308 1.6313 34.8688C1.06921 34.3067 0.752374 33.545 0.75 32.7501V30.7251C1.45535 28.4568 2.76318 26.4226 4.534 24.8393C6.30481 23.256 8.47218 22.1832 10.8049 21.7351C13.1377 21.287 15.5483 21.4806 17.7797 22.2951C20.0111 23.1096 21.9795 24.5145 23.475 26.3601C24.4016 25.5159 25.5342 24.9308 26.7589 24.6637C27.9835 24.3966 29.2569 24.457 30.4508 24.8388C31.6447 25.2205 32.717 25.9101 33.5595 26.8382C34.402 27.7662 34.9851 28.8999 35.25 30.1251V30.1251Z",fill:"#D1D5DB"}),(0,jsx_runtime.jsx)("path",{d:"M35.25 30.1251V32.7501C35.2476 33.545 34.9308 34.3067 34.3687 34.8688C33.8066 35.4308 33.0449 35.7477 32.25 35.7501H3.75C2.95508 35.7477 2.1934 35.4308 1.6313 34.8688C1.06921 34.3067 0.752374 33.545 0.75 32.7501V30.7251C1.45535 28.4568 2.76318 26.4226 4.534 24.8393C6.30481 23.256 8.47218 22.1832 10.8049 21.7351C13.1377 21.287 15.5483 21.4806 17.7797 22.2951C20.0111 23.1096 21.9795 24.5145 23.475 26.3601C24.4016 25.5159 25.5342 24.9308 26.7589 24.6637C27.9835 24.3966 29.2569 24.457 30.4508 24.8388C31.6447 25.2205 32.717 25.9101 33.5595 26.8382C34.402 27.7662 34.9851 28.8999 35.25 30.1251V30.1251Z",stroke:"#3D424D",strokeLinecap:"round",strokeLinejoin:"round"}),(0,jsx_runtime.jsx)("path",{d:"M25.5146 29.87C25.029 28.5973 24.3401 27.4119 23.4746 26.36",stroke:"#3D424D",strokeLinecap:"round",strokeLinejoin:"round"}),(0,jsx_runtime.jsx)("path",{d:"M24.75 15.5C26.8211 15.5 28.5 13.8211 28.5 11.75C28.5 9.67893 26.8211 8 24.75 8C22.6789 8 21 9.67893 21 11.75C21 13.8211 22.6789 15.5 24.75 15.5Z",stroke:"#3D424D",strokeLinecap:"round",strokeLinejoin:"round"})]}),(0,jsx_runtime.jsx)("defs",{children:(0,jsx_runtime.jsx)("clipPath",{id:"clip0_835_51807",children:(0,jsx_runtime.jsx)("rect",{width:"36",height:"36",fill:"white",transform:"translate(0 0.5)"})})})]})};var DraggableUpload=__webpack_require__(45051),classnames=__webpack_require__(83849),classnames_default=__webpack_require__.n(classnames);let DraggableImgUpload=param=>{let{dropzoneClassName,maxSize,uploadMessage,accept,uploadHeader,...props}=param;return(0,jsx_runtime.jsx)(DraggableUpload.b,{maxSize:maxSize||2e6,dropzoneClassName:classnames_default()("!h-[227px]",dropzoneClassName),accept:accept||{"image/*":[".png",".jpg",".jpeg"]},uploadHeader:uploadHeader||(()=>null),uploadMessage:uploadMessage||(isUploading=>(0,jsx_runtime.jsxs)("div",{className:"flex flex-col items-center gap-3",children:[(0,jsx_runtime.jsx)(ImageIllustration,{}),(0,jsx_runtime.jsx)("p",{className:classnames_default()("font-bold text-lg",{"text-neutral-600":!isUploading,"text-neutral-200":isUploading}),children:"Drag and drop cover photo"}),(0,jsx_runtime.jsx)("div",{className:"h-[60px]",children:(0,jsx_runtime.jsx)(IconButton.h,{icon:(0,jsx_runtime.jsx)(UploadIcon.r,{}),position:"left",className:classnames_default()({"!py-1 !px-3 group-hover:!py-2 group-hover:!px-4 delay-300 ease-in ":!isUploading}),size:"sm",variant:"outline",disabled:isUploading,children:"or choose file"})})]})),...props})};var InformationOutlineIcon=__webpack_require__(80295),index_production=__webpack_require__(15265);let useS3FileUpload=param=>{let{onUpload,imageApi,s3Api}=param,[uploadedFile,setUploadedFile]=(0,react.useState)({}),{mutate,mutateAsync,error,isLoading}=(0,index_production.useMutation)(async file=>{try{let fileDestination=await imageApi.createFileDestination({fileName:file.name,fileType:file.type,fileSize:file.size});await s3Api.putFileToSignedUrl(fileDestination.url,file);let filePreview=URL.createObjectURL(file);setUploadedFile({filePreview,fileDestinationKey:fileDestination.key,fileType:file.type,fileName:file.name}),onUpload&&onUpload(fileDestination.key)}catch(err){throw Error()}}),clear=()=>{setUploadedFile({})};return{filePreview:uploadedFile.filePreview,fileDestinationKey:uploadedFile.fileDestinationKey,fileType:uploadedFile.fileType,fileName:uploadedFile.fileName,uploadAvatar:mutate,uploadFileAsync:mutateAsync,clear,isLoading,error}};var HttpClient=__webpack_require__(74552);class ImageApi{createFileDestination(metadata){return this.client.post("".concat(this.baseUrl,"/images"),metadata)}constructor(client=new HttpClient.e){this.client=client,this.baseUrl="/api/files"}}class S3Api{async putFileToSignedUrl(signedUrl,file){await this.client.put(signedUrl,file,{headers:{"Content-Type":file.type}})}constructor(client=new HttpClient.e){this.client=client}}var CropModal=__webpack_require__(57999),ImgixImage=__webpack_require__(86645);let SingleImgUpload=param=>{let{defaultPreview}=param,{field}=(0,Field.Om)(),imageApi=new ImageApi,s3Api=new S3Api,{uploadFileAsync,filePreview,isLoading}=useS3FileUpload({onUpload:field.onChange,imageApi,s3Api});return(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsx)(CropModal.e,{isLoading:isLoading,onCropComplete:uploadFileAsync,cropperOptions:{aspect:1360/336,cropShape:"rect",showGrid:!0},uploader:setImage=>(0,jsx_runtime.jsx)(DraggableImgUpload,{fileUrl:filePreview||defaultPreview,upload:async file=>setImage(file),maxSize:5e6,preview:(filePreview,edit)=>(0,jsx_runtime.jsxs)("div",{className:"relative h-[227px] w-full rounded-2xl overflow-hidden",children:[filePreview.startsWith("blob")?(0,jsx_runtime.jsx)("img",{src:filePreview,className:"absolute w-full h-full object-cover",alt:"Profile photo"}):(0,jsx_runtime.jsx)(ImgixImage.T,{src:filePreview,alt:"Profile background",className:"absolute w-full h-full object-cover",fill:!0}),(0,jsx_runtime.jsx)(Button.zx,{onClick:edit,size:"sm",variant:"outline",className:"absolute bottom-2 right-2",children:"Edit"})]})})}),(0,jsx_runtime.jsxs)("div",{className:"text-xs text-neutral-600 flex items-center gap-1",children:[(0,jsx_runtime.jsx)(InformationOutlineIcon.w,{}),(0,jsx_runtime.jsx)("span",{children:"Maximum size - 5MB, JPG or PNG"})]})]})};var index_esm=__webpack_require__(65620),AuthContext=__webpack_require__(35836);let EditProfileCoverForm=param=>{let{profileCover}=param,{useUser}=(0,AuthContext.a)(),user=useUser(),[isOpen,setIsOpen]=(0,react.useState)(!1),{useUserProfileMutationQuery}=(0,hooks.hD)(),methods=(0,index_esm.cI)({defaultValues:{background_key:""}}),{handleSubmit,formState:{errors},setError,reset}=methods,handleClose=()=>{setIsOpen(!1),reset()},{mutate:updateUserAvatar,isLoading}=useUserProfileMutationQuery({onSuccess(){handleClose()},onError(){setError("global",{message:"Oops. We cannot handle your request right now. Try again later"})}}),onSubmit=param=>{let{background_key}=param;updateUserAvatar({userId:user.cognito_id,data:{background_key,email:user.email}})};return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)("div",{className:"absolute z-10 top-2 right-2 xl:top-auto xl:bottom-2 lg:group-hover:scale-105 lg:transition lg:duration-100 ",onClick:()=>setIsOpen(!0),children:(0,jsx_runtime.jsx)(IconButton.h,{icon:(0,jsx_runtime.jsx)(EditOutlineIcon.B,{}),size:"sm",variant:"base"})}),(0,jsx_runtime.jsx)(Modal.u,{title:"Cover photo",isOpen:isOpen,setIsOpen:setIsOpen,contentClassName:"max-w-[600px] w-[95%] rounded-2xl",children:(0,jsx_runtime.jsx)(Form.l,{className:"space-y-1 sm:space-y-1",methods:methods,submitButton:()=>(0,jsx_runtime.jsxs)("div",{className:"flex gap-2",children:[(0,jsx_runtime.jsx)(Button.zx,{size:"sm",variant:"outline",onClick:handleClose,disabled:isLoading,children:"Cancel"}),(0,jsx_runtime.jsx)(Button.zx,{size:"sm",onClick:handleSubmit(onSubmit),disabled:isLoading,children:"Save"})]}),children:(0,jsx_runtime.jsxs)(Field.gN,{name:"background_key",children:[(0,jsx_runtime.jsx)(SingleImgUpload,{defaultPreview:profileCover}),(0,jsx_runtime.jsx)(ErrorMessage.B,{error:errors.background_key})]})})})]})};var ProfileAvatar=__webpack_require__(11676),ActionsRow=__webpack_require__(59070),ImgFile=__webpack_require__(29283),NextAvatar=__webpack_require__(77420);function S3FileInput(param){let{defaultPreview}=param,{field}=(0,Field.Om)(),imageApi=new ImageApi,s3Api=new S3Api,{uploadFileAsync,isLoading,filePreview,fileName}

1=useS3FileUpload({onUpload(key){field.onChange(key)},imageApi,s3Api});return(0,jsx_runtime.jsx)(CropModal.e,{onCropComplete:uploadFileAsync,isLoading:isLoading,cropperOptions:{cropSize:{width:250,height:250}},uploader:setImage=>(0,jsx_runtime.jsx)(ImgFile.I,{...field,fileName:fileName,loading:isLoading,onUpload:file=>setImage(file),id:field.name,filePreview:filePreview||defaultPreview,preview:filePreview=>(0,jsx_runtime.jsx)("div",{className:"p-3 bg-neutral-100 rounded-full w-fit backdrop-blur-md",children:(0,jsx_runtime.jsx)(NextAvatar.t,{src:filePreview,size:"xl"})})})})}var class_validator=__webpack_require__(16249),tslib_es6=__webpack_require__(43112),IsOptional=__webpack_require__(58840),IsNotEmpty=__webpack_require__(47295),IsEmail=__webpack_require__(20783),IsString=__webpack_require__(18418),ValidateIf=__webpack_require__(64852),IsUrl=__webpack_require__(85213),IsArray=__webpack_require__(61930);class UpdateAccountDto{}(0,tslib_es6.gn)([(0,IsOptional.X)(),(0,IsNotEmpty.rl)(),(0,IsEmail.s6)(),(0,tslib_es6.w6)("design:type",String)],UpdateAccountDto.prototype,"email",void 0),(0,tslib_es6.gn)([(0,IsOptional.X)(),(0,IsString.XV)(),(0,IsNotEmpty.rl)(),(0,tslib_es6.w6)("design:type",String)],UpdateAccountDto.prototype,"first_name",void 0),(0,tslib_es6.gn)([(0,IsOptional.X)(),(0,IsString.XV)(),(0,IsNotEmpty.rl)(),(0,tslib_es6.w6)("design:type",String)],UpdateAccountDto.prototype,"last_name",void 0),(0,tslib_es6.gn)([(0,IsOptional.X)(),(0,IsString.XV)(),(0,IsNotEmpty.rl)(),(0,tslib_es6.w6)("design:type",String)],UpdateAccountDto.prototype,"description",void 0),(0,tslib_es6.gn)([(0,ValidateIf.l)(o=>o.website_url),(0,IsOptional.X)(),(0,IsString.XV)(),(0,IsUrl.I)(void 0,{message:"Website URL is not valid"}),(0,tslib_es6.w6)("design:type",String)],UpdateAccountDto.prototype,"website_url",void 0),(0,tslib_es6.gn)([(0,ValidateIf.l)(o=>o.website2_url),(0,IsOptional.X)(),(0,IsString.XV)(),(0,IsUrl.I)(void 0,{message:"Second website URL is not valid"}),(0,tslib_es6.w6)("design:type",String)],UpdateAccountDto.prototype,"website2_url",void 0),(0,tslib_es6.gn)([(0,ValidateIf.l)(o=>o.website3_url),(0,IsOptional.X)(),(0,IsString.XV)(),(0,IsUrl.I)(void 0,{message:"Third website URL is not valid"}),(0,tslib_es6.w6)("design:type",String)],UpdateAccountDto.prototype,"website3_url",void 0),(0,tslib_es6.gn)([(0,ValidateIf.l)(o=>o.instagram_url),(0,IsOptional.X)(),(0,IsString.XV)(),(0,IsUrl.I)(void 0,{message:"Instagram URL is not valid"}),(0,tslib_es6.w6)("design:type",String)],UpdateAccountDto.prototype,"instagram_url",void 0),(0,tslib_es6.gn)([(0,ValidateIf.l)(o=>o.youtube_url),(0,IsOptional.X)(),(0,IsString.XV)(),(0,IsUrl.I)(void 0,{message:"Tiktok URL is not valid"}),(0,tslib_es6.w6)("design:type",String)],UpdateAccountDto.prototype,"youtube_url",void 0),(0,tslib_es6.gn)([(0,ValidateIf.l)(o=>o.tiktok_url),(0,IsOptional.X)(),(0,IsString.XV)(),(0,IsUrl.I)(void 0,{message:"TikTok URL is not valid"}),(0,tslib_es6.w6)("design:type",String)],UpdateAccountDto.prototype,"tiktok_url",void 0),(0,tslib_es6.gn)([(0,ValidateIf.l)(o=>o.vimeo_url),(0,IsOptional.X)(),(0,IsString.XV)(),(0,IsUrl.I)(void 0,{message:"Vimeo URL is not valid"}),(0,tslib_es6.w6)("design:type",String)],UpdateAccountDto.prototype,"vimeo_url",void 0),(0,tslib_es6.gn)([(0,ValidateIf.l)(o=>o.facebook_url),(0,IsOptional.X)(),(0,IsString.XV)(),(0,IsUrl.I)(void 0,{message:"Facebook URL is not valid"}),(0,tslib_es6.w6)("design:type",String)],UpdateAccountDto.prototype,"facebook_url",void 0),(0,tslib_es6.gn)([(0,IsOptional.X)(),(0,IsString.XV)(),(0,tslib_es6.w6)("design:type",String)],UpdateAccountDto.prototype,"avatar_key",void 0),(0,tslib_es6.gn)([(0,IsOptional.X)(),(0,IsString.XV)(),(0,tslib_es6.w6)("design:type",String)],UpdateAccountDto.prototype,"background_key",void 0),(0,tslib_es6.gn)([(0,IsOptional.X)(),(0,IsArray.Yl)(),(0,IsString.XV)({each:!0}),(0,tslib_es6.w6)("design:type",Array)],UpdateAccountDto.prototype,"tags",void 0);let EditProfileAvatarForm=param=>{let{avatarUrl}=param,{useUser,refreshSession}=(0,AuthContext.a)(),user=useUser(),{useUserProfileMutationQuery}=(0,hooks.hD)(),[isOpen,setIsOpen]=(0,react.useState)(!1),methods=(0,index_esm.cI)({resolver:(0,class_validator.L)(UpdateAccountDto),defaultValues:{avatar_key:""}}),{handleSubmit,formState:{errors},setError,reset}=methods,handleClose=()=>{setIsOpen(!1),reset()},{mutate:updateUserAvatar,isLoading}=useUserProfileMutationQuery({onSuccess(){handleClose(),refreshSession()},onError(){setError("global",{message:"Oops. We cannot handle your request right now. Try again later"})}}),onSubmit=param=>{let{avatar_key}=param;updateUserAvatar({userId:user.cognito_id,data:{avatar_key,email:user.email}})};return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)("div",{className:"opacity-0 absolute top-0 right-0 left-0 bottom-0 bg-black/30 group-hover:opacity-100 transition cursor-pointer",onClick:()=>setIsOpen(!0),children:(0,jsx_runtime.jsx)("div",{className:"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2",children:(0,jsx_runtime.jsx)(IconButton.h,{icon:(0,jsx_runtime.jsx)(EditOutlineIcon.B,{}),size:"sm",variant:"base",className:"hover:scale-105"})})}),(0,jsx_runtime.jsx)(Modal.u,{title:"Profile photo",isOpen:isOpen,setIsOpen:handleClose,contentClassName:"max-w-[450px] w-[95%] rounded-2xl",children:(0,jsx_runtime.jsx)("div",{className:"mt-4",children:(0,jsx_runtime.jsx)(Form.l,{className:"!space-y-1",globalError:errors.global,methods:methods,submitButton:()=>(0,jsx_runtime.jsxs)("div",{className:"flex gap-2",children:[(0,jsx_runtime.jsx)(Button.zx,{size:"sm",variant:"outline",onClick:handleClose,disabled:isLoading,children:"Cancel"}),(0,jsx_runtime.jsx)(Button.zx,{size:"sm",onClick:handleSubmit(onSubmit),disabled:isLoading,children:"Save"})]}),children:(0,jsx_runtime.jsxs)(Field.gN,{name:"avatar_key",children:[(0,jsx_runtime.jsx)(S3FileInput,{defaultPreview:avatarUrl}),(0,jsx_runtime.jsx)(ErrorMessage.B,{error:errors.avatar_key})]})})})})]})};var Tooltip=__webpack_require__(96210),TabGroup=__webpack_require__(88231),Tab=__webpack_require__(29828),Label=__webpack_require__(57059);let LinkIcon=param=>{let{className}=param;return(0,jsx_runtime.jsx)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",className:className,xmlns:"http://www.w3.org/2000/svg",children:(0,jsx_runtime.jsx)("path",{d:"M13.8283 10.1736C13.0782 9.42374 12.061 9.00248 11.0003 9.00248C9.93967 9.00248 8.92244 9.42374 8.17232 10.1736L4.17232 14.1736C3.79028 14.5426 3.48556 14.984 3.27592 15.472C3.06628 15.96 2.95594 16.4849 2.95132 17.016C2.94671 17.5471 3.04791 18.0739 3.24904 18.5654C3.45016 19.057 3.74717 19.5036 4.12274 19.8792C4.49832 20.2548 4.94492 20.5518 5.43651 20.7529C5.92809 20.954 6.45481 21.0552 6.98593 21.0506C7.51705 21.046 8.04193 20.9357 8.52994 20.726C9.01796 20.5164 9.45934 20.2117 9.82832 19.8296L10.9303 

118.7286M10.1723 13.8296C10.9224 14.5795 11.9397 15.0008 13.0003 15.0008C14.061 15.0008 15.0782 14.5795 15.8283 13.8296L19.8283 9.82963C20.557 9.07522 20.9601 8.06481 20.951 7.01602C20.9419 5.96724 20.5212 4.96399 19.7796 4.22235C19.038 3.48072 18.0347 3.06005 16.9859 3.05093C15.9371 3.04182 14.9267 3.445 14.1723 4.17363L13.0723 5.27363",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})};var InstagramOutlineIcon=__webpack_require__(23914),YoutubeOutlineIcon=__webpack_require__(72442),TiktokOutlineIcon=__webpack_require__(40488),FacebookOutlineIcon=__webpack_require__(7524),VimeoOutlineIcon=__webpack_require__(56324),TextInputField=__webpack_require__(84144),TextAreaField=__webpack_require__(30443);let IconText=(0,react.forwardRef)((param,ref)=>{let{className,icon,...rest}=param;return(0,jsx_runtime.jsxs)("div",{className:"flex items-center relative w-full",children:[(0,jsx_runtime.jsx)("div",{className:"absolute left-2 text-neutral-800 pointer-events-none",children:icon}),(0,jsx_runtime.jsx)("input",{ref:ref,type:"text",...rest,className:classnames_default()("block w-full pl-8 shadow-sm focus:ring-primary-100 focus:border-primary-500 text-sm border-neutral-200 rounded-xl placeholder:text-neutral-500 placeholder:font-light",className)})]})});function IconTextInputField(props){let{field}=(0,Field.Om)();return(0,jsx_runtime.jsx)(IconText,{...field,id:field.name,...props})}var TagField=__webpack_require__(11651);let ProfileVisibilityForm=param=>{let{data,onCancel}=param,{useUser,refreshSession}=(0,AuthContext.a)(),user=useUser(),{useUserProfileMutationQuery}=(0,hooks.hD)(),methods=(0,index_esm.cI)({resolver:(0,class_validator.L)(UpdateAccountDto),defaultValues:{email:data.email,first_name:data.first_name||"",last_name:data.last_name||"",description:data.description||"",tiktok_url:data.tiktok_url||"",youtube_url:data.youtube_url||"",facebook_url:data.facebook_url||"",instagram_url:data.instagram_url||"",vimeo_url:data.vimeo_url||"",website_url:data.website_url||"",website2_url:data.website2_url||"",website3_url:data.website3_url||"",tags:data.tags.map(tag=>tag.id)}}),{handleSubmit,formState:{errors},setError}=methods,{mutate:updateUser,isLoading}=useUserProfileMutationQuery({onSuccess(){null==onCancel||onCancel(),refreshSession()},onError(){setError("global",{message:"Oops. We cannot handle your request right now. Try again later"})}}),submit=data=>{updateUser({userId:user.cognito_id,data:{...data,website_url:addProtocolToUrl(data.website_url),website2_url:addProtocolToUrl(data.website2_url),website3_url:addProtocolToUrl(data.website3_url),youtube_url:addProtocolToUrl(data.youtube_url),tiktok_url:addProtocolToUrl(data.tiktok_url),instagram_url:addProtocolToUrl(data.instagram_url),facebook_url:addProtocolToUrl(data.facebook_url),vimeo_url:addProtocolToUrl(data.vimeo_url)}})};return(0,jsx_runtime.jsxs)(Form.l,{className:"!space-y-2",globalError:errors.global,methods:methods,submitButton:()=>(0,jsx_runtime.jsxs)("div",{className:"flex gap-2 mt-6",children:[(0,jsx_runtime.jsx)(Button.zx,{size:"sm",variant:"outline",onClick:onCancel,disabled:isLoading,children:"Cancel"}),(0,jsx_runtime.jsx)(Button.zx,{size:"sm",onClick:handleSubmit(submit),disabled:isLoading,children:"Save"})]}),children:[(0,jsx_runtime.jsxs)(Field.gN,{name:"first_name",children:[(0,jsx_runtime.jsx)(Label._,{htmlFor:"first_name",children:"First name*"}),(0,jsx_runtime.jsx)(TextInputField.Y,{placeholder:"Enter your first name",className:classnames_default()({"!border-red-500":!!errors.first_name})}),(0,jsx_runtime.jsx)(ErrorMessage.B,{error:errors.first_name})]}),(0,jsx_runtime.jsxs)(Field.gN,{name:"last_name",children:[(0,jsx_runtime.jsx)(Label._,{htmlFor:"last_name",children:"Last name*"}),(0,jsx_runtime.jsx)(TextInputField.Y,{placeholder:"Enter your last name",className:classnames_default()({"!border-red-500":!!errors.last_name})}),(0,jsx_runtime.jsx)(ErrorMessage.B,{error:errors.last_name})]}),(0,jsx_runtime.jsxs)(Field.gN,{name:"tags",children:[(0,jsx_runtime.jsx)(Label._,{htmlFor:"tags",children:"Tags*"}),(0,jsx_runtime.jsx)(TagField.X,{controlClassName:classnames_default()({"!border-red-500":!!errors.description}),initialTags:data.tags,placeholder:"Type tag for more options"}),(0,jsx_runtime.jsx)(ErrorMessage.B,{error:errors.tags})]}),(0,jsx_runtime.jsxs)(Field.gN,{name:"description",children:[(0,jsx_runtime.jsx)(Label._,{htmlFor:"description",className:"mt-6",children:"Description*"}),(0,jsx_runtime.jsx)(TextAreaField.N,{placeholder:"Type short bio (max. 250 marks).",className:classnames_default()({"!border-red-500":!!errors.description}),rows:6,withCounter:!0,maxLength:250}),(0,jsx_runtime.jsx)(ErrorMessage.B,{error:errors.description})]}),(0,jsx_runtime.jsx)(Label._,{className:"pt-5",htmlFor:"website_url",children:"Add link to your website (optional)"}),(0,jsx_runtime.jsx)(Field.gN,{name:"website_url",children:(0,jsx_runtime.jsxs)("div",{className:"pt-1",children:[(0,jsx_runtime.jsx)(IconTextInputField,{className:classnames_default()({"!border-red-500":!!errors.website_url}),icon:(0,jsx_runtime.jsx)(LinkIcon,{className:"w-5 h-5"}),placeholder:"Your website address"}),(0,jsx_runtime.jsx)(ErrorMessage.B,{error:errors.website_url})]})}),(0,jsx_runtime.jsxs)("div",{className:"md:flex md:gap-2 w-full",children:[(0,jsx_runtime.jsx)(Field.gN,{name:"website2_url",children:(0,jsx_runtime.jsxs)("div",{className:"pt-1 w-full",children:[(0,jsx_runtime.jsx)(IconTextInputField,{className:classnames_default()({"!border-red-500":!!errors.website2_url}),icon:(0,jsx_runtime.jsx)(LinkIcon,{className:"w-5 h-5"}),placeholder:"Add second website address"}),(0,jsx_runtime.jsx)(ErrorMessage.B,{error:errors.website2_url})]})}),(0,jsx_runtime.jsx)(Field.gN,{name:"website3_url",children:(0,jsx_runtime.jsxs)("div",{className:"pt-1 w-full",children:[(0,jsx_runtime.jsx)(IconTextInputField,{className:classnames_default()({"!border-red-500":!!errors.website3_url}),icon:(0,jsx_runtime.jsx)(LinkIcon,{className:"w-5 h-5"}),placeholder:"Add third website address"}),(0,jsx_runtime.jsx)(ErrorMessage.B,{error:errors.website3_url})]})})]}),(0,jsx_runtime.jsxs)(Field.gN,{name:"instagram_url",children:[(0,jsx_runtime.jsx)(Label._,{className:"pt-2",children:"Add your social media profile link (optional)"}),(0,jsx_runtime.jsxs)("div",{className:"pt-1",children:[(0,jsx_runtime.jsx)(IconTextInputField,{className:classnames_default()({"!border-red-500":!!errors.instagram_url}),icon:(0,jsx_runtime.jsx)(InstagramOutlineIcon.j,{}),placeholder:"Instagram profile link"}),(0,jsx_runtime.jsx)(ErrorMessage.B,{error:errors.instagram_url})]})]}),(0,jsx_runtime.jsx)(Field.gN,{name:"youtube_url",children:(0,jsx_runtime.jsxs)("div",{className:"pt-1",children:[(0,jsx_runtime.jsx)(IconTextInputField,{icon:(0,jsx_runtime.jsx)(YoutubeOutlineIcon.G,{}),className:classnames_default()({"!border-red-500":!!errors.youtube_url}),placeholder:"Youtube profile link"}),(0,jsx_runtime.jsx)(ErrorMessage.B,{error:errors.youtube_url})]})}),(0,jsx_runtime.jsx)(Field.gN,{name:"tiktok_url",children:(0,jsx_runtime.jsxs)("div",{className:"pt-1",children:[(0,jsx_runtime.jsx)(IconTextInputField,{icon:(0,jsx_runtime.jsx)(TiktokOutlineIcon.Z,{}),className:classnames_default()({"!border-red-500":!!errors.tiktok_url}),placeholder:"Tiktok profile link"}),(0,jsx_runtime.jsx)(ErrorMessage.B,{error:errors.tiktok_url})]})}),(0,jsx_runtime.jsx)(Field.gN,{name:"facebook_url",children:(0,jsx_runtime.jsxs)("div",{className:"pt-1",children:[(0,jsx_runtime.jsx)(IconTextInputField,{icon:(0,jsx_runtime.jsx)(FacebookOutlineIcon.V,{}),className:classnames_default()({"!border-red-500":!!errors.facebook_url}),placeholder:"Facebook profile link"}),(0,jsx_runtime.jsx)(ErrorMessage.B,{error:errors.facebook_url})]})}),(0,jsx_runtime.jsx)(Field.gN,{name:"vimeo_url",children:(0,jsx_runtime.jsxs)("div",{className:"pt-1",children:[(0,jsx_runtime.jsx)(IconTextInputField,{icon:(0,jsx_runtime.jsx)(VimeoOutlineIcon.k,{}),className:classnames_default()({"!border-red-500":!!errors.vimeo_url}),placeholder:"Vimeo profile link"}),(0,jsx_runtime.jsx)(ErrorMessage.B,{error:errors.vimeo_url})]})})]})};function addProtocolToUrl(url){return!url||/(http(s?)):\/\//i.test(url)?url:"https://".concat(url)}

1var MinLength=__webpack_require__(35896),register_decorator=__webpack_require__(36146),Validate=__webpack_require__(49021);class StringValidations{static containsUpperCase(value){return/[A-Z]/.test(value)}static containsLowerCase(value){return/[a-z]/.test(value)}static containsNumber(value){return/\d/.test(value)}}let MustContainUpperCaseValidator=class{validate(value){return"string"==typeof value&&StringValidations.containsUpperCase(value)}};MustContainUpperCaseValidator=(0,tslib_es6.gn)([(0,Validate.J)({name:"mustContainUpperCase",async:!1})],MustContainUpperCaseValidator);let MustContainLowerCaseValidator=class{validate(value){return"string"==typeof value&&StringValidations.containsLowerCase(value)}};MustContainLowerCaseValidator=(0,tslib_es6.gn)([(0,Validate.J)({name:"mustContainLowerCase",async:!1})],MustContainLowerCaseValidator);let MustContainNumberValidator=class{validate(value){return"string"==typeof value&&StringValidations.containsNumber(value)}};function IsValidPassword(){return function(target,propertyKey){var validationOptions,validationOptions1,validationOptions2;(0,IsString.XV)({message:"Must be text format"})(target,propertyKey),(0,IsNotEmpty.rl)({message:"You have to provide password"})(target,propertyKey),(0,MinLength.Bl)(6,{message:"Password must contain at least 6 characters"})(target,propertyKey),(validationOptions={message:"Password must contain at least one upper case letter"},(object,propertyName)=>{(0,register_decorator.e)({target:object.constructor,propertyName:propertyName.toString(),options:validationOptions,constraints:[],validator:MustContainUpperCaseValidator})})(target,propertyKey),(validationOptions1={message:"Password must contain at least one lower case letter"},(object,propertyName)=>{(0,register_decorator.e)({target:object.constructor,propertyName:propertyName.toString(),options:validationOptions1,constraints:[],validator:MustContainLowerCaseValidator})})(target,propertyKey),(validationOptions2={message:"Password must contain at least one number"},(object,propertyName)=>{(0,register_decorator.e)({target:object.constructor,propertyName:propertyName.toString(),options:validationOptions2,constraints:[],validator:MustContainNumberValidator})})(target,propertyKey)}}MustContainNumberValidator=(0,tslib_es6.gn)([(0,Validate.J)({name:"mustContainNumber",async:!1})],MustContainNumberValidator);let IsMatchValidator=class{validate(value,param){let{constraints,object}=param,[comparedPropertyName]=constraints,comparedValue=object[comparedPropertyName];return value===comparedValue}defaultMessage(){return"Passwords must match!"}};IsMatchValidator=(0,tslib_es6.gn)([(0,Validate.J)({name:"IsMatch",async:!1})],IsMatchValidator);var transform_decorator=__webpack_require__(46151);class ChangePasswordDto{}(0,tslib_es6.gn)([(0,IsString.XV)(),(0,IsNotEmpty.rl)({message:"Current password should not be empty"}),(0,transform_decorator.w)(param=>{let{value}=param;return null==value?void 0:value.trim()}),(0,tslib_es6.w6)("design:type",String)],ChangePasswordDto.prototype,"oldPassword",void 0),(0,tslib_es6.gn)([IsValidPassword(),(0,transform_decorator.w)(param=>{let{value}=param;return null==value?void 0:value.trim()}),(0,tslib_es6.w6)("design:type",String)],ChangePasswordDto.prototype,"newPassword",void 0),(0,tslib_es6.gn)([(object,propertyName)=>{(0,register_decorator.e)({target:object.constructor,propertyName,options:void 0,constraints:["newPassword"],validator:IsMatchValidator})},(0,transform_decorator.w)(param=>{let{value}=param;return null==value?void 0:value.trim()}),IsValidPassword(),(0,tslib_es6.w6)("design:type",String)],ChangePasswordDto.prototype,"newPasswordConfirm",void 0);var Typography=__webpack_require__(59785);let QuestionMarkOutlineIcon=param=>{let{className}=param;return(0,jsx_runtime.jsx)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",className:className,xmlns:"http://www.w3.org/2000/svg",children:(0,jsx_runtime.jsx)("path",{d:"M8.228 9C8.777 7.835 10.258 7 12 7C14.21 7 16 8.343 16 10C16 11.4 14.722 12.575 12.994 12.907C12.452 13.011 12 13.447 12 14M12 17H12.01M21 12C21 13.1819 20.7672 14.3522 20.3149 15.4442C19.8626 16.5361 19.1997 17.5282 18.364 18.364C17.5282 19.1997 16.5361 19.8626 15.4442 20.3149C14.3522 20.7672 13.1819 21 12 21C10.8181 21 9.64778 20.7672 8.55585 20.3149C7.46392 19.8626 6.47177 19.1997 5.63604 18.364C4.80031 17.5282 4.13738 16.5361 3.68508 15.4442C3.23279 14.3522 3 13.1819 3 12C3 9.61305 3.94821 7.32387 5.63604 5.63604C7.32387 3.94821 9.61305 3 12 3C14.3869 3 16.6761 3.94821 18.364 5.63604C20.0518 7.32387 21 9.61305 21 12Z",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})};var Modal_confirm=__webpack_require__(42595),Toast=__webpack_require__(39890),next_auth_react=__webpack_require__(19266);let Settings=param=>{let{onCancel}=param;return(0,jsx_runtime.jsxs)("div",{className:"flex flex-col gap-6",children:[(0,jsx_runtime.jsx)(Ch

1angePasswordForm,{onCancel:onCancel}),(0,jsx_runtime.jsx)(RemoveAccountSection,{})]})},ChangePasswordForm=param=>{let{onCancel}=param,{useUser}=(0,AuthContext.a)(),user=useUser(),{useChangeUserPasswordMutationQuery}=(0,hooks.hD)(),methods=(0,index_esm.cI)({resolver:(0,class_validator.L)(ChangePasswordDto),defaultValues:{oldPassword:"",newPassword:"",newPasswordConfirm:""}}),{handleSubmit,formState:{errors},reset}=methods,changePassword=useChangeUserPasswordMutationQuery({onSuccess(){(0,Toast.Qm)({description:"Password changed"}),reset()},onError(error){var ref;(0,Toast.Jc)({description:(null===(ref=error.response)||void 0===ref?void 0:ref.data.message)||"Something went wrong"})}}),submit=formData=>{changePassword.mutate({userId:user.cognito_id,...formData})};return(0,jsx_runtime.jsxs)(Form.l,{className:"!space-y-3",globalError:errors.global,methods:methods,submitButton:()=>(0,jsx_runtime.jsxs)("div",{className:"flex gap-2",children:[(0,jsx_runtime.jsx)(Button.zx,{size:"sm",variant:"outline",onClick:onCancel,children:"Cancel"}),(0,jsx_runtime.jsx)(Button.zx,{size:"sm",onClick:handleSubmit(submit),children:"Save"})]}),children:[(0,jsx_runtime.jsxs)(Field.gN,{name:"oldPassword",children:[(0,jsx_runtime.jsxs)(Label._,{htmlFor:"oldPassword",className:"flex items-center gap-1",children:[(0,jsx_runtime.jsx)("span",{children:"Change password"}),(0,jsx_runtime.jsx)(Tooltip.u,{overlayClassName:"max-w-[350px]",overlay:(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(Typography.Z,{variant:"bodySmall",children:"Password must contain at least:"}),(0,jsx_runtime.jsxs)("ul",{className:"list-disc list-inside",children:[(0,jsx_runtime.jsx)("li",{children:(0,jsx_runtime.jsx)(Typography.Z,{variant:"bodySmall",className:"inline",children:"6 characters"})}),(0,jsx_runtime.jsx)("li",{children:(0,jsx_runtime.jsx)(Typography.Z,{variant:"bodySmall",className:"inline",children:"one upper case letter"})}),(0,jsx_runtime.jsx)("li",{children:(0,jsx_runtime.jsx)(Typography.Z,{variant:"bodySmall",className:"inline",children:"one lower case letter"})}),(0,jsx_runtime.jsx)("li",{children:(0,jsx_runtime.jsx)(Typography.Z,{variant:"bodySmall",className:"inline",children:"one number"})})]})]}),children:(0,jsx_runtime.jsx)("span",{children:(0,jsx_runtime.jsx)(QuestionMarkOutlineIcon,{className:"w-4 h-4"})})})]}),(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsx)(TextInputField.Y,{type:"password",placeholder:"Current password",className:classnames_default()({"!border-red-500":!!errors.oldPassword})}),(0,jsx_runtime.jsx)(ErrorMessage.B,{error:errors.oldPassword})]})]}),(0,jsx_runtime.jsx)(Field.gN,{name:"newPassword",children:(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsx)(TextInputField.Y,{type:"password",placeholder:"New password",className:classnames_default()({"!border-red-500":!!errors.newPassword})}),(0,jsx_runtime.jsx)(ErrorMessage.B,{error:errors.newPassword})]})}),(0,jsx_runtime.jsx)(Field.gN,{name:"newPasswordConfirm",children:(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsx)(TextInputField.Y,{type:"password",placeholder:"Confirm new password",className:classnames_default()({"!border-red-500":!!errors.newPasswordConfirm})}),(0,jsx_runtime.jsx)(ErrorMessage.B,{error:errors.newPasswordConfirm})]})})]})},RemoveAccountSection=()=>{let{useUser}=(0,AuthContext.a)(),user=useUser(),{useDeleteAccountMutationQuery}=(0,hooks.hD)(),deleteAccount=useDeleteAccountMutationQuery({onSuccess:()=>(0,next_auth_react.signOut)({callbackUrl:"/api/auth/logout"}),onError:()=>(0,Toast.Jc)({description:"We cannot perform this operation now. Try again later"})}),handleDelete=()=>{(0,Modal_confirm.i)({title:"Are you sure?",onConfirm:async()=>deleteAccount.mutate(user.cognito_id),children:(0,jsx_runtime.jsx)(Typography.Z,{variant:"bodyBase",className:"text-neutral-700",children:"The account will no longer be available, and all data in the account will be permanently deleted. Click Delete to permanently delete this account."})})};return(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsx)(Typography.Z,{variant:"bodyBase",className:"text-neutral-700 mb-3",children:"Once you delete your account, there is no going back. Please be certain!"}),(0,jsx_runtime.jsx)("button",{className:" text-red-500 text-xs underline",onClick:handleDelete,children:"Delete account"})]})};(UserProfileTabs=UserProfileTabs1||(UserProfileTabs1={})).SETTINGS="SETTINGS",UserProfileTabs.PROFILE_VISIBILITY="PROFILE_VISIBILITY";let EditUserInfoModal=param=>{let{data,isOpen,setIsOpen}=param,handleClose=()=>{setIsOpen(!1)};return(0,jsx_runtime.jsx)(Modal.u,{title:"Add profile info",isOpen:isOpen,setIsOpen:handleClose,closeOnOutside:!1,contentClassName:"md:max-w-[650px] md:rounded-2xl",children:(0,jsx_runtime.jsxs)(TabGroup.v,{defaultActiveTab:UserProfileTabs1.PROFILE_VISIBILITY,children:[(0,jsx_runtime.jsxs)("div",{className:"relative flex gap-2 w-fit bg-neutral-100 p-2 rounded-2xl ",children:[(0,jsx_runtime.jsx)(SettingsTabButton,{tabId:UserProfileTabs1.PROFILE_VISIBILITY,label:"Profile visibility"}),(0,jsx_runtime.jsx)(SettingsTabButton,{tabId:UserProfileTabs1.SETTINGS,label:"Settings"})]}),(0,jsx_runtime.jsxs)("div",{className:"mt-3 p-3 shadow rounded-2xl",children:[(0,jsx_runtime.jsx)(Tab.O,{tabId:UserProfileTabs1.PROFILE_VISIBILITY,children:(0,jsx_runtime.jsx)(ProfileVisibilityForm,{data:data,onCancel:handleClose})}),(0,jsx_runtime.jsx)(Tab.O,{tabId:UserProfileTabs1.SETTINGS,children:(0,jsx_runtime.jsx)(Settings,{onCancel:handleClose})})]})]})})},SettingsTabButton=param=>{let{tabId,label}=param;return(0,jsx_runtime.jsx)(Tab.Y,{tabId:tabId,className:"flex flex items-center gap-2 !rou

1nded-lg !text-neutral-800 !p-1",children:label})};var InitialModalProvider=__webpack_require__(92240);let EditUserInfo=param=>{let{user}=param,initialModal=(0,InitialModalProvider.y)(),[isEditOpen,setIsEditOpen]=(0,react.useState)("editProfile"===initialModal);return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(Tooltip.u,{overlay:"Edit your profile",children:(0,jsx_runtime.jsx)(IconButton.h,{onClick:()=>setIsEditOpen(!0),icon:(0,jsx_runtime.jsx)(EditOutlineIcon.B,{className:"w-6 h-6 text-primary-500"}),variant:"base"})}),isEditOpen&&(0,jsx_runtime.jsx)(EditUserInfoModal,{data:user,isOpen:isEditOpen,setIsOpen:setIsEditOpen})]})};var UserInfoContent=__webpack_require__(21882);let UserInfo=param=>{let{user}=param;return(0,jsx_runtime.jsxs)("section",{className:"relative p-4 bg-white rounded-2xl w-full max-w-[1126px] mx-auto mb-10 md:mb-7 md:flex md:items-center md:gap-6 md:px-6 md:py-8 lg:gap-10 lg:mb-16",children:[(0,jsx_runtime.jsx)("div",{className:"absolute left-1/2 -translate-x-1/2 -top-[85px] w-fit md:static md:translate-x-0 ",children:(0,jsx_runtime.jsx)(ProfileAvatar.S,{src:user.avatar_key,children:(0,jsx_runtime.jsx)(EditProfileAvatarForm,{avatarUrl:user.avatar_key})})}),(0,jsx_runtime.jsxs)("div",{className:" w-full grid mt-[80px] md:mt-0",children:[(0,jsx_runtime.jsx)("div",{className:"mx-auto md:absolute md:top-6 md:right-6 lg:top-8 lg:right-8",children:(0,jsx_runtime.jsx)(ActionsRow.G,{user:user,children:(0,jsx_runtime.jsx)(EditUserInfo,{user:user})})}),(0,jsx_runtime.jsx)(UserInfoContent.V,{user:user})]})]})};var MainTabs=__webpack_require__(9382),BannerWrapper=__webpack_require__(74718),SimpleImage=__webpack_require__(86978),AddIcon=__webpack_require__(84176),next_link=__webpack_require__(66998),link_default=__webpack_require__.n(next_link);let ShareAdventureBanner=param=>{let{className}=param;return(0,jsx_runtime.jsxs)(BannerWrapper.S,{className:classnames_default()("bg-primary-500 !gap-2 !pt-2 !pb-8 min-w-[293px]",className),variant:"vertical",icon:(0,jsx_runtime.jsx)("div",{className:"relative w-[164px] h-[164px]",children:(0,jsx_runtime.jsx)(SimpleImage.E,{src:"/media/illustrations/GrandCanyon.webp",alt:"Grand canyon",fill:!0,className:"object-contain"})}),children:[(0,jsx_runtime.jsx)(Typography.Z,{variant:"h4",className:"text-white !text-xl",children:"New adventures to share? We want to see them!"}),(0,jsx_runtime.jsx)(link_default(),{href:"/videos/new",children:(0,jsx_runtime.jsx)(IconButton.h,{id:"nav-scroll",tabIndex:-1,icon:(0,jsx_runtime.jsx)(AddIcon.d,{className:"w-5 h-5"}),size:"sm",variant:"base",position:"right",className:"w-full flex justify-center md:w-fit py-2.5",children:"Submit a video"})})]})};var ArrowRight=__webpack_require__(71740);let CheckGuidelinesBanner=param=>{let{className}=param;return(0,jsx_runtime.jsxs)(BannerWrapper.S,{className:classnames_default()("bg-neutral-100 !gap-2 !pt-2 !pb-8 min-w-[293px]",className),variant:"vertical",icon:(0,jsx_runtime.jsx)("div",{className:"relative w-[164px] h-[164px]",children:(0,jsx_runtime.jsx)(SimpleImage.E,{src:"/media/illustrations/selfie.webp",alt:"Grand canyon",fill:!0,className:"object-contain"})}),children:[(0,jsx_runtime.jsx)(Typography.Z,{variant:"h4",className:"text-neutral-900 !text-xl",children:"Join an exclusive group of park explorers!"}),(0,jsx_runtime.jsx)(link_default(),{href:"/utilities/guidelines",children:(0,jsx_runtime.jsx)(IconButton.h,{tabIndex:-1,icon:(0,jsx_runtime.jsx)(ArrowRight.o,{className:"w-5 h-5"}),size:"sm",variant:"base",position:"right",className:"w-full flex justify-center md:w-fit py-2.5",children:"Check guidelines"})})]})},TripPlannerBanner=param=>{let{className}=param;return(0,jsx_runtime.jsxs)(BannerWrapper.S,{className:classnames_default()("bg-neutral-100 !gap-2 !pt-2 !pb-8 min-w-[293px]",className),variant:"vertical",icon:(0,jsx_runtime.jsx)("div",{className:"relative w-[164px] h-[164px]",children:(0,jsx_runtime.jsx)(SimpleImage.E,{src:"/media/illustrations/plan.webp",alt:"Grand canyon",fill:!0,className:"object-contain"})}),children:[(0,jsx_runtime.jsxs)(Typography.Z,{variant:"h4",className:"text-neutral-900 !text-xl max-w-[70%]",children:["You saved a ",(0,jsx_runtime.jsx)("span",{className:"text-primary-500",children:"trip checklist"})]}),(0,jsx_runtime.jsx)(link_default(),{href:"/trip-planner",children:(0,jsx_runtime.jsx)(IconButton.h,{tabIndex:-1,icon:(0,jsx_runtime.jsx)(ArrowRight.o,{className:"w-5 h-5"}),size:"sm",variant:"base",position:"right",className:"w-full flex justify-center md:w-fit py-2.5",children:"See what's needed"})})]})};var useButtonsAnalytics=__webpack_require__(76356);let UserProfile=param=>{let{children}=param;(0,useButtonsAnalytics.V)();let{useCurrentUserProfileQuery,useCurrentUserResourceCountQuery}=(0,hooks.hD)(),{data,isLoading}=useCurrentUserProfileQuery(),{data:resourceCount}=useCurrentUserResourceCountQuery();return isLoading||!data?(0,jsx_runtime.jsx)(Loading.g,{}):(0,jsx_runtime.jsxs)(UserPageWrapper.d,{children:[(0,jsx_runtime.jsx)(ProfileCover.D,{src:data.background_key,children:(0,jsx_runtime.jsx)(EditProfileCoverForm,{profileCover:data.background_key})}),(0,jsx_runtime.jsxs)(UserPageContentWrapper.L,{children:[(0,jsx_runtime.jsx)(UserInfo,{user:data}),(0,jsx_runtime.jsxs)(UserSubpageWrapper.X,{children:[(0,jsx_runtime.jsxs)("div",{className:"pb-6 grid grid-cols-[minmax(293px,_1fr)_minmax(293px,_1fr)_minmax(293px,_1fr)] gap-4 mx-auto overflow-x-auto snap-mandatory snap-x md:gap-6 lg:gap-8",children:[(0,jsx_runtime.jsx)(ShareAdventureBanner,{className:"snap-center"}),(0,jsx_runtime.jsx)(CheckGuidelinesBanner,{className:"snap-center"}),(0,jsx_runtime.jsx)(TripPlannerBanner,{className:"snap-center"})]}),(0,jsx_runtime.jsx)(MainTabs.E,{links:[{href:"/users/me/#nav-scroll",match:"/users/me",text:(0,jsx_runtime.jsx)(MainTabs._,{name:"My Videos",counter:resourceCount&&"".concat(resourceCount.videosCount)})},{href:"/users/me/parks/#nav-scroll",match:"/users/me/parks",text:(0,jsx_runtime.jsx)(MainTabs._,{name:"My Parks",counter:resourceCount&&"".concat(resourceCount.unlockedStickersCount,"/").concat(resourceCount.parksWithStickersCount)})},{href:"/users/me/checklists/#nav-scroll",match:"/users/me/checklists",text:"Checklists"},{href:"/users/me/subscriptions/#nav-scroll",match:"/users/me/subscriptions",text:"My subscriptions"}]}),children]})]})]})}},74718:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{S:function(){return BannerWrapper}});var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(97458);__webpack_require__(52983);var classnames__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(83849),classnames__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);let BannerWrapper=param=>{let{children,icon,className,variant="auto"}=param;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("article",{className:classnames__WEBPACK_IMPORTED_MODULE_2___default()("p-6 flex items-center gap-6 rounded-2xl",{"flex-col md:flex-row":"auto"===variant,"flex-col":"vertical"===variant},className),children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{className:"min-w-full flex justify-center md:min-w-[25%] xl:min-w-[200px]",children:icon}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{className:classnames__WEBPACK_IMPORTED_MODULE_2___default()("flex flex-col items-center text-center gap-6",{"md:items-start md:text-left":"auto"===variant}),children:children})]})}},42595:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{i:function(){return confirm}});var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(97458),react_dom_client__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(78520),_ConfirmationModal__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(3177);function confirm(config){let destroyFn=null,container=document.createDocumentFragment(),currentConfig={...config,setIsOpen:function(){"function"==typeof destroyFn&&destroyFn()},isOpen:!0};!function(){let root=function(element,container){let root=react_dom_client__WEBPACK_IMPORTED_MODULE_1__.createRoot(container);return root.render(element),root}((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ConfirmationModal__WEBPACK_IMPORTED_MODULE_3__.c,{...currentConfig}),container);

1destroyFn=()=>root.unmount()}()}__webpack_require__(52983)},2783:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{O:function(){return Skeleton}});var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(97458);__webpack_require__(52983);var classnames__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(83849),classnames__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);let Skeleton=param=>{let{variant="rounded",width="100%",height="auto",animation=!1,className}=param;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{style:{width,height},className:classnames__WEBPACK_IMPORTED_MODULE_2___default()("bg-neutral-100 relative overflow-hidden my-2",function(variant){switch(variant){case"circular":return"rounded-full";case"rounded":return"rounded";case"rectangular":return"rounded-none"}}(variant),function(animation){switch(animation){case"animate-pulse":return"animate-pulse";case"animate-shimmer":return"after:absolute after:top-0 after:bottom-0 after:left-0 after:right-0 after:bg-gradient-to-r after:from-transparent after:via-neutral-400/10 after:to-transparent after:-translate-x-full after:animate-shimmerMove";case!1:return"";default:return animation}}(animation),className)})}},29828:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{O:function(){return Tab},Y:function(){return TabButton}});var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(97458);__webpack_require__(52983);var _TabGroup__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(88231),classnames__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(83849),classnames__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__),_Typography__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(59785);let TabButton=param=>{let{children,tabId,className}=param,{setActiveTabId,activeTabId}=(0,_TabGroup__WEBPACK_IMPORTED_MODULE_3__._)();return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("button",{className:classnames__WEBPACK_IMPORTED_MODULE_2___default()("bg-white p-2 rounded-lg lg:p-[10px]",{"ring-2 ring-primary-500":activeTabId===tabId},className),onClick:()=>setActiveTabId(tabId),children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Typography__WEBPACK_IMPORTED_MODULE_4__.Z,{component:"span",variant:"bodyXL",className:classnames__WEBPACK_IMPORTED_MODULE_2___default()("text-neutral-500 whitespace-nowrap",className),children:children})})},Tab=param=>{let{children,tabId}=param,{activeTabId}=(0,_TabGroup__WEBPACK_IMPORTED_MODULE_3__._)();return activeTabId!==tabId?null:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{className:"w-full",children:children})}},88231:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{_:function(){return useTabContext},v:function(){return TabGroup}});var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(97458),react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(52983);let TabContext=react__WEBPACK_IMPORTED_MODULE_1__.createContext({activeTabId:null,setActiveTabId:()=>null}),useTabContext=()=>react__WEBPACK_IMPORTED_MODULE_1__.useContext(TabContext),TabGroup=param=>{let{children,defaultActiveTab,active,setActive}=param,[activeTabId,setActiveTabId]=react__WEBPACK_IMPORTED_MODULE_1__.useState(defaultActiveTab);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(TabContext.Provider,{value:{activeTabId:active||activeTabId,setActiveTabId:setActive||setActiveTabId},children:children})}}}]);
2//# sourceMappingURL=9909-beb3db0ecd4abfc6.js.map