https://ommo.ai/assets/user-settings-6863da31.js

1import{a as e,r as t}from"./react-vendor-690ef4bc.js";import{u as a,c as s,D as i}from"./index-d3072779.js";import{E as r}from"./editicon-8a697f27.js";import{A as n,m as l}from"./utils-b81ec68d.js";import{u as o,P as c}from"./useroles-08e2477b.js";import{g as m}from"./companyservice-c79794b9.js";import{S as d}from"./skeleton-loader-c65511d9.js";import{I as u}from"./Input-752b5448.js";import"./mui-core-0fc19580.js";const g=({className:t=""})=>e.createElement("svg",{className:`shrink-0 w-4 h-4 relative overflow-visible ${t}`,width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("g",{clipPath:"url(#clip0_969_9121)"},e.createElement("path",{d:"M4.66683 4C3.85307 4.00244 3.40271 4.02191 3.03265 4.17723C2.51429 4.3948 2.09217 4.79669 1.84557 5.3074C1.64428 5.72425 1.61135 6.25833 1.54547 7.3265L1.44224 9.0003C1.27842 11.6566 1.19651 12.9847 1.97595 13.8255C2.75539 14.6663 4.06851 14.6663 6.69477 14.6663H9.30557C11.9318 14.6663 13.2449 14.6663 14.0244 13.8255C14.8038 12.9847 14.7219 11.6566 14.5581 9.0003L14.4548 7.3265C14.389 6.25833 14.356 5.72425 14.1548 5.3074

1C13.9082 4.79669 13.486 4.3948 12.9677 4.17723C12.5976 4.02191 12.1472 4.00244 11.3335 4",stroke:"currentColor",strokeLinecap:"round"}),e.createElement("path",{d:"M11.3334 4.66732L10.7429 3.19094C10.4881 2.55396 10.2663 1.83138 9.61115 1.50702C9.26168 1.33398 8.84115 1.33398 8.00008 1.33398C7.15901 1.33398 6.73848 1.33398 6.38898 1.50702C5.73381 1.83138 5.51209 2.55396 5.2573 3.19094L4.66675 4.66732",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M10.3334 9.33333C10.3334 10.622 9.28875 11.6667 8.00008 11.6667C6.71141 11.6667 5.66675 10.622 5.66675 9.33333C5.66675 8.04467 6.71141 7 8.00008 7C9.28875 7 10.3334 8.04467 10.3334 9.33333Z",stroke:"currentColor"}),e.createElement("path",{d:"M7.99988 4H8.00588",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"})),e.createElement("defs",null,e.createElement("clipPath",{id:"clip0_969_9121"},e.createElement("rect",{width:"16",height:"16",fill:"white"})))),p={hidden:{opacity:0,y:-20},visible:{opacity:1,y:0},exit:{opacity:0,y:-20}},h=({show:t,onClose:a,message:s="Operation completed successfully",children:i,className:r=""})=>e.createElement(n,null,t&&e.createElement(l.div,{className:`bg-green-colors-green-8 rounded-xl border-solid border-green-colors-green-16 border pt-alert-py pr-alert-pr pb-alert-py flex flex-row gap-0 items-center justify-start shrink-0 relative mb-4 w-full h-10 ${r}`,initial:"hidden",animate:"visible",exit:"exit",variants:p,transition:{duration:.2}},e.createElement("div",{className:"pt-spacing-1 pr-4 pl-alert-pl flex flex-row gap-0 items-center justify-center self-stretch shrink-0 relative"},e.createElement("svg",{className:"shrink-0 w-6 h-6 relative overflow-visible",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM16.0303 8.96967C16.3232 9.26256 16.3232 9.73744 16.0303 10.0303L11.0303 15.0303C10.7374 15.3232 10.2626 15.3232 9.96967 15.0303L7.96967 13.0303C7.67678 12.7374 7.67678 12.2626 7.96967 11.9697C8.26256 11.6768 8.73744 11.6768 9.03033 11.9697L10.5 13.4393L12.7348 11.2045L14.9697 8.96967C15.2626 8.67678 15.7374 8.67678 16.0303 8.96967Z",fill:"#30B87A"}))),e.createElement("div",{className:"pt-spacing-1 pr-spacing-1 pb-spacing-1 flex flex-col gap-spacing-05 items-start justify-center flex-1 relative"},i||e.createElement("div",{className:"text-green-colors-green text-left font-sans text-text-sm-medium-font-size leading-text-sm-medium-line-height font-text-sm-medium-font-weight relative self-stretch"},s)),e.createElement("div",{className:"flex flex-row gap-0 items-center justify-center self-stretch shrink-0 relative"},e.createElement("button",{onClick:a,className:"shrink-0 p-1 hover:bg-green-colors-green-16 rounded","aria-label":"Close alert"},e.createElement("svg",{className:"w-[18px] h-[18px]",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M18 6L6 18M6 6L18 18",stroke:"#30B87A",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})))))),v={maxWidth:800,maxHeight:800,quality:.8,maxSizeMB:1},f={hidden:{opacity:0,y:20},visible:{opacity:1,y:0},exit:{opacity:0,y:-20}},E={hidden:{opacity:0,y:20},visible:{opacity:1,y:0,transition:{delay:.1}}},w=({className:i,...r})=>{const{isEditing:c,isEditingPassword:u,showSuccessAlert:g,successMessage:p,formData:f,passwordData:w,passwordErrors:b,isRemovingPhoto:x,fileInputRef:P,userInfo:k,loading:I,updating:S,changingPassword:L,toggleEdit:j,togglePasswordEdit:R,handleInputChange:F,handlePasswordChange:U,handleChangePassword:M,handleRemovePhoto:D,handleSave:B,handleImageUpload:T,triggerFileInput:q,getImageSrc:z,resetForm:A,setShowSuccessAlert:H}=(()=>{const[e,i]=t.useState(!1),[r,n]=t.useState(!1),[l,c]=t.useState(!1),[m,d]=t.useState("Profile updated successfully"),[u,g]=t.useState({username:"",email:"",phone:"",roleName:"",roleId:0}),[p,h]=t.useState({password:"",confirmPassword:""}),[f,E]=t.useState({}),[w,_]=t.useState(null),[y,N]=t.useState(!1),[C,b]=t.useState(!1),[x,P]=t.useState(!1),k=t.useRef(null),{roles:I,isLoading:S,error:L}=o(),{userInfo:j,loading:R,updating:F,changingPassword:U,updateUser:M,changePassword:D}=a(),B=t.useCallback(e=>{if(!I||0===I.length||!e)return 2;const t=I.find(t=>t.roleName.toLowerCase()===e.toLowerCase());return t?t.roleId:2},[I]);t.useEffect(()=>{j&&g({username:j.username||"",email:j.email||"",phone:j.phone||"",roleName:j.roleName||"",roleId:0})},[j]);const T=t.useCallback(()=>

1{if(r)return void s.info("Please finish password editing first");const t=!e;i(t),t&&j&&(g({username:j.username||"",email:j.email||"",phone:j.phone||"",roleName:j.roleName||"",roleId:0}),_(null),N(!1),b(!1))},[e,r,j]),q=t.useCallback(()=>{if(e)return void s.info("Please finish profile editing first");const t=!r;n(t),t&&(h({password:"",confirmPassword:""}),E({}))},[e,r]),z=t.useCallback(e=>{const{name:t,value:a}=e.target;g(e=>({...e,[t]:a}))},[]),A=t.useCallback(e=>{const{name:t,value:a}=e.target;h(e=>({...e,[t]:a})),f[t]&&E(e=>({...e,[t]:""}))},[f]),H=t.useCallback(()=>{const e={};return p.password?p.password.length<6&&(e.password="Password must be at least 6 characters"):e.password="New password is required",p.confirmPassword?p.password!==p.confirmPassword&&(e.confirmPassword="Passwords do not match"):e.confirmPassword="Please confirm your new password",e.password&&s.error(e.password),e.confirmPassword&&s.error(e.confirmPassword),0===Object.keys(e).length},[p]),W=t.useCallback(()=>u.username.trim()&&u.email.trim()?!!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(u.email)||(s.error("Please enter a valid email address"),!1):(s.error("Username and email are required"),!1),[u]),$=t.useCallback(async(e,t=v)=>new Promise((a,s)=>{const i=new FileReader;i.readAsDataURL(e),i.onload=i=>{const r=new Image;r.src=i.target?.result,r.onload=()=>{const i=document.createElement("canvas");let n=r.width,l=r.height;if(n>t.maxWidth||l>t.maxHeight){const e=Math.min(t.maxWidth/n,t.maxHeight/l);

1n=Math.floor(n*e),l=Math.floor(l*e)}i.width=n,i.height=l;const o=i.getContext("2d");o?(o.drawImage(r,0,0,n,l),i.toBlob(i=>{if(!i)return void s(new Error("Failed to compress image"));if(i.size>1024*t.maxSizeMB*1024){const i={...t,quality:.8*t.quality};return void $(e,i).then(a).catch(s)}const r=new File([i],e.name,{type:"image/jpeg",lastModified:Date.now()});a(r)},"image/jpeg",t.quality)):s(new Error("Failed to get canvas context"))},r.onerror=()=>{s(new Error("Failed to load image"))}},i.onerror=()=>{s(new Error("Failed to read file"))}}),[]),G=t.useCallback(async e=>{const t=e.target.files?.[0];if(!t)return;if(!["image/jpeg","image/png","image/gif","image/webp"].includes(t.type))return void s.error("Please upload a valid image file (JPEG, PNG, GIF, or WebP)");const a=v.maxSizeMB;t.size>1024*a*1024&&s.info(`Image is being compressed to under ${a}MB...`),P(!0);try{const e=await $(t);((t.size-e.size)/t.size*100).toFixed(1),_(e),N(!1),b(!1)}catch(i){s.error("Failed to process image. Please try again."),_(t),N(!1),b(!1)}finally{P(!1)}k.current&&(k.current.value="")},[$]),O=t.useCallback(async()=>{if(H())try{const e=await D(p);e.success?(n(!1),d(e.message||"Password changed successfully"),c(!0),h({password:"",confirmPassword:""}),setTimeout(()=>c(!1),3e3)):E(t=>({...t,apiError:e.message||"Failed to change password"}))}catch(e){}},[H,D,p]),Z=t.useCallback(async()=>{b(!0),N(!0),_(null);try{const e=B(j?.roleName||""),t={Username:j?.username||"",Email:j?.email||"",Phone:j?.phone||"",Role:e,DeletePicture:!0},a=await M(t);a.success&&(d(a.message||"Photo removed successfully"),c(!0),setTimeout(()=>c(!1),3e3))}catch(e){}finally{b(!1)}},[B,j,M]),J=t.useCallback(async()=>{if(W())try{const e=B(j?.roleName||""),t={Username:u.username.trim(),Email:u.email.trim(),Phone:u.phone.replace(/[^\d+]/g,""),Role:e,DeletePicture:y,profileImageUrl:w||void 0},a=await M(t);a.success&&(i(!1),_(null),N(!1),b(!1),d(a.message||"Profile updated successfully"),c(!0),setTimeout(()=>c(!1),3e3))}catch(e){}},[W,B,j,u,y,w,M]),V=t.useCallback(()=>{k.current?.click()},[]),X=t.useCallback(()=>w?URL.createObjectURL(w):y?"user-thumbnail.png":j?.profileImageUrl||"user-thumbnail.png",[w,y,j]),Y=t.useCallback(()=>{j&&g({username:j.username||"",email:j.email||"",phone:j.phone||"",roleName:j.roleName||"",roleId:0}),_(null),N(!1),b(!1)},[j]);return{isEditing:e,isEditingPassword:r,showSuccessAlert:l,successMessage:m,formData:u,passwordData:p,passwordErrors:f,profileImage:w,deletePicture:y,isRemovingPhoto:C,isCompressingImage:x,fileInputRef:k,roles:I,rolesLoading:S,rolesError:L,userInfo:j,loading:R,updating:F,changingPassword:U,toggleEdit:T,togglePasswordEdit:q,handleInputChange:z,handlePasswordChange:A,handleChangePassword:O,handleRemovePhoto:Z,handleSave:J,handleImageUpload:G,triggerFileInput:V,getImageSrc:X,resetForm:Y,setShowSuccessAlert:c}})(),{company:W,loading:$}=(()=>{const[e,a]=t.useState(null),[s,i]=t.useState(!0),[r,n]=t.useState(null);return t.useEffect(()=>{(async()=>{try{i(!0);const e=await m();a(e.data)}catch(e){n(e.message||"Failed to load company profile")}finally{i(!1)}})()},[]),{company:e,loading:s,error:r}})(),[G,O]=t.useState(!0);t.useEffect(()=>{I||$||O(!1)},[I,$]);const Z=()=>{A(),j()};return G?e.createElement(l.div,{initial:{opacity:0}

1,animate:{opacity:1},transition:{duration:.5},className:`user-settings ${i}`},e.createElement(d,null)):k||I?e.createElement(l.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.8,ease:"easeInOut"},className:`user-settings ${i}`},e.createElement("div",{className:"user-settings__content"},e.createElement(h,{show:g,onClose:()=>H(!1),message:p}),e.createElement(l.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{delay:.1,duration:.6},className:"user-settings__profile-card"},e.createElement("div",{className:"user-settings__profile-header"},e.createElement("div",{className:"user-settings__profile-info"},e.createElement(l.img,{initial:{opacity:0,scale:.9},animate:{opacity:1,scale:1},transition:{delay:.2,duration:.5},className:"user-settings__avatar",src:W?.logo||"/user-thumbnail.png",alt:"Company Logo",onError:e=>{e.currentTarget.src="/user-thumbnail.png"}}),e.createElement("div",{className:"user-settings__profile-details"},e.createElement(l.div,{initial:{opacity:0,x:-10},animate:{opacity:1,x:0},transition:{delay:.3,duration:.5},className:"user-settings__profile-name"},I?"Loading...":k?.username||"CWX Transportation"),e.createElement(l.div,{initial:{opacity:0,x:-10},animate:{opacity:1,x:0},transition:{delay:.4,duration:.5},className:"user-settings__profile-role"},I?"Loading...":k?.roleName||"Carrier"))))),e.createElement(n,{mode:"wait"},c?e.createElement(y,{formData:f,userInfo:k,isRemovingPhoto:x,fileInputRef:P,onInputChange:F,onImageUpload:T,onRemovePhoto:D,onTriggerFileInput:q,getImageSrc:z,onCancel:Z,onSave:B,updating:S}):e.createElement(_,{userInfo:k,loading:I,onEdit:j,isEditingPassword:u})),e.createElement(n,{mode:"wait"},u?e.createElement(C,{passwordData:w,passwordErrors:b,changingPassword:L,onPasswordChange:U,onChangePassword:M,onCancel:R}):e.createElement(N,{onEdit:R,isEditing:c})),e.createElement(n,null,c&&e.createElement(l.div,{className:"user-settings__action-buttons",initial:"hidden",animate:"visible",exit:"hidden",variants:E},e.createElement("button",{className:"user-settings__cancel-button",onClick:Z,disabled:S||x},"Cancel"),e.createElement("button",{className:"user-settings__save-button",onClick:B,disabled:S||x},S?"Saving...":"Save"))))):e.createElement(l.div,{initial:{opacity:0}

1,animate:{opacity:1},transition:{duration:.5},className:`user-settings ${i} w-full p-6 text-center`},e.createElement("p",{className:"text-gray-500"},"No user data available"))},_=({userInfo:t,loading:a,onEdit:s,isEditingPassword:i})=>e.createElement(l.div,{className:"user-settings__details-card",initial:"hidden",animate:"visible",exit:"exit",variants:f,transition:{duration:.2}},e.createElement("div",{className:"user-settings__details-card_with_edit"},e.createElement("div",{className:"user-settings__card-title"},"Profile details"),e.createElement("button",{onClick:s,disabled:a||i,title:i?"Finish password editing first":"Edit profile"},e.createElement(r,null))),e.createElement("div",{className:"user-settings__divider"}),e.createElement("div",{className:"user-settings__photo-section"},e.createElement("div",{className:"user-settings__photo-section"},e.createElement(l.img,{initial:{opacity:0,scale:.9},animate:{opacity:1,scale:1},transition:{duration:.3},className:"user-settings__user-avatar",src:t?.profileImageUrl||"user-thumbnail.png",onError:e=>{e.currentTarget.src="/user-thumbnail.png"}}),e.createElement("div",{className:"flex flex-col gap-0.5 items-start justify-start shrink-0 w-[280px] relative"},e.createElement(l.div,{initial:{opacity:0,y:5},animate:{opacity:1,y:0},transition:{delay:.1},className:"user_settings_view_text"},a?"Loading...":t?.username||"Guy Hawkins"),e.createElement(l.div,{initial:{opacity:0,y:5},animate:{opacity:1,y:0},transition:{delay:.2},className:"use_setting_text_gray"},a?"Loading...":t?.roleName||"Administrator")))),e.createElement("div",{className:"user-settings__divider"}),e.createElement("div",{className:"flex flex-col gap-3 items-start justify-end shrink-0 w-[874px] relative"},e.createElement(b,{label:"User Name:",value:t?.username,loading:a}),e.createElement(b,{label:"Role:",value:t?.roleName,loading:a}),e.createElement(b,{label:"Phone #:",value:t?.phone,loading:a}),e.createElement(b,{label:"Email:",value:t?.email,loading:a}))),y=({formData:t,userInfo:a,isRemovingPhoto:s,fileInputRef:n,onInputChange:o,onImageUpload:c,onRemovePhoto:m,onTriggerFileInput:d,getImageSrc:u,onCancel:p,onSave:h,updating:v})=>e.createElement(l.div,{className:"user-settings__details-card",initial:"hidden",animate:"visible",exit:"exit",variants:f,transition:{duration:.2}},e.createElement("div",{className:"user-settings__details-card_with_edit"},e.createElement("div",{className:"user-settings__card-title"},"Profile details"),e.createElement("button",{onClick:p},e.createElement(r,null))),e.createElement("div",{className:"user-settings__divider"}),e.createElement("div",{className:"user-settings__photo-section"},e.createElement("div",{className:"user-settings__photo-info"},e.createElement(l.img,{initial:{opacity:0}

1,animate:{opacity:1},transition:{duration:.3},className:"user-settings__user-avatar",src:u(),alt:"User",onError:e=>{e.currentTarget.src="user-thumbnail.png"}}),e.createElement("div",{className:"user-settings__photo-details"},e.createElement("div",{className:"user-settings__photo-title"},"Photo"),e.createElement("div",{className:"user-settings__photo-description"},"500x500px in JPG, PNG format")),e.createElement("div",{className:"user-settings__photo-edit"},e.createElement("input",{type:"file",ref:n,onChange:c,accept:"image/jpeg,image/png",style:{display:"none"}}),e.createElement(l.button,{whileHover:{scale:1.05},whileTap:{scale:.95},className:"user-settings__edit-button",onClick:d,type:"button"},e.createElement(g,null)))),e.createElement("div",{className:"user-settings__photo-actions"},e.createElement(l.button,{whileHover:{scale:1.02},whileTap:{scale:.98},className:"user-settings__remove-photo-button",onClick:m,type:"button",disabled:s||!a?.profileImageUrl},s?"Removing...":e.createElement(e.Fragment,null,e.createElement(i,{className:"text-[#FF4F5B]"}),e.createElement("span",null,"Remove photo"))))),e.createElement("div",{className:"user-settings__divider"}),e.createElement("div",{className:"user-settings__form-section"},e.createElement("div",{className:"user-settings__form-row"},e.createElement(x,{label:"User Name",name:"username",type:"text",placeholder:"Enter Your Name",value:t.username||"",onChange:o}),e.createElement(x,{label:"Email",name:"email",type:"email",placeholder:"Enter your email",value:t.email||"",onChange:o})),e.createElement("div",{className:"user-settings__form-row mt-4"},e.createElement(x,{label:"Phone #",name:"phone",type:"tel",placeholder:"Enter phone number",value:t.phone||"",onChange:o}),e.createElement(P,{label:"Role",value:a?.roleName||"No role assigned"})))),N=({onEdit:t,isEditing:a})=>e.createElement(l.div,{className:"user-settings__details-card",initial:"hidden",animate:"visible",exit:"exit",variants:f,transition:{duration:.2}},e.createElement("div",{className:"user-settings__details-card_with_edit"},e.createElement("div",{className:"user-settings__card-title"},"Change password"),e.createElement("button",{onClick:t,disabled:a,title:a?"Finish profile editing first":"Change password"},e.createElement(r,null))),e.createElement("div",{className:"user-settings__divider"}),e.createElement("div",{className:"flex flex-col gap-3 items-start justify-end shrink-0 w-[874px] relative"},e.createElement(b,{label:"Password:",value:"********",loading:!1}))),C=({passwordData:t,passwordErrors:a,changingPassword:s,onPasswordChange:i,onChangePassword:n,onCancel:o})=>e.createElement(l.div,{className:"user-settings__details-card",initial:"hidden",animate:"visible",exit:"exit",variants:f,transition:{duration:.2}},e.createElement("div",{className:"user-settings__details-card_with_edit"},e.createElement("div",{className:"user-settings__card-title"},"Change password"),e.createElement("button",{onClick:o},e.createElement(r,null))),e.createElement("div",{className:"user-settings__divider"}),a.apiError&&e.createElement(l.div,{initial:{opacity:0,height:0},animate:{opacity:1,height:"auto"},className:"user-settings__error-message mb-4"},a.apiError),e.createElement("div",{className:"user-settings__form-section"},e.createElement("div",{className:"user-settings__form-row"},e.createElement("div",{className:"user-settings__form-field"},e.createElement(c,{name:"password",value:t.password,onChange:i,label:"New Password",placeholder:"Enter new password",error:a.password,required:!0,disabled:s,className:"w-full",autoComplete:"new-password"})),e.createElement("div",{className:"user-settings__form-field"},e.createElement(c,{name:"confirmPassword",value:t.confirmPassword,onChange:i,label:"Confirm Password",placeholder:"Confirm new password",error:a.confirmPassword,required:!0,disabled:s,className:"w-full",autoComplete:"new-password"})))),e.createElement("div",{className:"user-settings__action-buttons mt-4"},e.createElement("button",{className:"user-settings__cancel-button",onClick:o,disabled:s},"Cancel"),e.createElement("button",{className:"user-settings__save-button",onClick:n,disabled:s},s?"Changing...":"Change Password"))),b=({label:t,value:a,loading:s})=>e.createElement(l.div,{initial:{opacity:0,x:-10}

1,animate:{opacity:1,x:0},transition:{duration:.3},className:"use_setting_text_gray_box"},e.createElement("div",{className:"use_setting_text_gray w-[100px]"},t),e.createElement("div",{className:"user_settings_text_fatched"},e.createElement("div",{className:"user_settings_view_text"},s?"Loading...":a||"---"))),x=({label:t,name:a,type:s,placeholder:i,value:r,onChange:n})=>"password"===s?e.createElement(l.div,{initial:{opacity:0,y:10},animate:{opacity:1,y:0},transition:{duration:.3},className:"user-settings__form-field"},e.createElement(c,{name:a,value:r||"",onChange:e=>{n(e)},label:t,placeholder:i,required:!0,className:"w-full",autoComplete:"current-password"})):e.createElement(l.div,{initial:{opacity:0,y:10},animate:{opacity:1,y:0},transition:{duration:.3},className:"user-settings__form-field"},e.createElement(u,{label:t,type:s,name:a,placeholder:i,value:r||"",onChange:e=>{n({target:{name:a,value:e}})},className:"w-full",inputClassName:"user-settings__input-field"})),P=({label:t,value:a})=>e.createElement(l.div,{initial:{opacity:0,y:10},animate:{opacity:1,y:0},transition:{duration:.3},className:"user-settings__form-field"},e.createElement(u,{label:t,type:"text",value:a||"",disabled:!0,className:"w-full",inputClassName:"bg-grey-colors-grey-50 cursor-not-allowed border-grey-colors-grey-300",showClearButton:!1})),k=w;export{k as UserSettings,w as UserSettingsView};