@saasquatch/mint-components 1.15.0-33 → 1.15.0-34

package/dist/mint-components/{p-dc97f30c.js → p-a88cbefd.js}

@@ -1,4 +1,4 @@
-import{h as e,c as a,d as t,g as l}from"./p-f708da7b.js";import{k as r,b as i,u as s}from"./p-cd651f81.js";import{i as o}from"./p-5597ce59.js";import{d as n,H as d,J as c,F as u,w as p,$ as v,B as m,g,L as f}from"./p-94a876b9.js";import{c as h}from"./p-c1086930.js";import{l as b}from"./p-9ec99ced.js";import{c as x,j as C,a as y}from"./p-cef45012.js";import{a as w,S as q}from"./p-3f7b81b8.js";import{H as R,A as $,a as S,b as _,E as k}from"./p-49b20dae.js";import{C as M}from"./p-10586a3f.js";import{u as E}from"./p-19ccb4ce.js";import{l as I}from"./p-5bedb58c.js";import{T}from"./p-e309a219.js";import{p as V}from"./p-8d363802.js";import{a as z,b as L}from"./p-8c23d1b8.js";import{a as A,P as H}from"./p-a9f4ddb1.js";const B={facebook:{color:"#1877f2",text:"#fff",icon:"facebook"},twitter:{color:"#000000",text:"#fff",icon:"twitter-x"},email:{color:"#666666",text:"#fff",icon:"envelope"},direct:{color:"var(--sl-color-primary-500)",text:"#fff",icon:"send"},linkedin:{color:"#0077b5",text:"#fff",icon:"linkedin"},sms:{color:"#34DA50",text:"#fff",icon:"chat"},fbmessenger:{color:"#0084ff",text:"#fff",icon:"messenger"},whatsapp:{color:"#25d366",text:"#fff",icon:"whatsapp"},linemessenger:{color:"#00B300",text:"#fff",icon:"line"},pinterest:{color:"#e60023",text:"#fff",icon:"pinterest"}},F=x({HostBlock:R,buttonStyle:{display:"flex",alignItems:"center",justifyContent:"center",lineHeight:"0"}}),D=F.toString();function P(t,l){const r=`\n\tsl-button::part(base) {\n\t  border: ${t.border||"none"};\n\t\n\n\tbackground: ${t.backgroundcolor?t.backgroundcolor:t.medium?B[t.medium].color:""};\n\tcolor: ${t.textcolor?t.textcolor:t.medium?B[t.medium].text:""};\n\tborder-radius: ${t.borderradius?t.borderradius+"px":""};\n\t}\n\n\n\n\t*::part(label) {\n\t\tposition: relative;\n\t\ttop: 2%;\n\t}\n\t`;return t.hide?e(a,{style:{display:"none"}}):e("div",null,e("style",{type:"text/css"},D),e("style",{type:"text/css"},r),e("sl-button",{class:F.classes.buttonStyle,target:t.openInSameTab?"_self":"_blank",loading:t.loading,disabled:t.disabled,pill:t.pill,size:t.size,type:t.type,onClick:t.isPlainLink?void 0:t.onClick,href:t.isPlainLink?t.messageLink:void 0,exportparts:`base: ${t.type}button-base`},!t.hideicon&&e("sl-icon",{slot:t.iconslot||"prefix",name:t.icon?t.icon:B[t.medium].icon,exportparts:"base: icon"}),!t.hidetext&&l))}function j(a){var t,l,r;const{states:i,data:s,elements:n}=a,{styles:d}=i,c=x({Leaderboard:{"& table":{width:"100%",borderCollapse:"collapse",background:d.background||"transparent",borderRadius:d.borderRadius?`${d.borderRadius}px`:"0"},"& th":{textAlign:"left",padding:"var(--sl-spacing-medium)",paddingTop:"0",fontSize:"var(--sl-font-size-medium)",fontWeight:"var(--sl-font-weight-semibold)"},"& tr:not(:first-child)":{borderTop:`1px solid ${d.borderColor||"var(--sl-color-neutral-200)"}`},"& td":{fontSize:"var(--sl-font-size-medium)",fontWeight:"var(--sl-font-weight-normal)"},"& .ellipses":{textAlign:"left",padding:"0",color:d.textColor||"var(--sqm-text)",paddingLeft:"25%"},"& .highlight":{background:d.viewingUserHighlightColor||"var(--sl-color-primary-200)","& td, th":{color:d.viewingUserHighlightTextColor||"var(--sqm-text)"}},"& td, th":{color:d.textColor||"var(--sqm-text)",padding:"var(--sl-spacing-medium)"},"& .User":{width:"100%"},"& .Score":{width:"auto",whiteSpace:"nowrap"},"& .Rank":{whiteSpace:"nowrap"},"& .fullWidth":{width:"100%"}}}),u=c.toString(),p="\n  :host{\n    display: block;\n  }\n";if(i.isEssentials)return e("sqm-empty",{"empty-state-image":"https://res.cloudinary.com/saasquatch/image/upload/v1715360191/squatch-assets/Leaderboard_Not_Available.svg","empty-state-header":"Leaderboards aren’t available on your plan","empty-state-text":"Contact {supportText} to upgrade your plan and start leveraging gamification in your program.","support-text":"Support"});if(i.loading)return e("div",{class:c.classes.Leaderboard,style:{width:d.width||"100%"}},e("style",{type:"text/css"},u,p),e("table",null,[...Array(10)].map((()=>e("tr",null,e("td",null,e("sl-skeleton",null)))))));if(!i.hasLeaders)return n.empty;let v=!1;const m=e=>{if(!e.firstName&&!e.lastInitial)return d.anonymousUser;const{firstName:a,lastInitial:t}=e;return a&&t?`${a} ${t}`:a||t?a||t:d.anonymousUser},g=(e,a)=>{if(!e)return d.hideNames?`${d.viewingUserText}`:"-";const t=` - ${d.viewingUserText}`;return d.rankSuffix?o.formatMessage({id:"rank",defaultMessage:d.rankSuffix},{rank:e})+`${a&&d.hideNames?t:""}`:`${e} ${a&&d.hideNames?t:""}`};return e("div",{class:c.classes.Leaderboard,part:"sqm-base",style:{width:d.width||"100%"}},e("style",{type:"text/css"},u,p),e("table",{part:"sqm-table"},e("tr",null,d.showRank&&e("th",{class:"Rank "+(d.hideNames?"fullWidth":"")},d.rankheading),!d.hideNames&&e("th",{class:"User"},d.usersheading),e("th",{class:"Score"},d.statsheading)),null===(t=s.leaderboard)||void 0===t?void 0:t.map((a=>{var t,l;a.rowNumber===(null===(t=s.viewerRank)||void 0===t?void 0:t.rowNumber)&&(v=!0);const r=!d.hideViewer&&a.rowNumber===(null===(l=s.viewerRank)||void 0===l?void 0:l.rowNumber);return e("tr",{class:r?"highlight":""},d.showRank&&e("td",{class:"Rank"},g(a.rank,r)),!d.hideNames&&e("td",{class:"User"},m(a)),e("td",{class:"Score"},a.textValue))})),!v&&!d.hideViewer&&e("tr",null,e("td",{colSpan:100,class:"ellipses"},e("sl-icon",{name:"three-dots",style:{verticalAlign:"middle"}}))),!v&&!d.hideViewer&&e("tr",{class:"highlight"},d.showRank&&e("td",{class:"Rank"},g(null===(l=s.viewerRank)||void 0===l?void 0:l.rank,!0)),!d.hideNames&&e("td",{class:"User"},m(s.viewerRank||{})),e("td",{class:"Score"},(null===(r=s.viewerRank)||void 0===r?void 0:r.textValue)||"0"))))}function U(a){const{statvalue:t,flexReverse:l,alignment:r,statTextColor:i,statFontSize:s,descriptionTextColor:o,descriptionFontSize:n,statFontWeight:d}=a,c=x({Container:{display:"flex","flex-direction":l?"column-reverse":"column","align-items":"left"===r?"flex-start":"right"===r?"flex-end":"center"},Stat:{"font-size":s?`${s}px`:"var(--sl-font-size-xx-large)","text-align":r,color:i||"var(--sqm-text)",lineHeight:"35px",fontWeight:d||"var(--sl-font-weight-normal)"},Description:{"font-size":n?`${n}px`:"var(--sl-font-size-small)","font-weight":"var(--sl-font-weight-normal)",color:o||"var(--sqm-text)","text-align":r,lineHeight:"20px"}}),u=c.toString();return e("div",{part:"stat-wrapper",class:c.classes.Container},e("style",{type:"text/css"},u),e("div",{part:"stat-value",class:c.classes.Stat},t),e("div",{part:"stat-description",class:c.classes.Description},a.labelSlot))}function W(a,t){const{data:l,notFullScreen:r,border:i}=a,s=x({HostBlock:R,Frame:{display:"flex","flex-direction":"column","box-sizing":"border-box","&:nth-child(2)":{background:a.backgroundColor}},FooterWrapper:{width:"100%","max-width":"100%",padding:"var(--sl-spacing-medium) var(--sl-spacing-x-large)",background:a.headerAndFooterBackgroundColor,display:"flex","justify-content":"flex-end","align-items":"center","box-sizing":"border-box",borderTop:i,"margin-top":"auto"},HeaderWrapper:{width:"100%","max-width":"100%","box-sizing":"border-box",display:"flex","justify-content":"space-between",padding:"var(--sl-spacing-small) var(--sl-spacing-large)","align-items":"center",borderBottom:i,background:a.headerAndFooterBackgroundColor,"@media screen and (max-width: 499px)":{"flex-direction":"row-reverse","justify-content":"flex-end",padding:"0"}}}),o=s.toString();return e("div",{style:{minHeight:r?"100%":"100vh"},class:s.classes.Frame,part:"sqm-base"},e("style",{type:"text/css"},o),e("div",{class:s.classes.HeaderWrapper,part:"sqm-header"},l.header,e("slot",{name:"sqm-navigation-menu"})),t,e("div",{class:s.classes.FooterWrapper,part:"sqm-footer"},l.footer))}const Z=a=>{var t,l,r,i;const{states:s,callbacks:o}=a,{text:n}=s,{errors:d}=s.formState;return s.showEdit?e("div",{class:`CardWrapper ${!s.showEdit&&"ShowEdit"}`,part:"sqm-base"},e("h2",{part:"sqm-header",style:{fontSize:"var(--sl-font-size-x-large)",margin:"0px",textAlign:"center"}},n.editprofileheader),e("form",{class:"FormWrapper",onSubmit:o.onSubmit},e("div",{class:"FormSection"},s.formState.error&&e("sqm-form-message",{type:"error",exportparts:"erroralert-icon"},e("div",{part:"erroralert-text"},s.formState.error)),e("sl-input",Object.assign({exportparts:"label: input-label, base: input-base",value:s.formState.firstName,onInput:o.onChange,label:n.firstnametext,disabled:s.loading},d.firstName&&"valid"!==d.firstName.status?{class:"ErrorStyles",helpText:n.fieldEmptyText}:[],{id:"firstName",name:"firstName",error:d.firstName&&"valid"!==d.firstName.status?d.firstName.message:void 0})),e("sl-input",Object.assign({exportparts:"label: input-label, base: input-base",value:s.formState.lastName,onInput:o.onChange,label:n.lastnametext,disabled:s.loading,id:"lastName",name:"lastName"},d.lastName&&"valid"!==d.lastName.status?{class:"ErrorStyles",helpText:n.fieldEmptyText}:[],{error:d.lastName&&"valid"!==d.lastName.status?d.lastName.message:void 0}))),n.showregion&&s.formState.currentRegion&&e("sl-input",{exportparts:"label: input-label, base: input-base",disabled:!0,value:s.formState.currentRegion,label:n.currentregiontext,id:"currentRegion",name:"currentRegion"}),e("div",{class:"ButtonWrapper"},e("sl-button",{type:"primary",loading:s.loading,disabled:s.submitDisabled,onClick:e=>{o.onSubmit(e)},submit:!0,exportparts:"base: primarybutton-base"},n.updatetext),e("sl-button",{onClick:()=>{o.setShowEdit(!1)},exportparts:"base: secondarybutton-base"},n.canceltext)))):e("div",{class:`CardWrapper FormWrapper ${!s.showEdit&&"ShowEdit"}`,part:"sqm-base"},e("div",{class:"FormSection"},e("h2",{part:"sqm-header",style:{fontSize:"var(--sl-font-size-x-large)",marginBottom:"0px",textAlign:"center"}},n.editprofileheader),e("div",null,e("p",{style:{fontSize:"var(--sl-font-size-medium)"}},null===(t=s.user)||void 0===t?void 0:t.firstName," ",null===(l=s.user)||void 0===l?void 0:l.lastName),e("p",{style:{fontSize:"var(--sl-font-size-medium)"},title:null===(r=s.user)||void 0===r?void 0:r.email},null===(i=s.user)||void 0===i?void 0:i.email))),e("sl-button",{type:"primary",loading:s.loading,onClick:()=>{o.resetForm(),o.setShowEdit(!0)},exportparts:"base: primarybutton-base"},n.editprofiletext))},N=n.gql`
+import{h as e,c as a,d as t,g as l}from"./p-f708da7b.js";import{k as r,b as i,u as s}from"./p-cd651f81.js";import{i as o}from"./p-82aa6e64.js";import{d as n,H as d,J as c,F as u,w as p,$ as v,B as m,g,L as f}from"./p-94a876b9.js";import{c as h}from"./p-c1086930.js";import{l as b}from"./p-9ec99ced.js";import{c as x,j as C,a as y}from"./p-cef45012.js";import{a as w,S as q}from"./p-3f7b81b8.js";import{H as R,A as $,a as S,b as _,E as k}from"./p-49b20dae.js";import{C as M}from"./p-10586a3f.js";import{u as E}from"./p-19ccb4ce.js";import{l as I}from"./p-5bedb58c.js";import{T}from"./p-e309a219.js";import{p as V}from"./p-8d363802.js";import{a as z,b as L}from"./p-8c23d1b8.js";import{a as A,P as H}from"./p-a9f4ddb1.js";const B={facebook:{color:"#1877f2",text:"#fff",icon:"facebook"},twitter:{color:"#000000",text:"#fff",icon:"twitter-x"},email:{color:"#666666",text:"#fff",icon:"envelope"},direct:{color:"var(--sl-color-primary-500)",text:"#fff",icon:"send"},linkedin:{color:"#0077b5",text:"#fff",icon:"linkedin"},sms:{color:"#34DA50",text:"#fff",icon:"chat"},fbmessenger:{color:"#0084ff",text:"#fff",icon:"messenger"},whatsapp:{color:"#25d366",text:"#fff",icon:"whatsapp"},linemessenger:{color:"#00B300",text:"#fff",icon:"line"},pinterest:{color:"#e60023",text:"#fff",icon:"pinterest"}},F=x({HostBlock:R,buttonStyle:{display:"flex",alignItems:"center",justifyContent:"center",lineHeight:"0"}}),D=F.toString();function P(t,l){const r=`\n\tsl-button::part(base) {\n\t  border: ${t.border||"none"};\n\t\n\n\tbackground: ${t.backgroundcolor?t.backgroundcolor:t.medium?B[t.medium].color:""};\n\tcolor: ${t.textcolor?t.textcolor:t.medium?B[t.medium].text:""};\n\tborder-radius: ${t.borderradius?t.borderradius+"px":""};\n\t}\n\n\n\n\t*::part(label) {\n\t\tposition: relative;\n\t\ttop: 2%;\n\t}\n\t`;return t.hide?e(a,{style:{display:"none"}}):e("div",null,e("style",{type:"text/css"},D),e("style",{type:"text/css"},r),e("sl-button",{class:F.classes.buttonStyle,target:t.openInSameTab?"_self":"_blank",loading:t.loading,disabled:t.disabled,pill:t.pill,size:t.size,type:t.type,onClick:t.isPlainLink?void 0:t.onClick,href:t.isPlainLink?t.messageLink:void 0,exportparts:`base: ${t.type}button-base`},!t.hideicon&&e("sl-icon",{slot:t.iconslot||"prefix",name:t.icon?t.icon:B[t.medium].icon,exportparts:"base: icon"}),!t.hidetext&&l))}function j(a){var t,l,r;const{states:i,data:s,elements:n}=a,{styles:d}=i,c=x({Leaderboard:{"& table":{width:"100%",borderCollapse:"collapse",background:d.background||"transparent",borderRadius:d.borderRadius?`${d.borderRadius}px`:"0"},"& th":{textAlign:"left",padding:"var(--sl-spacing-medium)",paddingTop:"0",fontSize:"var(--sl-font-size-medium)",fontWeight:"var(--sl-font-weight-semibold)"},"& tr:not(:first-child)":{borderTop:`1px solid ${d.borderColor||"var(--sl-color-neutral-200)"}`},"& td":{fontSize:"var(--sl-font-size-medium)",fontWeight:"var(--sl-font-weight-normal)"},"& .ellipses":{textAlign:"left",padding:"0",color:d.textColor||"var(--sqm-text)",paddingLeft:"25%"},"& .highlight":{background:d.viewingUserHighlightColor||"var(--sl-color-primary-200)","& td, th":{color:d.viewingUserHighlightTextColor||"var(--sqm-text)"}},"& td, th":{color:d.textColor||"var(--sqm-text)",padding:"var(--sl-spacing-medium)"},"& .User":{width:"100%"},"& .Score":{width:"auto",whiteSpace:"nowrap"},"& .Rank":{whiteSpace:"nowrap"},"& .fullWidth":{width:"100%"}}}),u=c.toString(),p="\n  :host{\n    display: block;\n  }\n";if(i.isEssentials)return e("sqm-empty",{"empty-state-image":"https://res.cloudinary.com/saasquatch/image/upload/v1715360191/squatch-assets/Leaderboard_Not_Available.svg","empty-state-header":"Leaderboards aren’t available on your plan","empty-state-text":"Contact {supportText} to upgrade your plan and start leveraging gamification in your program.","support-text":"Support"});if(i.loading)return e("div",{class:c.classes.Leaderboard,style:{width:d.width||"100%"}},e("style",{type:"text/css"},u,p),e("table",null,[...Array(10)].map((()=>e("tr",null,e("td",null,e("sl-skeleton",null)))))));if(!i.hasLeaders)return n.empty;let v=!1;const m=e=>{if(!e.firstName&&!e.lastInitial)return d.anonymousUser;const{firstName:a,lastInitial:t}=e;return a&&t?`${a} ${t}`:a||t?a||t:d.anonymousUser},g=(e,a)=>{if(!e)return d.hideNames?`${d.viewingUserText}`:"-";const t=` - ${d.viewingUserText}`;return d.rankSuffix?o.formatMessage({id:"rank",defaultMessage:d.rankSuffix},{rank:e})+`${a&&d.hideNames?t:""}`:`${e} ${a&&d.hideNames?t:""}`};return e("div",{class:c.classes.Leaderboard,part:"sqm-base",style:{width:d.width||"100%"}},e("style",{type:"text/css"},u,p),e("table",{part:"sqm-table"},e("tr",null,d.showRank&&e("th",{class:"Rank "+(d.hideNames?"fullWidth":"")},d.rankheading),!d.hideNames&&e("th",{class:"User"},d.usersheading),e("th",{class:"Score"},d.statsheading)),null===(t=s.leaderboard)||void 0===t?void 0:t.map((a=>{var t,l;a.rowNumber===(null===(t=s.viewerRank)||void 0===t?void 0:t.rowNumber)&&(v=!0);const r=!d.hideViewer&&a.rowNumber===(null===(l=s.viewerRank)||void 0===l?void 0:l.rowNumber);return e("tr",{class:r?"highlight":""},d.showRank&&e("td",{class:"Rank"},g(a.rank,r)),!d.hideNames&&e("td",{class:"User"},m(a)),e("td",{class:"Score"},a.textValue))})),!v&&!d.hideViewer&&e("tr",null,e("td",{colSpan:100,class:"ellipses"},e("sl-icon",{name:"three-dots",style:{verticalAlign:"middle"}}))),!v&&!d.hideViewer&&e("tr",{class:"highlight"},d.showRank&&e("td",{class:"Rank"},g(null===(l=s.viewerRank)||void 0===l?void 0:l.rank,!0)),!d.hideNames&&e("td",{class:"User"},m(s.viewerRank||{})),e("td",{class:"Score"},(null===(r=s.viewerRank)||void 0===r?void 0:r.textValue)||"0"))))}function U(a){const{statvalue:t,flexReverse:l,alignment:r,statTextColor:i,statFontSize:s,descriptionTextColor:o,descriptionFontSize:n,statFontWeight:d}=a,c=x({Container:{display:"flex","flex-direction":l?"column-reverse":"column","align-items":"left"===r?"flex-start":"right"===r?"flex-end":"center"},Stat:{"font-size":s?`${s}px`:"var(--sl-font-size-xx-large)","text-align":r,color:i||"var(--sqm-text)",lineHeight:"35px",fontWeight:d||"var(--sl-font-weight-normal)"},Description:{"font-size":n?`${n}px`:"var(--sl-font-size-small)","font-weight":"var(--sl-font-weight-normal)",color:o||"var(--sqm-text)","text-align":r,lineHeight:"20px"}}),u=c.toString();return e("div",{part:"stat-wrapper",class:c.classes.Container},e("style",{type:"text/css"},u),e("div",{part:"stat-value",class:c.classes.Stat},t),e("div",{part:"stat-description",class:c.classes.Description},a.labelSlot))}function W(a,t){const{data:l,notFullScreen:r,border:i}=a,s=x({HostBlock:R,Frame:{display:"flex","flex-direction":"column","box-sizing":"border-box","&:nth-child(2)":{background:a.backgroundColor}},FooterWrapper:{width:"100%","max-width":"100%",padding:"var(--sl-spacing-medium) var(--sl-spacing-x-large)",background:a.headerAndFooterBackgroundColor,display:"flex","justify-content":"flex-end","align-items":"center","box-sizing":"border-box",borderTop:i,"margin-top":"auto"},HeaderWrapper:{width:"100%","max-width":"100%","box-sizing":"border-box",display:"flex","justify-content":"space-between",padding:"var(--sl-spacing-small) var(--sl-spacing-large)","align-items":"center",borderBottom:i,background:a.headerAndFooterBackgroundColor,"@media screen and (max-width: 499px)":{"flex-direction":"row-reverse","justify-content":"flex-end",padding:"0"}}}),o=s.toString();return e("div",{style:{minHeight:r?"100%":"100vh"},class:s.classes.Frame,part:"sqm-base"},e("style",{type:"text/css"},o),e("div",{class:s.classes.HeaderWrapper,part:"sqm-header"},l.header,e("slot",{name:"sqm-navigation-menu"})),t,e("div",{class:s.classes.FooterWrapper,part:"sqm-footer"},l.footer))}const Z=a=>{var t,l,r,i;const{states:s,callbacks:o}=a,{text:n}=s,{errors:d}=s.formState;return s.showEdit?e("div",{class:`CardWrapper ${!s.showEdit&&"ShowEdit"}`,part:"sqm-base"},e("h2",{part:"sqm-header",style:{fontSize:"var(--sl-font-size-x-large)",margin:"0px",textAlign:"center"}},n.editprofileheader),e("form",{class:"FormWrapper",onSubmit:o.onSubmit},e("div",{class:"FormSection"},s.formState.error&&e("sqm-form-message",{type:"error",exportparts:"erroralert-icon"},e("div",{part:"erroralert-text"},s.formState.error)),e("sl-input",Object.assign({exportparts:"label: input-label, base: input-base",value:s.formState.firstName,onInput:o.onChange,label:n.firstnametext,disabled:s.loading},d.firstName&&"valid"!==d.firstName.status?{class:"ErrorStyles",helpText:n.fieldEmptyText}:[],{id:"firstName",name:"firstName",error:d.firstName&&"valid"!==d.firstName.status?d.firstName.message:void 0})),e("sl-input",Object.assign({exportparts:"label: input-label, base: input-base",value:s.formState.lastName,onInput:o.onChange,label:n.lastnametext,disabled:s.loading,id:"lastName",name:"lastName"},d.lastName&&"valid"!==d.lastName.status?{class:"ErrorStyles",helpText:n.fieldEmptyText}:[],{error:d.lastName&&"valid"!==d.lastName.status?d.lastName.message:void 0}))),n.showregion&&s.formState.currentRegion&&e("sl-input",{exportparts:"label: input-label, base: input-base",disabled:!0,value:s.formState.currentRegion,label:n.currentregiontext,id:"currentRegion",name:"currentRegion"}),e("div",{class:"ButtonWrapper"},e("sl-button",{type:"primary",loading:s.loading,disabled:s.submitDisabled,onClick:e=>{o.onSubmit(e)},submit:!0,exportparts:"base: primarybutton-base"},n.updatetext),e("sl-button",{onClick:()=>{o.setShowEdit(!1)},exportparts:"base: secondarybutton-base"},n.canceltext)))):e("div",{class:`CardWrapper FormWrapper ${!s.showEdit&&"ShowEdit"}`,part:"sqm-base"},e("div",{class:"FormSection"},e("h2",{part:"sqm-header",style:{fontSize:"var(--sl-font-size-x-large)",marginBottom:"0px",textAlign:"center"}},n.editprofileheader),e("div",null,e("p",{style:{fontSize:"var(--sl-font-size-medium)"}},null===(t=s.user)||void 0===t?void 0:t.firstName," ",null===(l=s.user)||void 0===l?void 0:l.lastName),e("p",{style:{fontSize:"var(--sl-font-size-medium)"},title:null===(r=s.user)||void 0===r?void 0:r.email},null===(i=s.user)||void 0===i?void 0:i.email))),e("sl-button",{type:"primary",loading:s.loading,onClick:()=>{o.resetForm(),o.setShowEdit(!0)},exportparts:"base: primarybutton-base"},n.editprofiletext))},N=n.gql`
   query ($programId: ID, $engagementMedium: UserEngagementMedium!) {
     user: viewer {
       ... on User {