@saasquatch/mint-components 1.11.1-6 → 1.11.1-8

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 (36) hide show
  1. package/dist/cjs/{ShadowViewAddon-75ebafd6.js → ShadowViewAddon-d2b1e28a.js} +1 -1
  2. package/dist/cjs/{copy-text-view-ec6055a6.js → copy-text-view-94e76d0a.js} +25 -4
  3. package/dist/cjs/sqm-big-stat_38.cjs.entry.js +2 -2
  4. package/dist/cjs/sqm-pagination_3.cjs.entry.js +7 -1
  5. package/dist/cjs/sqm-stencilbook.cjs.entry.js +2 -2
  6. package/dist/collection/components/sqm-referral-codes/sqm-referral-codes.js +7 -1
  7. package/dist/collection/components/sqm-referral-codes/useReferralCodes.js +26 -5
  8. package/dist/esm/{ShadowViewAddon-69360ca6.js → ShadowViewAddon-76b1137d.js} +1 -1
  9. package/dist/esm/{copy-text-view-730ad677.js → copy-text-view-2ba105b6.js} +26 -5
  10. package/dist/esm/sqm-big-stat_38.entry.js +2 -2
  11. package/dist/esm/sqm-pagination_3.entry.js +7 -1
  12. package/dist/esm/sqm-stencilbook.entry.js +2 -2
  13. package/dist/esm-es5/{ShadowViewAddon-69360ca6.js → ShadowViewAddon-76b1137d.js} +1 -1
  14. package/dist/esm-es5/copy-text-view-2ba105b6.js +1 -0
  15. package/dist/esm-es5/sqm-big-stat_38.entry.js +1 -1
  16. package/dist/esm-es5/sqm-pagination_3.entry.js +1 -1
  17. package/dist/esm-es5/sqm-stencilbook.entry.js +1 -1
  18. package/dist/mint-components/mint-components.esm.js +1 -1
  19. package/dist/mint-components/{p-3d90aa82.entry.js → p-09e30e46.entry.js} +2 -2
  20. package/dist/mint-components/{p-c02ffc85.system.entry.js → p-55a421bb.system.entry.js} +1 -1
  21. package/dist/mint-components/p-5fc8d87c.system.js +1 -1
  22. package/dist/mint-components/p-7356f9c9.system.js +1 -0
  23. package/dist/mint-components/{p-f7c1ebb1.entry.js → p-89fc3144.entry.js} +1 -1
  24. package/dist/mint-components/{p-5d1791f2.system.entry.js → p-8f33fa36.system.entry.js} +1 -1
  25. package/dist/mint-components/{p-6790974f.system.entry.js → p-a0b1ecf2.system.entry.js} +1 -1
  26. package/dist/mint-components/{p-aa933e70.entry.js → p-a182b053.entry.js} +1 -1
  27. package/dist/mint-components/{p-969075f6.js → p-c3dc5a23.js} +1 -1
  28. package/dist/mint-components/p-e983c342.js +48 -0
  29. package/dist/mint-components/{p-0fcec6ab.system.js → p-f6b820fd.system.js} +1 -1
  30. package/dist/types/components/sqm-referral-codes/sqm-referral-codes-view.d.ts +2 -0
  31. package/dist/types/components/sqm-referral-codes/useReferralCodes.d.ts +1 -0
  32. package/docs/docs.docx +0 -0
  33. package/package.json +1 -1
  34. package/dist/esm-es5/copy-text-view-730ad677.js +0 -1
  35. package/dist/mint-components/p-2d98dd8b.js +0 -29
  36. package/dist/mint-components/p-e78d511b.system.js +0 -1
@@ -1,4 +1,4 @@
1
- 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-9c3d78e9.js";import{i as h,_ as m,d as p,Q as v,H as g,$ as f,y as b,B as y,L as x,g as w,e as k,p as C,q as E,x as S,u as I,r as R,S as M}from"./p-00be5090.js";import{j as q}from"./p-e7e129ac.js";import{g as _,a as T,s as N}from"./p-9ec99ced.js";import{c as A}from"./p-cef45012.js";import{C as P}from"./p-2d98dd8b.js";import{c as L}from"./p-c1086930.js";import"./p-02be1a88.js";import{a as $}from"./p-8077e9c6.js";import{u as D}from"./p-6b0e6a6c.js";import"./p-251e7567.js";import"./p-5d0c9424.js";import{p as V}from"./p-8d363802.js";import{R as F,u as j}from"./p-d666b326.js";import{i as B}from"./p-bd4e9c2b.js";import{A as z}from"./p-121cdc60.js";import{b as U,U as O,B as H,O as W,J as G,C as Z,K,D as Y,E as X,H as J,I as Q,V as ee,L as te,N as se,d as re,i as ae,P as ne,e as ie,f as oe,R as le,W as de,j as ce,a as ue,S as he,u as me,c as pe,T as ve}from"./p-969075f6.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()?U(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(H,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 W(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(G,Object.assign({},_(this)),t("slot",null))}},ye=A({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=T([{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={..._(this)},{states:r,callbacks:o}=h()?L({states:{registrationFormState:{},checked:!1},callbacks:{setChecked:()=>{}}},this.demoData||{},{arrayMerge:(e,t)=>t}):function(e){var t;const s=i(F),[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(Z,{states:r,content:s,callbacks:o})}},Ce=p.gql`
1
+ 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-9c3d78e9.js";import{i as h,_ as m,d as p,Q as v,H as g,$ as f,y as b,B as y,L as x,g as w,e as k,p as C,q as E,x as S,u as I,r as R,S as M}from"./p-00be5090.js";import{j as q}from"./p-e7e129ac.js";import{g as _,a as T,s as N}from"./p-9ec99ced.js";import{c as A}from"./p-cef45012.js";import{C as P}from"./p-e983c342.js";import{c as L}from"./p-c1086930.js";import"./p-02be1a88.js";import{a as $}from"./p-8077e9c6.js";import{u as D}from"./p-6b0e6a6c.js";import"./p-251e7567.js";import"./p-5d0c9424.js";import{p as V}from"./p-8d363802.js";import{R as F,u as j}from"./p-d666b326.js";import{i as B}from"./p-bd4e9c2b.js";import{A as z}from"./p-121cdc60.js";import{b as U,U as O,B as H,O as W,J as G,C as Z,K,D as Y,E as X,H as J,I as Q,V as ee,L as te,N as se,d as re,i as ae,P as ne,e as ie,f as oe,R as le,W as de,j as ce,a as ue,S as he,u as me,c as pe,T as ve}from"./p-c3dc5a23.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()?U(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(H,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 W(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(G,Object.assign({},_(this)),t("slot",null))}},ye=A({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=T([{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={..._(this)},{states:r,callbacks:o}=h()?L({states:{registrationFormState:{},checked:!1},callbacks:{setChecked:()=>{}}},this.demoData||{},{arrayMerge:(e,t)=>t}):function(e){var t;const s=i(F),[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(Z,{states:r,content:s,callbacks:o})}},Ce=p.gql`
2
2
  query fuelTankRewardsQuery($programId: ID!) {
3
3
  user: viewer {
4
4
  ... on User {
@@ -1,4 +1,4 @@
1
- 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 s}from"./p-fd2c5407.js";import{i as o}from"./p-9c3d78e9.js";import{d as n,H as d,Q as c,I as u,y as p,$ as v,B as m,a as g,L as f}from"./p-00be5090.js";import{l as h}from"./p-9ec99ced.js";import{c as b,j as x,a as C}from"./p-cef45012.js";import{a as y,S as w,C as q}from"./p-2d98dd8b.js";import{c as R}from"./p-c1086930.js";import{H as $,A as _,a as S,b as k,E as M}from"./p-02be1a88.js";import{u as E}from"./p-6b0e6a6c.js";import{l as I}from"./p-251e7567.js";import{T}from"./p-5d0c9424.js";import{p as V}from"./p-8d363802.js";import{a as A,b as z}from"./p-bd4e9c2b.js";import{a as L,P as H}from"./p-c7fd9e16.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=b({HostBlock:$,buttonStyle:{display:"flex",alignItems:"center",justifyContent:"center",lineHeight:"0"}}),P=D.toString();function F(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?B[l.medium].color:""}80!important;\n\n\tbackground: ${l.backgroundcolor?l.backgroundcolor:l.medium?B[l.medium].color:""};\n\tcolor: ${l.textcolor?l.textcolor:l.medium?B[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?B[l.medium].color:""}D1!important;\n\t}\n\n\t*::part(base):focus {\n\t\tborder-color: ${l.backgroundcolor?l.backgroundcolor:l.medium?B[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"},P),e("style",{type:"text/css"},r),e("sl-button",{class:D.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:B[l.medium].icon,exportparts:"base: icon"}),!l.hidetext&&t))}const U=b({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(--sl-color-neutral-500)",paddingLeft:"25%"},"& .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"},"& .Rank":{whiteSpace:"nowrap"},"& .fullWidth":{width:"100%"}}}),j=U.toString();function Z(a){var l,t,r;const{states:i,data:s,elements:n}=a,{styles:d}=i;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:U.classes.Leaderboard,style:{width:d.width||"100%"}},e("style",{type:"text/css"},j,"\n :host{\n display: block;\n }\n"),e("table",null,[...Array(10)].map((()=>e("tr",null,e("td",null,e("sl-skeleton",null)))))));if(!i.hasLeaders)return n.empty;let c=!1;const u=e=>{if(!e.firstName&&!e.lastInitial)return d.anonymousUser;const{firstName:a,lastInitial:l}=e;return a&&l?`${a} ${l}`:a||l?a||l:d.anonymousUser},p=(e,a)=>{if(!e)return d.hideNames?`${d.viewingUserText}`:"-";const l=` - ${d.viewingUserText}`;return d.rankSuffix?o.formatMessage({id:"rank",defaultMessage:d.rankSuffix},{rank:e})+`${a&&d.hideNames?l:""}`:`${e} ${a&&d.hideNames?l:""}`};return e("div",{class:U.classes.Leaderboard,part:"sqm-base",style:{width:d.width||"100%"}},e("style",{type:"text/css"},j,"\n :host{\n display: block;\n }\n"),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===(l=s.leaderboard)||void 0===l?void 0:l.map((a=>{var l,t;a.rowNumber===(null===(l=s.viewerRank)||void 0===l?void 0:l.rowNumber)&&(c=!0);const r=!d.hideViewer&&a.rowNumber===(null===(t=s.viewerRank)||void 0===t?void 0:t.rowNumber);return e("tr",{class:r?"highlight":""},d.showRank&&e("td",{class:"Rank"},p(a.rank,r)),!d.hideNames&&e("td",{class:"User"},u(a)),e("td",{class:"Score"},a.textValue))})),!c&&!d.hideViewer&&e("tr",null,e("td",{colSpan:100,class:"ellipses"},e("sl-icon",{name:"three-dots",style:{verticalAlign:"middle"}}))),!c&&!d.hideViewer&&e("tr",{class:"highlight"},d.showRank&&e("td",{class:"Rank"},p(null===(t=s.viewerRank)||void 0===t?void 0:t.rank,!0)),!d.hideNames&&e("td",{class:"User"},u(s.viewerRank||{})),e("td",{class:"Score"},(null===(r=s.viewerRank)||void 0===r?void 0:r.textValue)||"0"))))}function W(a){const{statvalue:l,flexReverse:t,alignment:r}=a,i=b({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}}),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},l),e("div",{part:"stat-description",class:i.classes.Description},a.labelSlot))}const N=b({HostBlock:$,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: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: defaultbutton-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===(l=s.user)||void 0===l?void 0:l.firstName," ",null===(t=s.user)||void 0===t?void 0:t.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))},Q=n.gql`
1
+ 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 s}from"./p-fd2c5407.js";import{i as o}from"./p-9c3d78e9.js";import{d as n,H as d,Q as c,I as u,y as p,$ as v,B as m,a as g,L as f}from"./p-00be5090.js";import{l as h}from"./p-9ec99ced.js";import{c as b,j as x,a as C}from"./p-cef45012.js";import{a as y,S as w,C as q}from"./p-e983c342.js";import{c as R}from"./p-c1086930.js";import{H as $,A as _,a as S,b as k,E as M}from"./p-02be1a88.js";import{u as E}from"./p-6b0e6a6c.js";import{l as I}from"./p-251e7567.js";import{T}from"./p-5d0c9424.js";import{p as V}from"./p-8d363802.js";import{a as A,b as z}from"./p-bd4e9c2b.js";import{a as L,P as H}from"./p-c7fd9e16.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=b({HostBlock:$,buttonStyle:{display:"flex",alignItems:"center",justifyContent:"center",lineHeight:"0"}}),P=D.toString();function F(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?B[l.medium].color:""}80!important;\n\n\tbackground: ${l.backgroundcolor?l.backgroundcolor:l.medium?B[l.medium].color:""};\n\tcolor: ${l.textcolor?l.textcolor:l.medium?B[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?B[l.medium].color:""}D1!important;\n\t}\n\n\t*::part(base):focus {\n\t\tborder-color: ${l.backgroundcolor?l.backgroundcolor:l.medium?B[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"},P),e("style",{type:"text/css"},r),e("sl-button",{class:D.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:B[l.medium].icon,exportparts:"base: icon"}),!l.hidetext&&t))}const U=b({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(--sl-color-neutral-500)",paddingLeft:"25%"},"& .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"},"& .Rank":{whiteSpace:"nowrap"},"& .fullWidth":{width:"100%"}}}),j=U.toString();function Z(a){var l,t,r;const{states:i,data:s,elements:n}=a,{styles:d}=i;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:U.classes.Leaderboard,style:{width:d.width||"100%"}},e("style",{type:"text/css"},j,"\n :host{\n display: block;\n }\n"),e("table",null,[...Array(10)].map((()=>e("tr",null,e("td",null,e("sl-skeleton",null)))))));if(!i.hasLeaders)return n.empty;let c=!1;const u=e=>{if(!e.firstName&&!e.lastInitial)return d.anonymousUser;const{firstName:a,lastInitial:l}=e;return a&&l?`${a} ${l}`:a||l?a||l:d.anonymousUser},p=(e,a)=>{if(!e)return d.hideNames?`${d.viewingUserText}`:"-";const l=` - ${d.viewingUserText}`;return d.rankSuffix?o.formatMessage({id:"rank",defaultMessage:d.rankSuffix},{rank:e})+`${a&&d.hideNames?l:""}`:`${e} ${a&&d.hideNames?l:""}`};return e("div",{class:U.classes.Leaderboard,part:"sqm-base",style:{width:d.width||"100%"}},e("style",{type:"text/css"},j,"\n :host{\n display: block;\n }\n"),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===(l=s.leaderboard)||void 0===l?void 0:l.map((a=>{var l,t;a.rowNumber===(null===(l=s.viewerRank)||void 0===l?void 0:l.rowNumber)&&(c=!0);const r=!d.hideViewer&&a.rowNumber===(null===(t=s.viewerRank)||void 0===t?void 0:t.rowNumber);return e("tr",{class:r?"highlight":""},d.showRank&&e("td",{class:"Rank"},p(a.rank,r)),!d.hideNames&&e("td",{class:"User"},u(a)),e("td",{class:"Score"},a.textValue))})),!c&&!d.hideViewer&&e("tr",null,e("td",{colSpan:100,class:"ellipses"},e("sl-icon",{name:"three-dots",style:{verticalAlign:"middle"}}))),!c&&!d.hideViewer&&e("tr",{class:"highlight"},d.showRank&&e("td",{class:"Rank"},p(null===(t=s.viewerRank)||void 0===t?void 0:t.rank,!0)),!d.hideNames&&e("td",{class:"User"},u(s.viewerRank||{})),e("td",{class:"Score"},(null===(r=s.viewerRank)||void 0===r?void 0:r.textValue)||"0"))))}function W(a){const{statvalue:l,flexReverse:t,alignment:r}=a,i=b({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}}),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},l),e("div",{part:"stat-description",class:i.classes.Description},a.labelSlot))}const N=b({HostBlock:$,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: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: defaultbutton-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===(l=s.user)||void 0===l?void 0:l.firstName," ",null===(t=s.user)||void 0===t?void 0:t.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))},Q=n.gql`
2
2
  query ($programId: ID, $engagementMedium: UserEngagementMedium!) {
3
3
  user: viewer {
4
4
  ... on User {
@@ -0,0 +1,48 @@
1
+ import{h as e}from"./p-64c3217a.js";import{f as t}from"./p-fd2c5407.js";import{d as i,Q as n,k as o,C as s,B as a}from"./p-00be5090.js";import{c as l}from"./p-cef45012.js";import{H as r}from"./p-02be1a88.js";const d=i.gql`
2
+ query getCodes(
3
+ $limit: Int!
4
+ $offset: Int!
5
+ $engagementMedium: UserEngagementMedium!
6
+ ) {
7
+ viewer {
8
+ ... on User {
9
+ referralCodeList(
10
+ limit: $limit
11
+ offset: $offset
12
+ filter: { fuelTank_eq: true }
13
+ ) {
14
+ data {
15
+ code
16
+ dateUsed
17
+ dateCopied
18
+ shareLinkCodes(limit: $limit, offset: $offset) {
19
+ data {
20
+ linkCode
21
+ shareLink: shortUrl(
22
+ shareMedium: DIRECT
23
+ engagementMedium: EMBED
24
+ )
25
+ email: shortUrl(
26
+ shareMedium: EMAIL
27
+ engagementMedium: $engagementMedium
28
+ )
29
+ whatsApp: shortUrl(
30
+ shareMedium: WHATSAPP
31
+ engagementMedium: $engagementMedium
32
+ )
33
+ fbMessenger: shortUrl(
34
+ shareMedium: FBMESSENGER
35
+ engagementMedium: $engagementMedium
36
+ )
37
+ }
38
+ }
39
+ }
40
+ count
41
+ totalCount
42
+ }
43
+ }
44
+ }
45
+ }
46
+ `,u="sq:referral-codes",p="sq:referral-codes-pagination",c=i.gql`
47
+ mutation test {}
48
+ `;function m(e){const i=n(),l=a();console.log({props:e});const{envelope:r,states:u,callbacks:p}=o(d,(e=>{var t;return console.log({queryData:e}),null===(t=null==e?void 0:e.viewer)||void 0===t?void 0:t.referralCodeList}),{limit:1,offset:0},{engagementMedium:l},!(null==i?void 0:i.jwt)),[c,m]=s({namespace:"sq:referral-codes-pagination",initialValue:{states:u,callbacks:p}}),[f,g]=s({namespace:"sq:referral-codes",initialValue:{loading:!0,referralCode:"",shareLink:"",email:{messageLink:""},fbMessenger:{messageLink:"",shareLink:""},whatsApp:{messageLink:""}}});return t((()=>{var e,t,i,n,o,s,a,l,d,u,p;if(null===(e=null==r?void 0:r.data)||void 0===e?void 0:e.length){const e=r.data[0];g({referralCode:e.code,shareLink:null===(i=null===(t=e.shareLinkCodes)||void 0===t?void 0:t[0])||void 0===i?void 0:i.shortUrl,email:{messageLink:null===(o=null===(n=e.shareLinkCodes)||void 0===n?void 0:n[0])||void 0===o?void 0:o.shortUrl},fbMessenger:{messageLink:null===(a=null===(s=e.shareLinkCodes)||void 0===s?void 0:s[0])||void 0===a?void 0:a.shortUrl,shareLink:null===(d=null===(l=e.shareLinkCodes)||void 0===l?void 0:l[0])||void 0===d?void 0:d.shortUrl},whatsApp:{messageLink:null===(p=null===(u=e.shareLinkCodes)||void 0===u?void 0:u[0])||void 0===p?void 0:p.shortUrl}})}}),[r]),t((()=>{m({states:u,callbacks:p})}),[u.loading]),console.log({referralData:r,states:u}),{states:{...u,noCodes:0===r.totalCount},data:f,callbacks:{}}}const f={right:"\nsl-input::part(input){\n text-align: right;\n}",center:" \nsl-input::part(input){\n text-align: center;\n}",left:""},g=l({HostBlock:r,inputStyle:{"&::part(input)":{textOverflow:"ellipsis",width:"100%"},"&::part(base)":{cursor:"pointer",overflow:"visible"},width:"100%"},inputErrorStyle:{"&::part(base)":{border:"2px solid red"}},ContainerDiv:{display:"flex",alignItems:"flex-start",flexDirection:"column",justifyContent:"center",gap:"var(--sl-spacing-x-small)",width:"100%"},containerStyle:{display:"flex",alignItems:"center",gap:"var(--sl-spacing-x-small)",width:"100%"},errorTextStyle:{margin:"0",color:"var(--sl-color-danger-500)"},notificationTextStyle:{margin:"0",color:"var(--sl-color-neutral-500)"}}),v=g.toString();function b(t){const{buttonStyle:i="icon"}=t;console.log("notification text is",t.notificationText);const n=!t.loading&&t.error,o=n?t.inputPlaceholderText:t.copyString,s=n||t.loading||t.disabled,a=e("sl-tooltip",{trigger:"manual",content:t.tooltiptext,placement:"button-below"===t.buttonStyle?"bottom":"button-outside"===t.buttonStyle?"top":"top-end",disabled:t.disabled,open:t.open,skidding:"icon"===t.buttonStyle?-5:0,slot:"suffix"},"icon"===i?e("sl-icon-button",{exportparts:"base: icon-button-base",onClick:()=>{var e;return null===(e=t.onClick)||void 0===e?void 0:e.call(t)},name:"files",disabled:s}):e("sl-button",{exportparts:"base: copy-button-base",onClick:()=>{var e;return null===(e=t.onClick)||void 0===e?void 0:e.call(t)},size:"medium",style:{width:`${"button-below"===i&&"100%"}`},disabled:s,type:"primary"},t.copyButtonLabel||"Copy"));return e("div",{class:g.classes.ContainerDiv},e("style",{type:"text/css"},v,"\n :host{\n display: block; \n width: 100%;\n }\n",f[t.textAlign],s&&"\n sl-input::part(input){\n cursor: default;\n }\n"),e("div",{class:g.classes.containerStyle,style:{flexDirection:"button-below"===i?"column":"row"}},e("sl-input",{class:`${g.classes.inputStyle} ${n?g.classes.inputErrorStyle:""}`,exportparts:"base: input-base, input: input-label",value:t.loading?"Loading...":o,readonly:!0,disabled:s},"icon"===i&&a,n&&e("p",{slot:"help-text",class:g.classes.errorTextStyle},t.errorText)),("button-outside"===i||"button-below"===i)&&a),t.showNotificationText&&t.notificationText&&e("p",{part:"sqm-notification-text",class:g.classes.notificationTextStyle},t.notificationText))}export{b as C,p as R,c as S,u as a,m as u}