@saasquatch/mint-components 1.10.2-12 → 1.10.2-13

package/dist/mint-components/{p-7b1b45e9.entry.js → p-410d0544.entry.js}

@@ -1,4 +1,4 @@
-import{r as e,h as t,c as s}from"./p-64c3217a.js";import{n as r,f as a,k as n,i,u as o,m as l,b as d,j as c}from"./p-fd2c5407.js";import{i as u}from"./p-8704937c.js";import{i as h,_ as m,d as p,Q as v,H as g,f,y as b,B as y,L as x,g as w,$ as k,p as C,q as E,x as S,u as I,r as R,S as M}from"./p-a8f7cb95.js";import{j as q}from"./p-e7e129ac.js";import{c as _}from"./p-c1086930.js";import"./p-02be1a88.js";import{c as N}from"./p-cef45012.js";import{a as T}from"./p-41a11a7f.js";import{u as A}from"./p-51f517a2.js";import"./p-251e7567.js";import{g as P,a as L,s as $}from"./p-9ec99ced.js";import"./p-5d0c9424.js";import{p as D}from"./p-8d363802.js";import{R as V,u as F}from"./p-a6a7dcaa.js";import{i as j}from"./p-61eab172.js";import{A as B}from"./p-121cdc60.js";import{b as z,V as O,B as U,Q as H,K as W,j as G,M as Z,D as K,E as X,H as Y,I as J,W as Q,L as ee,N as te,d as se,i as re,P as ae,e as ne,f as ie,R as oe,X as le,k as de,a as ce,S as ue,C as he,u as me,c as pe,T as ve}from"./p-1cc0f6ce.js";import"./p-e704842c.js";const ge=class{constructor(t){e(this,t),this.flexReverse=!1,this.ignored=!0,r(this)}disconnectedCallback(){}render(){var e;const{props:s,label:r}=h()?z(this):O(this),a=!!(null===(e=m().innerHTML)||void 0===e?void 0:e.trim()),n=t("slot",{name:"label"},a?t("slot",null):r);return t(U,Object.assign({},s,{labelSlot:n}))}},fe=class{constructor(t){e(this,t),r(this)}disconnectedCallback(){}render(){var e,r;const n=null!==(e=function(e){if(e)try{return H(e)}catch{}}(this.brandColor))&&void 0!==e?e:"",i=(null!==(r=this.brandFont)&&void 0!==r?r:"Nunito Sans").trim()||void 0;a((()=>{if(!i)return;const e=document.createElement("link");return e.setAttribute("href",function(...e){return`https://fonts.googleapis.com/css2?${e.map((e=>`family=${encodeURIComponent(e)}`)).join("&")}`}(i)),e.setAttribute("rel","stylesheet"),document.head.appendChild(e),()=>document.head.removeChild(e)}),[i]);const o=null!=i?i:"";return t(s,null,t("style",null,`\n\n          :host{\n            display: contents;\n          }\n          /* \n          Selects any element placed inside a slot\n           - resets css variable inheritence for fonts\n          \n          */\n          ::slotted(*) {\n            --sl-font-sans: "${o}", arial;\n            --sl-input-font-family: "${o}", arial;\n            --sl-tooltip-font-family: "${o}", arial;\n            font-family:  "${o}", arial;\n\t\t\t\n            ${n}\n\n            --sl-focus-ring-color-primary: var(--sl-color-primary-100);\n            --sl-input-border-color-focus: var(--sl-color-primary-500);\n            --sl-color-primary-hue: var(--sl-color-primary-500);\n          }`),t("slot",null))}},be=class{constructor(t){e(this,t),this.ignored=!0,this.width=347,this.gap=24,r(this)}disconnectedCallback(){}render(){return t(W,Object.assign({},P(this)),t("slot",null))}},ye=N({IconStyle:{display:"block",position:"absolute",top:"23px"},DivStyle:{marginLeft:"28px"},Details:{marginLeft:"28px"},Heading:{display:"inline-block"},Children:{display:"none"}}),xe=ye.toString();function we({missingProps:e,heading:s="There was a problem loading this section",subheading:r="There was a technical problem that prevented this section from loading. Please contact us with the link to this page.",description:a="Error occured while loading <{tagName}>. Values for the following attributes are missing:"},i){if(!e)return!1;const o=m(),[l,d]=n(!1);return t("sl-alert",{type:"danger",open:!0},t("style",{type:"text/css"},xe),t("div",{slot:"icon",class:ye.classes.IconStyle},t("sl-icon",{name:"exclamation-octagon"})),t("div",{class:ye.classes.DivStyle},t("h2",{class:ye.classes.Heading},u.formatMessage({id:"error-heading",defaultMessage:s})),t("p",null,u.formatMessage({id:"error-subheading",defaultMessage:r}))),t("details",{class:ye.classes.Details},t("summary",{onClick:()=>d(!l)},l?"Less":"More"," details"),t("p",null,u.formatMessage({id:"error-description",defaultMessage:a},{tagName:o.tagName.toLowerCase()})),t("ul",null,e.map((e=>t("li",null,t("strong",null,e.attribute)))))),t("div",{class:ye.classes.Children},i))}const ke=class{constructor(t){e(this,t),this.ignored=!0,this.checkboxLabel="By signing up you agree to the {labelLink}",this.checkboxLabelLink="https://example.com",this.checkboxLabelLinkText="Terms and Conditions",this.errorMessage="Must be checked",this.checkboxOptional=!1,r(this)}disconnectedCallback(){}render(){const e=L([{attribute:"checkbox-name",value:this.checkboxName}]);if(!h()&&e)return t(we,{missingProps:e,heading:"An error occured while loading this form",subheading:"A technical problem prevented this checkbox field from loading. Please contact us with the link to this page.",description:"Values for the following attributes are missing:"});const s={...P(this)},{states:r,callbacks:o}=h()?_({states:{registrationFormState:{},checked:!1},callbacks:{setChecked:()=>{}}},this.demoData||{},{arrayMerge:(e,t)=>t}):function(e){var t;const s=i(V),[r,o]=n(!1);return a((()=>{var t,r;(null===(t=null==s?void 0:s.initialData)||void 0===t?void 0:t[e.checkboxName])&&o(!!(null===(r=null==s?void 0:s.initialData)||void 0===r?void 0:r[e.checkboxName]))}),[null===(t=null==s?void 0:s.initialData)||void 0===t?void 0:t[e.checkboxName]]),{states:{registrationFormState:s,checked:r},callbacks:{setChecked:o}}}(this);return t(G,{states:r,content:s,callbacks:o})}},Ce=p.gql`
+import{r as e,h as t,c as s}from"./p-64c3217a.js";import{n as r,f as a,k as n,i,u as o,m as l,b as d,j as c}from"./p-fd2c5407.js";import{i as u}from"./p-8704937c.js";import{i as h,_ as m,d as p,Q as v,H as g,f,y as b,B as y,L as x,g as w,$ as k,p as C,q as E,x as S,u as I,r as R,S as M}from"./p-a8f7cb95.js";import{j as q}from"./p-e7e129ac.js";import{c as _}from"./p-c1086930.js";import"./p-02be1a88.js";import{c as N}from"./p-cef45012.js";import{a as T}from"./p-41a11a7f.js";import{u as A}from"./p-51f517a2.js";import"./p-251e7567.js";import{g as P,a as L,s as $}from"./p-9ec99ced.js";import"./p-5d0c9424.js";import{p as D}from"./p-8d363802.js";import{R as V,u as F}from"./p-a6a7dcaa.js";import{i as j}from"./p-61eab172.js";import{A as B}from"./p-121cdc60.js";import{b as z,V as O,B as U,Q as H,K as W,j as G,M as Z,D as K,E as X,H as Y,I as J,W as Q,L as ee,N as te,d as se,i as re,P as ae,e as ne,f as ie,R as oe,X as le,k as de,a as ce,S as ue,C as he,u as me,c as pe,T as ve}from"./p-6af4e1bf.js";import"./p-c7fd9e16.js";const ge=class{constructor(t){e(this,t),this.flexReverse=!1,this.ignored=!0,r(this)}disconnectedCallback(){}render(){var e;const{props:s,label:r}=h()?z(this):O(this),a=!!(null===(e=m().innerHTML)||void 0===e?void 0:e.trim()),n=t("slot",{name:"label"},a?t("slot",null):r);return t(U,Object.assign({},s,{labelSlot:n}))}},fe=class{constructor(t){e(this,t),r(this)}disconnectedCallback(){}render(){var e,r;const n=null!==(e=function(e){if(e)try{return H(e)}catch{}}(this.brandColor))&&void 0!==e?e:"",i=(null!==(r=this.brandFont)&&void 0!==r?r:"Nunito Sans").trim()||void 0;a((()=>{if(!i)return;const e=document.createElement("link");return e.setAttribute("href",function(...e){return`https://fonts.googleapis.com/css2?${e.map((e=>`family=${encodeURIComponent(e)}`)).join("&")}`}(i)),e.setAttribute("rel","stylesheet"),document.head.appendChild(e),()=>document.head.removeChild(e)}),[i]);const o=null!=i?i:"";return t(s,null,t("style",null,`\n\n          :host{\n            display: contents;\n          }\n          /* \n          Selects any element placed inside a slot\n           - resets css variable inheritence for fonts\n          \n          */\n          ::slotted(*) {\n            --sl-font-sans: "${o}", arial;\n            --sl-input-font-family: "${o}", arial;\n            --sl-tooltip-font-family: "${o}", arial;\n            font-family:  "${o}", arial;\n\t\t\t\n            ${n}\n\n            --sl-focus-ring-color-primary: var(--sl-color-primary-100);\n            --sl-input-border-color-focus: var(--sl-color-primary-500);\n            --sl-color-primary-hue: var(--sl-color-primary-500);\n          }`),t("slot",null))}},be=class{constructor(t){e(this,t),this.ignored=!0,this.width=347,this.gap=24,r(this)}disconnectedCallback(){}render(){return t(W,Object.assign({},P(this)),t("slot",null))}},ye=N({IconStyle:{display:"block",position:"absolute",top:"23px"},DivStyle:{marginLeft:"28px"},Details:{marginLeft:"28px"},Heading:{display:"inline-block"},Children:{display:"none"}}),xe=ye.toString();function we({missingProps:e,heading:s="There was a problem loading this section",subheading:r="There was a technical problem that prevented this section from loading. Please contact us with the link to this page.",description:a="Error occured while loading <{tagName}>. Values for the following attributes are missing:"},i){if(!e)return!1;const o=m(),[l,d]=n(!1);return t("sl-alert",{type:"danger",open:!0},t("style",{type:"text/css"},xe),t("div",{slot:"icon",class:ye.classes.IconStyle},t("sl-icon",{name:"exclamation-octagon"})),t("div",{class:ye.classes.DivStyle},t("h2",{class:ye.classes.Heading},u.formatMessage({id:"error-heading",defaultMessage:s})),t("p",null,u.formatMessage({id:"error-subheading",defaultMessage:r}))),t("details",{class:ye.classes.Details},t("summary",{onClick:()=>d(!l)},l?"Less":"More"," details"),t("p",null,u.formatMessage({id:"error-description",defaultMessage:a},{tagName:o.tagName.toLowerCase()})),t("ul",null,e.map((e=>t("li",null,t("strong",null,e.attribute)))))),t("div",{class:ye.classes.Children},i))}const ke=class{constructor(t){e(this,t),this.ignored=!0,this.checkboxLabel="By signing up you agree to the {labelLink}",this.checkboxLabelLink="https://example.com",this.checkboxLabelLinkText="Terms and Conditions",this.errorMessage="Must be checked",this.checkboxOptional=!1,r(this)}disconnectedCallback(){}render(){const e=L([{attribute:"checkbox-name",value:this.checkboxName}]);if(!h()&&e)return t(we,{missingProps:e,heading:"An error occured while loading this form",subheading:"A technical problem prevented this checkbox field from loading. Please contact us with the link to this page.",description:"Values for the following attributes are missing:"});const s={...P(this)},{states:r,callbacks:o}=h()?_({states:{registrationFormState:{},checked:!1},callbacks:{setChecked:()=>{}}},this.demoData||{},{arrayMerge:(e,t)=>t}):function(e){var t;const s=i(V),[r,o]=n(!1);return a((()=>{var t,r;(null===(t=null==s?void 0:s.initialData)||void 0===t?void 0:t[e.checkboxName])&&o(!!(null===(r=null==s?void 0:s.initialData)||void 0===r?void 0:r[e.checkboxName]))}),[null===(t=null==s?void 0:s.initialData)||void 0===t?void 0:t[e.checkboxName]]),{states:{registrationFormState:s,checked:r},callbacks:{setChecked:o}}}(this);return t(G,{states:r,content:s,callbacks:o})}},Ce=p.gql`
   query fuelTankRewardsQuery($programId: ID!) {
     user: viewer {
       ... on User {

package/dist/mint-components/{p-1cc0f6ce.js → p-6af4e1bf.js}

@@ -1,4 +1,4 @@
-import{h as e,c as a,d as l,g as t}from"./p-64c3217a.js";import{k as r,b as i,u as o}from"./p-fd2c5407.js";import{i as s}from"./p-8704937c.js";import{d as n,H as d,Q as c,y as u,f as p,B as v,a as m,L as g}from"./p-a8f7cb95.js";import{c as f}from"./p-c1086930.js";import{H as h,A as b,a as x,b as C,E as y}from"./p-02be1a88.js";import{c as w,j as q,a as R}from"./p-cef45012.js";import{u as _}from"./p-51f517a2.js";import{l as $}from"./p-251e7567.js";import{l as S}from"./p-9ec99ced.js";import{T as k}from"./p-5d0c9424.js";import{p as M}from"./p-8d363802.js";import{a as E,b as I}from"./p-61eab172.js";import{a as T,P as V}from"./p-e704842c.js";const A={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"}},z=w({HostBlock:h,buttonStyle:{display:"flex",alignItems:"center",justifyContent:"center",lineHeight:"0"}}),L=z.toString();function H(l,t){const r=`\n\t*::part(base) {\n\tborder: none;\n\t\t\t--sl-focus-ring-color-primary: ${l.backgroundcolor?l.backgroundcolor:l.medium?A[l.medium].color:""}80!important;\n\n\tbackground: ${l.backgroundcolor?l.backgroundcolor:l.medium?A[l.medium].color:""};\n\tcolor: ${l.textcolor?l.textcolor:l.medium?A[l.medium].text:""};\n\tborder-radius: ${l.borderradius?l.borderradius+"px":""};\n\t}\n\n\t*::part(base):hover {\n\t\tborder-color: ${l.backgroundcolor?l.backgroundcolor:l.medium?A[l.medium].color:""}D1!important;\n\t}\n\n\t*::part(base):focus {\n\t\tborder-color: ${l.backgroundcolor?l.backgroundcolor:l.medium?A[l.medium].color:""}D1!important;\n\t}\n\n\t*::part(label) {\n\t\tposition: relative;\n\t\ttop: 2%;\n\t}\n\t`;return l.hide?e(a,{style:{display:"none"}}):e("div",null,e("style",{type:"text/css"},L),e("style",{type:"text/css"},r),e("sl-button",{class:z.classes.buttonStyle,loading:l.loading,disabled:l.disabled,pill:l.pill,size:l.size,type:l.type,onClick:l.onClick,exportparts:`base: ${l.type}sharebutton-base`},!l.hideicon&&e("sl-icon",{slot:l.iconslot||"prefix",name:l.icon?l.icon:A[l.medium].icon,exportparts:"base: icon"}),!l.hidetext&&t))}const B=w({Leaderboard:{"& table":{width:"100%",borderCollapse:"collapse"},"& 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 var(--sl-color-neutral-200)"},"& td":{fontSize:"var(--sl-font-size-medium)",fontWeight:"var(--sl-font-weight-normal)"},"& .ellipses":{textAlign:"center",padding:"0",color:"var(--sl-color-neutral-500)"},"& .highlight":{background:"var(--sl-color-primary-50)"},"& td, th":{color:"var(--sl-color-gray-800)",padding:"var(--sl-spacing-medium)"},"& .User":{width:"100%"},"& .Score":{width:"auto",whiteSpace:"nowrap"},"& .fullWidth":{width:"100%"}}}),D=B.toString();function P(a){var l,t,r,i,o,n,d,c,u,p,v;const{states:m,data:g,elements:f}=a,{styles:h}=m;if(m.loading)return e("div",{class:B.classes.Leaderboard},e("style",{type:"text/css"},D,"\n  :host{\n    display: block;\n  }\n"),f.loadingstate);if(m.isEssentials)return f.essentials;if(!m.hasLeaders)return f.empty;let b=!1;return e("div",{class:B.classes.Leaderboard,part:"sqm-base",style:{width:h.width||"100%"}},e("style",{type:"text/css"},D,"\n  :host{\n    display: block;\n  }\n"),e("table",{part:"sqm-table"},e("tr",null,h.showRank&&e("th",{class:"Rank "+(h.hideNames?"fullWidth":"")},h.rankheading),!h.hideNames&&e("th",{class:"User"},h.usersheading),e("th",{class:"Score"},h.statsheading)),null===(l=g.leaderboard)||void 0===l?void 0:l.map((a=>{var l,t;return a.rowNumber===(null===(l=g.viewerRank)||void 0===l?void 0:l.rowNumber)&&(b=!0),e("tr",{class:h.hideViewer||a.rowNumber!==(null===(t=g.viewerRank)||void 0===t?void 0:t.rowNumber)?"":"highlight"},h.showRank&&e("td",{class:"Rank"},s.formatMessage({id:"rank",defaultMessage:h.rankSuffix},{rank:a.rank})),!h.hideNames&&e("td",{class:"User"},a.firstName&&a.lastInitial?a.firstName+" "+a.lastInitial:a.firstName||a.lastInitial?a.firstName||a.lastInitial:h.anonymousUser),e("td",{class:"Score"},a.textValue))})),!b&&!h.hideViewer&&e("tr",null,e("td",{colSpan:100,class:"ellipses"},e("sl-icon",{name:"three-dots",style:{verticalAlign:"middle"}}))),!b&&!h.hideViewer&&e("tr",{class:"highlight"},h.showRank&&e("td",{class:"Rank"},(null===(t=g.viewerRank)||void 0===t?void 0:t.rank)||"-"),!h.hideNames&&e("td",{class:"User"},(null===(r=g.viewerRank)||void 0===r?void 0:r.firstName)&&(null===(i=g.viewerRank)||void 0===i?void 0:i.lastInitial)?(null===(o=g.viewerRank)||void 0===o?void 0:o.firstName)+" "+(null===(n=g.viewerRank)||void 0===n?void 0:n.lastInitial):(null===(d=g.viewerRank)||void 0===d?void 0:d.firstName)||(null===(c=g.viewerRank)||void 0===c?void 0:c.lastInitial)?(null===(u=g.viewerRank)||void 0===u?void 0:u.firstName)||(null===(p=g.viewerRank)||void 0===p?void 0:p.lastInitial):h.anonymousUser),e("td",{class:"Score"},(null===(v=g.viewerRank)||void 0===v?void 0:v.textValue)||"0"))))}const F={right:"\nsl-input::part(input){\n  text-align: right;\n}",center:"  \nsl-input::part(input){\n  text-align: center;\n}",left:""},U=w({HostBlock:h,inputStyle:{"&::part(input)":{textOverflow:"ellipsis",width:"100%"},"&::part(base)":{cursor:"pointer",overflow:"visible"},width:"100%"},inputErrorStyle:{"&::part(base)":{border:"2px solid red"}},containerStyle:{display:"flex",alignItems:"center",gap:"var(--sl-spacing-x-small)",width:"100%"},errorTextStyle:{margin:"0",color:"var(--sl-color-danger-500)"}}),j=U.toString();function Z(a){const{buttonStyle:l="icon"}=a,t=!a.loading&&a.error,r=t?a.inputPlaceholderText:a.copyString,i=t||a.loading||a.disabled,o=e("sl-tooltip",{trigger:"manual",content:a.tooltiptext,placement:"button-below"===a.buttonStyle?"bottom":"button-outside"===a.buttonStyle?"top":"top-end",disabled:a.disabled,open:a.open,skidding:"icon"===a.buttonStyle?-5:0,slot:"suffix"},"icon"===l?e("sl-icon-button",{exportparts:"base: icon-button-base",onClick:()=>{var e;return null===(e=a.onClick)||void 0===e?void 0:e.call(a)},name:"files",disabled:i}):e("sl-button",{exportparts:"base: copy-button-base",onClick:()=>{var e;return null===(e=a.onClick)||void 0===e?void 0:e.call(a)},size:"medium",style:{width:`${"button-below"===l&&"100%"}`},disabled:i,type:"primary"},a.copyButtonLabel||"Copy"));return e("div",null,e("style",{type:"text/css"},j,"\n  :host{\n    display: block;   \n    width: 100%;\n  }\n",F[a.textAlign],i&&"\n  sl-input::part(input){\n    cursor: default;\n  }\n"),e("div",{class:U.classes.containerStyle,style:{flexDirection:"button-below"===l?"column":"row"}},e("sl-input",{class:`${U.classes.inputStyle} ${t?U.classes.inputErrorStyle:""}`,exportparts:"base: input-base, input: input-label",value:a.loading?"Loading...":r,readonly:!0,disabled:i},"icon"===l&&o,t&&e("p",{slot:"help-text",class:U.classes.errorTextStyle},a.errorText)),("button-outside"===l||"button-below"===l)&&o))}function W(a){const{statvalue:l,flexReverse:t,alignment:r}=a,i=w({Container:{display:"flex",height:"inherit","justify-content":"space-between","flex-direction":t?"column-reverse":"column","align-items":"left"===r?"flex-start":"right"===r?"flex-end":"center"},Stat:{"font-size":"var(--sl-font-size-x-large)","text-align":r},Description:{"font-size":"var(--sl-font-size-small)","font-weight":"var(--sl-font-weight-normal)",color:"var(--sl-color-gray-600)","text-transform":"uppercase","text-align":r}}),o=i.toString();return e("div",{part:"stat-wrapper",class:i.classes.Container},e("style",{type:"text/css"},o),e("div",{part:"stat-value",class:i.classes.Stat},l),e("div",{part:"stat-description",class:i.classes.Description},a.labelSlot))}const N=w({HostBlock:h,Frame:{display:"flex","flex-direction":"column","box-sizing":"border-box"},FooterWrapper:{width:"100%","max-width":"100%",padding:"var(--sl-spacing-medium) var(--sl-spacing-x-large)",background:"var(--sqm-footer-background)",display:"flex","justify-content":"flex-end","align-items":"center","box-sizing":"border-box","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","background-color":"var(--sqm-header-background)","@media screen and (max-width: 499px)":{"flex-direction":"row-reverse","justify-content":"flex-end",padding:"0"}}}),O=N.toString();function G(a,l){const{data:t,notFullScreen:r}=a;return e("div",{style:{minHeight:r?"100%":"100vh"},class:N.classes.Frame,part:"sqm-base"},e("style",{type:"text/css"},O),e("div",{class:N.classes.HeaderWrapper,part:"sqm-header"},t.header,e("slot",{name:"sqm-navigation-menu"})),l,e("div",{class:N.classes.FooterWrapper,part:"sqm-footer"},t.footer))}const X=a=>{var l,t,r,i;const{states:o,callbacks:s}=a,{text:n}=o,{errors:d}=o.formState;return o.showEdit?e("div",{class:`CardWrapper ${!o.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:s.onSubmit},e("div",{class:"FormSection"},o.formState.error&&e("sqm-form-message",{type:"error",exportparts:"erroralert-icon"},e("div",{part:"erroralert-text"},o.formState.error)),e("sl-input",Object.assign({exportparts:"label: input-label, base: input-base",value:o.formState.firstName,onInput:s.onChange,label:n.firstnametext,disabled:o.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:o.formState.lastName,onInput:s.onChange,label:n.lastnametext,disabled:o.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&&o.formState.currentRegion&&e("sl-input",{exportparts:"label: input-label, base: input-base",disabled:!0,value:o.formState.currentRegion,label:n.currentregiontext,id:"currentRegion",name:"currentRegion"}),e("div",{class:"ButtonWrapper"},e("sl-button",{type:"primary",loading:o.loading,disabled:o.submitDisabled,onClick:e=>{s.onSubmit(e)},submit:!0,exportparts:"base: primarybutton-base"},n.updatetext),e("sl-button",{onClick:()=>{s.setShowEdit(!1)},exportparts:"base: defaultbutton-base"},n.canceltext)))):e("div",{class:`CardWrapper FormWrapper ${!o.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===(l=o.user)||void 0===l?void 0:l.firstName," ",null===(t=o.user)||void 0===t?void 0:t.lastName),e("p",{style:{fontSize:"var(--sl-font-size-medium)"},title:null===(r=o.user)||void 0===r?void 0:r.email},null===(i=o.user)||void 0===i?void 0:i.email))),e("sl-button",{type:"primary",loading:o.loading,onClick:()=>{s.resetForm(),s.setShowEdit(!0)},exportparts:"base: primarybutton-base"},n.editprofiletext))},Q=n.gql`
+import{h as e,c as a,d as l,g as t}from"./p-64c3217a.js";import{k as r,b as i,u as o}from"./p-fd2c5407.js";import{i as s}from"./p-8704937c.js";import{d as n,H as d,Q as c,y as u,f as p,B as v,a as m,L as g}from"./p-a8f7cb95.js";import{c as f}from"./p-c1086930.js";import{H as h,A as b,a as x,b as C,E as y}from"./p-02be1a88.js";import{c as w,j as q,a as R}from"./p-cef45012.js";import{u as _}from"./p-51f517a2.js";import{l as $}from"./p-251e7567.js";import{l as S}from"./p-9ec99ced.js";import{T as k}from"./p-5d0c9424.js";import{p as M}from"./p-8d363802.js";import{a as E,b as I}from"./p-61eab172.js";import{a as T,P as V}from"./p-c7fd9e16.js";const A={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"}},z=w({HostBlock:h,buttonStyle:{display:"flex",alignItems:"center",justifyContent:"center",lineHeight:"0"}}),L=z.toString();function H(l,t){const r=`\n\t*::part(base) {\n\tborder: none;\n\t\t\t--sl-focus-ring-color-primary: ${l.backgroundcolor?l.backgroundcolor:l.medium?A[l.medium].color:""}80!important;\n\n\tbackground: ${l.backgroundcolor?l.backgroundcolor:l.medium?A[l.medium].color:""};\n\tcolor: ${l.textcolor?l.textcolor:l.medium?A[l.medium].text:""};\n\tborder-radius: ${l.borderradius?l.borderradius+"px":""};\n\t}\n\n\t*::part(base):hover {\n\t\tborder-color: ${l.backgroundcolor?l.backgroundcolor:l.medium?A[l.medium].color:""}D1!important;\n\t}\n\n\t*::part(base):focus {\n\t\tborder-color: ${l.backgroundcolor?l.backgroundcolor:l.medium?A[l.medium].color:""}D1!important;\n\t}\n\n\t*::part(label) {\n\t\tposition: relative;\n\t\ttop: 2%;\n\t}\n\t`;return l.hide?e(a,{style:{display:"none"}}):e("div",null,e("style",{type:"text/css"},L),e("style",{type:"text/css"},r),e("sl-button",{class:z.classes.buttonStyle,loading:l.loading,disabled:l.disabled,pill:l.pill,size:l.size,type:l.type,onClick:l.onClick,exportparts:`base: ${l.type}sharebutton-base`},!l.hideicon&&e("sl-icon",{slot:l.iconslot||"prefix",name:l.icon?l.icon:A[l.medium].icon,exportparts:"base: icon"}),!l.hidetext&&t))}const B=w({Leaderboard:{"& table":{width:"100%",borderCollapse:"collapse"},"& 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 var(--sl-color-neutral-200)"},"& td":{fontSize:"var(--sl-font-size-medium)",fontWeight:"var(--sl-font-weight-normal)"},"& .ellipses":{textAlign:"center",padding:"0",color:"var(--sl-color-neutral-500)"},"& .highlight":{background:"var(--sl-color-primary-50)"},"& td, th":{color:"var(--sl-color-gray-800)",padding:"var(--sl-spacing-medium)"},"& .User":{width:"100%"},"& .Score":{width:"auto",whiteSpace:"nowrap"},"& .fullWidth":{width:"100%"}}}),D=B.toString();function P(a){var l,t,r,i,o,n,d,c,u,p,v;const{states:m,data:g,elements:f}=a,{styles:h}=m;if(m.loading)return e("div",{class:B.classes.Leaderboard},e("style",{type:"text/css"},D,"\n  :host{\n    display: block;\n  }\n"),f.loadingstate);if(m.isEssentials)return f.essentials;if(!m.hasLeaders)return f.empty;let b=!1;return e("div",{class:B.classes.Leaderboard,part:"sqm-base",style:{width:h.width||"100%"}},e("style",{type:"text/css"},D,"\n  :host{\n    display: block;\n  }\n"),e("table",{part:"sqm-table"},e("tr",null,h.showRank&&e("th",{class:"Rank "+(h.hideNames?"fullWidth":"")},h.rankheading),!h.hideNames&&e("th",{class:"User"},h.usersheading),e("th",{class:"Score"},h.statsheading)),null===(l=g.leaderboard)||void 0===l?void 0:l.map((a=>{var l,t;return a.rowNumber===(null===(l=g.viewerRank)||void 0===l?void 0:l.rowNumber)&&(b=!0),e("tr",{class:h.hideViewer||a.rowNumber!==(null===(t=g.viewerRank)||void 0===t?void 0:t.rowNumber)?"":"highlight"},h.showRank&&e("td",{class:"Rank"},s.formatMessage({id:"rank",defaultMessage:h.rankSuffix},{rank:a.rank})),!h.hideNames&&e("td",{class:"User"},a.firstName&&a.lastInitial?a.firstName+" "+a.lastInitial:a.firstName||a.lastInitial?a.firstName||a.lastInitial:h.anonymousUser),e("td",{class:"Score"},a.textValue))})),!b&&!h.hideViewer&&e("tr",null,e("td",{colSpan:100,class:"ellipses"},e("sl-icon",{name:"three-dots",style:{verticalAlign:"middle"}}))),!b&&!h.hideViewer&&e("tr",{class:"highlight"},h.showRank&&e("td",{class:"Rank"},(null===(t=g.viewerRank)||void 0===t?void 0:t.rank)||"-"),!h.hideNames&&e("td",{class:"User"},(null===(r=g.viewerRank)||void 0===r?void 0:r.firstName)&&(null===(i=g.viewerRank)||void 0===i?void 0:i.lastInitial)?(null===(o=g.viewerRank)||void 0===o?void 0:o.firstName)+" "+(null===(n=g.viewerRank)||void 0===n?void 0:n.lastInitial):(null===(d=g.viewerRank)||void 0===d?void 0:d.firstName)||(null===(c=g.viewerRank)||void 0===c?void 0:c.lastInitial)?(null===(u=g.viewerRank)||void 0===u?void 0:u.firstName)||(null===(p=g.viewerRank)||void 0===p?void 0:p.lastInitial):h.anonymousUser),e("td",{class:"Score"},(null===(v=g.viewerRank)||void 0===v?void 0:v.textValue)||"0"))))}const F={right:"\nsl-input::part(input){\n  text-align: right;\n}",center:"  \nsl-input::part(input){\n  text-align: center;\n}",left:""},U=w({HostBlock:h,inputStyle:{"&::part(input)":{textOverflow:"ellipsis",width:"100%"},"&::part(base)":{cursor:"pointer",overflow:"visible"},width:"100%"},inputErrorStyle:{"&::part(base)":{border:"2px solid red"}},containerStyle:{display:"flex",alignItems:"center",gap:"var(--sl-spacing-x-small)",width:"100%"},errorTextStyle:{margin:"0",color:"var(--sl-color-danger-500)"}}),j=U.toString();function Z(a){const{buttonStyle:l="icon"}=a,t=!a.loading&&a.error,r=t?a.inputPlaceholderText:a.copyString,i=t||a.loading||a.disabled,o=e("sl-tooltip",{trigger:"manual",content:a.tooltiptext,placement:"button-below"===a.buttonStyle?"bottom":"button-outside"===a.buttonStyle?"top":"top-end",disabled:a.disabled,open:a.open,skidding:"icon"===a.buttonStyle?-5:0,slot:"suffix"},"icon"===l?e("sl-icon-button",{exportparts:"base: icon-button-base",onClick:()=>{var e;return null===(e=a.onClick)||void 0===e?void 0:e.call(a)},name:"files",disabled:i}):e("sl-button",{exportparts:"base: copy-button-base",onClick:()=>{var e;return null===(e=a.onClick)||void 0===e?void 0:e.call(a)},size:"medium",style:{width:`${"button-below"===l&&"100%"}`},disabled:i,type:"primary"},a.copyButtonLabel||"Copy"));return e("div",null,e("style",{type:"text/css"},j,"\n  :host{\n    display: block;   \n    width: 100%;\n  }\n",F[a.textAlign],i&&"\n  sl-input::part(input){\n    cursor: default;\n  }\n"),e("div",{class:U.classes.containerStyle,style:{flexDirection:"button-below"===l?"column":"row"}},e("sl-input",{class:`${U.classes.inputStyle} ${t?U.classes.inputErrorStyle:""}`,exportparts:"base: input-base, input: input-label",value:a.loading?"Loading...":r,readonly:!0,disabled:i},"icon"===l&&o,t&&e("p",{slot:"help-text",class:U.classes.errorTextStyle},a.errorText)),("button-outside"===l||"button-below"===l)&&o))}function W(a){const{statvalue:l,flexReverse:t,alignment:r}=a,i=w({Container:{display:"flex",height:"inherit","justify-content":"space-between","flex-direction":t?"column-reverse":"column","align-items":"left"===r?"flex-start":"right"===r?"flex-end":"center"},Stat:{"font-size":"var(--sl-font-size-x-large)","text-align":r},Description:{"font-size":"var(--sl-font-size-small)","font-weight":"var(--sl-font-weight-normal)",color:"var(--sl-color-gray-600)","text-transform":"uppercase","text-align":r}}),o=i.toString();return e("div",{part:"stat-wrapper",class:i.classes.Container},e("style",{type:"text/css"},o),e("div",{part:"stat-value",class:i.classes.Stat},l),e("div",{part:"stat-description",class:i.classes.Description},a.labelSlot))}const N=w({HostBlock:h,Frame:{display:"flex","flex-direction":"column","box-sizing":"border-box"},FooterWrapper:{width:"100%","max-width":"100%",padding:"var(--sl-spacing-medium) var(--sl-spacing-x-large)",background:"var(--sqm-footer-background)",display:"flex","justify-content":"flex-end","align-items":"center","box-sizing":"border-box","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","background-color":"var(--sqm-header-background)","@media screen and (max-width: 499px)":{"flex-direction":"row-reverse","justify-content":"flex-end",padding:"0"}}}),O=N.toString();function G(a,l){const{data:t,notFullScreen:r}=a;return e("div",{style:{minHeight:r?"100%":"100vh"},class:N.classes.Frame,part:"sqm-base"},e("style",{type:"text/css"},O),e("div",{class:N.classes.HeaderWrapper,part:"sqm-header"},t.header,e("slot",{name:"sqm-navigation-menu"})),l,e("div",{class:N.classes.FooterWrapper,part:"sqm-footer"},t.footer))}const X=a=>{var l,t,r,i;const{states:o,callbacks:s}=a,{text:n}=o,{errors:d}=o.formState;return o.showEdit?e("div",{class:`CardWrapper ${!o.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:s.onSubmit},e("div",{class:"FormSection"},o.formState.error&&e("sqm-form-message",{type:"error",exportparts:"erroralert-icon"},e("div",{part:"erroralert-text"},o.formState.error)),e("sl-input",Object.assign({exportparts:"label: input-label, base: input-base",value:o.formState.firstName,onInput:s.onChange,label:n.firstnametext,disabled:o.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:o.formState.lastName,onInput:s.onChange,label:n.lastnametext,disabled:o.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&&o.formState.currentRegion&&e("sl-input",{exportparts:"label: input-label, base: input-base",disabled:!0,value:o.formState.currentRegion,label:n.currentregiontext,id:"currentRegion",name:"currentRegion"}),e("div",{class:"ButtonWrapper"},e("sl-button",{type:"primary",loading:o.loading,disabled:o.submitDisabled,onClick:e=>{s.onSubmit(e)},submit:!0,exportparts:"base: primarybutton-base"},n.updatetext),e("sl-button",{onClick:()=>{s.setShowEdit(!1)},exportparts:"base: defaultbutton-base"},n.canceltext)))):e("div",{class:`CardWrapper FormWrapper ${!o.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===(l=o.user)||void 0===l?void 0:l.firstName," ",null===(t=o.user)||void 0===t?void 0:t.lastName),e("p",{style:{fontSize:"var(--sl-font-size-medium)"},title:null===(r=o.user)||void 0===r?void 0:r.email},null===(i=o.user)||void 0===i?void 0:i.email))),e("sl-button",{type:"primary",loading:o.loading,onClick:()=>{s.resetForm(),s.setShowEdit(!0)},exportparts:"base: primarybutton-base"},n.editprofiletext))},Q=n.gql`
   query ($programId: ID, $engagementMedium: UserEngagementMedium!) {
     user: viewer {
       ... on User {