@saasquatch/mint-components 1.15.0-55 → 1.15.0-57

package/dist/mint-components/p-71f366ae.js

@@ -0,0 +1 @@
+import{h as a}from"./p-c7c11325.js";import{i as e}from"./p-d1a138aa.js";import{c as l}from"./p-cef45012.js";import{T as t}from"./p-204861a6.js";function s(s){var i,r,o,n,p;const{states:d,callbacks:m}=s,{text:u,formState:c}=d,{errors:b,error:v}=c,x=l({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"}}}),f=x.toString(),g=(null===(i=d.user)||void 0===i?void 0:i.countryCode)?e.formatDisplayName(null===(r=d.user)||void 0===r?void 0:r.countryCode,{type:"region"}):"";return a("div",{class:x.classes.Container,part:"sqm-base"},a("style",{type:"text/css"},f),a(t,Object.assign({},{type:"h1"}),u.editProfileHeader),a(t,Object.assign({},{type:"h2"}),u.editProfileSubHeader),a("form",{class:x.classes.FormStyle,onSubmit:m.onSubmit},d.success&&a("sqm-form-message",{class:x.classes.Success,exportparts:"success-icon"},a("div",{part:"successalert-text"},u.submissionSuccessText)),v&&a("sqm-form-message",{class:x.classes.Error,type:"error",exportparts:"erroralert-icon"},a("div",{part:"erroralert-text"},v)),a("div",{class:x.classes.NameInputContainer},a("sl-input",Object.assign({class:x.classes.NameInputStyle,exportparts:"label: input-label, base: input-base",value:null===(o=d.user)||void 0===o?void 0:o.firstName,onInput:m.onChange,label:u.firstnametext,disabled:d.loading},(null==b?void 0:b.firstName)&&"valid"!==(null==b?void 0:b.firstName.status)?{class:"ErrorStyles",helpText:u.fieldEmptyText}:[],{id:"firstName",name:"firstName",error:(null==b?void 0:b.firstName)&&"valid"!==(null==b?void 0:b.firstName.status)?null==b?void 0:b.firstName.message:void 0})),a("sl-input",Object.assign({class:x.classes.NameInputStyle,exportparts:"label: input-label, base: input-base",value:null===(n=d.user)||void 0===n?void 0:n.lastName,onInput:m.onChange,label:u.lastnametext,disabled:d.loading,id:"lastName",name:"lastName"},(null==b?void 0:b.lastName)&&"valid"!==(null==b?void 0:b.lastName.status)?{class:"ErrorStyles",helpText:u.fieldEmptyText}:[],{error:(null==b?void 0:b.lastName)&&"valid"!==(null==b?void 0:b.lastName.status)?null==b?void 0:b.lastName.message:void 0}))),a("sl-input",{label:u.emailtext,value:null===(p=d.user)||void 0===p?void 0:p.email,exportparts:"label: input-label, base: input-base",disabled:!0}),d.showCountry&&a("sl-input",{label:u.countrytext,value:g,exportparts:"label: input-label, base: input-base",disabled:!0}),a("sl-button",{type:"primary",exportparts:"base: primarybutton-base",loading:d.loading,disabled:d.submitDisabled,onClick:a=>{m.onSubmit(a)},submit:!0},u.submitChangeButtonText)))}export{s as P}