@saasquatch/mint-components 1.15.0-8 → 1.15.0-9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (69) hide show
  1. package/dist/cjs/{ShadowViewAddon-afc40c22.js → ShadowViewAddon-3e3e03ab.js} +1 -1
  2. package/dist/cjs/{copy-text-view-9d4259f4.js → copy-text-view-b2f47da0.js} +1 -1
  3. package/dist/cjs/loader.cjs.js +1 -1
  4. package/dist/cjs/mint-components.cjs.js +1 -1
  5. package/dist/cjs/sqm-big-stat_41.cjs.entry.js +21 -3
  6. package/dist/cjs/sqm-pagination_3.cjs.entry.js +70 -54
  7. package/dist/cjs/sqm-stencilbook.cjs.entry.js +13 -2
  8. package/dist/collection/components/sqm-coupon-code/sqm-coupon-code.js +1 -1
  9. package/dist/collection/components/sqm-hero-image/sqm-hero-image-view.js +1 -1
  10. package/dist/collection/components/sqm-hero-image/sqm-hero-image.js +79 -0
  11. package/dist/collection/components/sqm-logout-current-user/sqm-logout-current-user.js +1 -1
  12. package/dist/collection/components/sqm-referral-code/ReferralCode.stories.js +3 -0
  13. package/dist/collection/components/sqm-referral-code/sqm-referral-code.js +165 -1
  14. package/dist/collection/components/sqm-referral-codes/ReferralCodes.stories.js +6 -0
  15. package/dist/collection/components/sqm-referral-codes/sqm-referral-codes-view.js +46 -46
  16. package/dist/collection/components/sqm-referral-codes/sqm-referral-codes.js +28 -1
  17. package/dist/collection/components/sqm-share-code/sqm-share-code.js +3 -2
  18. package/dist/collection/components/sqm-share-link/sqm-share-link.js +6 -2
  19. package/dist/collection/components/views/copy-text-view.js +1 -1
  20. package/dist/esm/{ShadowViewAddon-bdedf635.js → ShadowViewAddon-ccd5586b.js} +1 -1
  21. package/dist/esm/{copy-text-view-ca98ab38.js → copy-text-view-0ac6e1d1.js} +1 -1
  22. package/dist/esm/loader.js +1 -1
  23. package/dist/esm/mint-components.js +1 -1
  24. package/dist/esm/sqm-big-stat_41.entry.js +21 -3
  25. package/dist/esm/sqm-pagination_3.entry.js +70 -54
  26. package/dist/esm/sqm-stencilbook.entry.js +13 -2
  27. package/dist/esm-es5/{ShadowViewAddon-bdedf635.js → ShadowViewAddon-ccd5586b.js} +1 -1
  28. package/dist/esm-es5/copy-text-view-0ac6e1d1.js +1 -0
  29. package/dist/esm-es5/loader.js +1 -1
  30. package/dist/esm-es5/mint-components.js +1 -1
  31. package/dist/esm-es5/sqm-big-stat_41.entry.js +1 -1
  32. package/dist/esm-es5/sqm-pagination_3.entry.js +1 -1
  33. package/dist/esm-es5/sqm-stencilbook.entry.js +1 -1
  34. package/dist/mint-components/mint-components.esm.js +1 -1
  35. package/dist/mint-components/p-19439bf0.system.entry.js +1 -0
  36. package/dist/mint-components/p-2c7ebd5b.js +1 -0
  37. package/dist/mint-components/p-32dbde60.system.js +1 -0
  38. package/dist/mint-components/p-5ca43353.system.entry.js +1 -0
  39. package/dist/mint-components/{p-338bcfd6.system.js → p-6d061986.system.js} +1 -1
  40. package/dist/mint-components/{p-469ad274.js → p-ab47e9a7.js} +1 -1
  41. package/dist/mint-components/{p-484196f8.entry.js → p-b59cd472.entry.js} +2 -2
  42. package/dist/mint-components/{p-c39db551.system.entry.js → p-ccc207bc.system.entry.js} +1 -1
  43. package/dist/mint-components/{p-b889ec31.entry.js → p-cd31cfd4.entry.js} +11 -11
  44. package/dist/mint-components/p-d4546357.entry.js +13 -0
  45. package/dist/mint-components/p-ed11966d.system.js +1 -1
  46. package/dist/types/components/sqm-hero-image/sqm-hero-image-view.d.ts +1 -0
  47. package/dist/types/components/sqm-hero-image/sqm-hero-image.d.ts +19 -0
  48. package/dist/types/components/sqm-referral-code/ReferralCode.stories.d.ts +1 -0
  49. package/dist/types/components/sqm-referral-code/sqm-referral-code.d.ts +41 -0
  50. package/dist/types/components/sqm-referral-codes/ReferralCodes.stories.d.ts +1 -0
  51. package/dist/types/components/sqm-referral-codes/sqm-referral-codes-view.d.ts +1 -0
  52. package/dist/types/components/sqm-referral-codes/sqm-referral-codes.d.ts +6 -0
  53. package/dist/types/components/sqm-share-code/sqm-share-code.d.ts +1 -1
  54. package/dist/types/components/sqm-share-link/sqm-share-link.d.ts +2 -1
  55. package/dist/types/components.d.ts +138 -4
  56. package/dist/types/global/android.d.ts +7 -0
  57. package/dist/types/global/demo.d.ts +2 -0
  58. package/dist/types/stories/features.d.ts +4 -0
  59. package/dist/types/stories/templates.d.ts +4 -0
  60. package/docs/docs.docx +0 -0
  61. package/docs/raisins.json +1 -1
  62. package/grapesjs/grapesjs.js +1 -1
  63. package/package.json +1 -1
  64. package/dist/esm-es5/copy-text-view-ca98ab38.js +0 -1
  65. package/dist/mint-components/p-09a77c82.system.entry.js +0 -1
  66. package/dist/mint-components/p-2195c312.entry.js +0 -13
  67. package/dist/mint-components/p-55c16fb9.system.js +0 -1
  68. package/dist/mint-components/p-642909e6.system.entry.js +0 -1
  69. package/dist/mint-components/p-9fe143f5.js +0 -1
@@ -1,4 +1,4 @@
1
- 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-e01fe915.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 _,b as S,E as k}from"./p-91521e9d.js";import{C as E}from"./p-9fe143f5.js";import{u as M}from"./p-19ccb4ce.js";import{l as I}from"./p-5bedb58c.js";import{T}from"./p-eab1c9f3.js";import{p as V}from"./p-8d363802.js";import{a as A,b as L}from"./p-8c23d1b8.js";import{a as z,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"}},D=x({HostBlock:R,buttonStyle:{display:"flex",alignItems:"center",justifyContent:"center",lineHeight:"0"}}),P=D.toString();function F(t,l){const r=`\n\t*::part(base) {\n\tborder: none;\n\t\t\t--sl-focus-ring-color-primary: ${t.backgroundcolor?t.backgroundcolor:t.medium?B[t.medium].color:""}80!important;\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\t*::part(base):hover {\n\t\tborder-color: ${t.backgroundcolor?t.backgroundcolor:t.medium?B[t.medium].color:""}D1!important;\n\t}\n\n\t*::part(base):focus {\n\t\tborder-color: ${t.backgroundcolor?t.backgroundcolor:t.medium?B[t.medium].color:""}D1!important;\n\t}\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"},P),e("style",{type:"text/css"},r),e("sl-button",{class:D.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}sharebutton-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"},"& 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:"left",padding:"0",color:"var(--sqm-text)",paddingLeft:"25%"},"& .highlight":{background:d.viewingUserhighlightColor||"var(--sl-color-primary-100)"},"& td, th":{color:"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}=a,i=x({Container:{display:"flex",height:"inherit","justify-content":"space-between","flex-direction":l?"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(--sqm-text-subdued)","text-align":r}}),s=i.toString();return e("div",{part:"stat-wrapper",class:i.classes.Container},e("style",{type:"text/css"},s),e("div",{part:"stat-value",class:i.classes.Stat},t),e("div",{part:"stat-description",class:i.classes.Description},a.labelSlot))}const Z=x({HostBlock:R,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"}}}),W=Z.toString();function N(a,t){const{data:l,notFullScreen:r}=a;return e("div",{style:{minHeight:r?"100%":"100vh"},class:Z.classes.Frame,part:"sqm-base"},e("style",{type:"text/css"},W),e("div",{class:Z.classes.HeaderWrapper,part:"sqm-header"},l.header,e("slot",{name:"sqm-navigation-menu"})),t,e("div",{class:Z.classes.FooterWrapper,part:"sqm-footer"},l.footer))}const O=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))},G=n.gql`
1
+ 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-e01fe915.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 _,b as S,E as k}from"./p-91521e9d.js";import{C as E}from"./p-2c7ebd5b.js";import{u as M}from"./p-19ccb4ce.js";import{l as I}from"./p-5bedb58c.js";import{T}from"./p-eab1c9f3.js";import{p as V}from"./p-8d363802.js";import{a as A,b as L}from"./p-8c23d1b8.js";import{a as z,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"}},D=x({HostBlock:R,buttonStyle:{display:"flex",alignItems:"center",justifyContent:"center",lineHeight:"0"}}),P=D.toString();function F(t,l){const r=`\n\t*::part(base) {\n\tborder: none;\n\t\t\t--sl-focus-ring-color-primary: ${t.backgroundcolor?t.backgroundcolor:t.medium?B[t.medium].color:""}80!important;\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\t*::part(base):hover {\n\t\tborder-color: ${t.backgroundcolor?t.backgroundcolor:t.medium?B[t.medium].color:""}D1!important;\n\t}\n\n\t*::part(base):focus {\n\t\tborder-color: ${t.backgroundcolor?t.backgroundcolor:t.medium?B[t.medium].color:""}D1!important;\n\t}\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"},P),e("style",{type:"text/css"},r),e("sl-button",{class:D.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}sharebutton-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"},"& 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:"left",padding:"0",color:"var(--sqm-text)",paddingLeft:"25%"},"& .highlight":{background:d.viewingUserhighlightColor||"var(--sl-color-primary-100)"},"& td, th":{color:"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}=a,i=x({Container:{display:"flex",height:"inherit","justify-content":"space-between","flex-direction":l?"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(--sqm-text-subdued)","text-align":r}}),s=i.toString();return e("div",{part:"stat-wrapper",class:i.classes.Container},e("style",{type:"text/css"},s),e("div",{part:"stat-value",class:i.classes.Stat},t),e("div",{part:"stat-description",class:i.classes.Description},a.labelSlot))}const Z=x({HostBlock:R,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"}}}),W=Z.toString();function N(a,t){const{data:l,notFullScreen:r}=a;return e("div",{style:{minHeight:r?"100%":"100vh"},class:Z.classes.Frame,part:"sqm-base"},e("style",{type:"text/css"},W),e("div",{class:Z.classes.HeaderWrapper,part:"sqm-header"},l.header,e("slot",{name:"sqm-navigation-menu"})),t,e("div",{class:Z.classes.FooterWrapper,part:"sqm-footer"},l.footer))}const O=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))},G=n.gql`
2
2
  query ($programId: ID, $engagementMedium: UserEngagementMedium!) {
3
3
  user: viewer {
4
4
  ... on User {