import{h}from"./index-38ad4957.js";import{i as intl}from"./global-96c14d63.js";import{c as createStyleSheet}from"./JSS-67b5cff8.js";import{T as TextSpanView}from"./sqm-text-span-view-72f43dff.js";function PortalProfileView(e){var a,t,s,i,l;var r=e.states,o=e.callbacks;var n=r.text,d=r.formState;var m=d.errors,u=d.error;var p={Container:{display:"flex",flexDirection:"column",gap:"var(--sl-spacing-xxx-large)",padding:"var(--sl-spacing-xxx-large)"},FormStyle:{width:"100%",minWidth:"700px","& >*:not(:last-child)":{"margin-bottom":"32px"},"@media screen and (max-width: 1100px)":{minWidth:"100%"}},Error:{"&::part(erroralert-base)":{"margin-bottom":"32px"}},Success:{"&::part(successalert-base)":{"margin-bottom":"32px"}},NameInputStyle:{width:"50%","@media screen and (max-width: 860px)":{width:"100%","margin-right":"0"}},NameInputContainer:{display:"flex",gap:"32px",width:"100%","@media screen and (max-width: 860px)":{flexDirection:"column"}}};var c=createStyleSheet(p);var v=c.toString();var b=((a=r.user)===null||a===void 0?void 0:a.countryCode)?intl.formatDisplayName((t=r.user)===null||t===void 0?void 0:t.countryCode,{type:"region"}):"";return h("div",{class:c.classes.Container,part:"sqm-base"},h("style",{type:"text/css"},v),h(TextSpanView,Object.assign({},{type:"h1"}),n.editProfileHeader),h(TextSpanView,Object.assign({},{type:"h2"}),n.editProfileSubHeader),h("form",{class:c.classes.FormStyle,onSubmit:o.onSubmit},r.success&&h("sqm-form-message",{class:c.classes.Success,exportparts:"success-icon"},h("div",{part:"successalert-text"},n.submissionSuccessText)),u&&h("sqm-form-message",{class:c.classes.Error,type:"error",exportparts:"erroralert-icon"},h("div",{part:"erroralert-text"},u)),h("div",{class:c.classes.NameInputContainer},h("sl-input",Object.assign({class:c.classes.NameInputStyle,exportparts:"label: input-label, base: input-base",value:(s=r.user)===null||s===void 0?void 0:s.firstName,onInput:o.onChange,label:n.firstnametext,disabled:r.loading},(m===null||m===void 0?void 0:m.firstName)&&(m===null||m===void 0?void 0:m.firstName.status)!=="valid"?{class:"ErrorStyles",helpText:n.fieldEmptyText}:[],{id:"firstName",name:"firstName",error:(m===null||m===void 0?void 0:m.firstName)&&(m===null||m===void 0?void 0:m.firstName.status)!=="valid"?m===null||m===void 0?void 0:m.firstName.message:undefined})),h("sl-input",Object.assign({class:c.classes.NameInputStyle,exportparts:"label: input-label, base: input-base",value:(i=r.user)===null||i===void 0?void 0:i.lastName,onInput:o.onChange,label:n.lastnametext,disabled:r.loading,id:"lastName",name:"lastName"},(m===null||m===void 0?void 0:m.lastName)&&(m===null||m===void 0?void 0:m.lastName.status)!=="valid"?{class:"ErrorStyles",helpText:n.fieldEmptyText}:[],{error:(m===null||m===void 0?void 0:m.lastName)&&(m===null||m===void 0?void 0:m.lastName.status)!=="valid"?m===null||m===void 0?void 0:m.lastName.message:undefined}))),h("sl-input",{label:n.emailtext,value:(l=r.user)===null||l===void 0?void 0:l.email,exportparts:"label: input-label, base: input-base",disabled:true}),r.showCountry&&h("sl-input",{label:n.countrytext,value:b,exportparts:"label: input-label, base: input-base",disabled:true}),h("sl-button",{type:"primary",exportparts:"base: primarybutton-base",loading:r.loading,disabled:r.submitDisabled,onClick:function(e){o.onSubmit(e)},submit:true},n.submitChangeButtonText)))}export{PortalProfileView as P};