@saasquatch/mint-components 1.7.3-1 → 1.7.3-2

package/dist/mint-components/{p-74e8a90c.entry.js → p-dc72e7e9.entry.js}

@@ -1,4 +1,4 @@
-import{r as t,h as e,c as s}from"./p-64c3217a.js";import{m as a,f as r,j as n,o,k as i,b as l,i as d}from"./p-901f5b80.js";import{i as c}from"./p-42844992.js";import{i as u,V as h,d as m,H as p,W as v,F as g,b as f,T as b,O as y,a as x,h as w,l as k,S as C,n as E,f as S,p as I,v as M}from"./p-8b28c511.js";import{j as _}from"./p-e7e129ac.js";import{c as R}from"./p-c1086930.js";import"./p-02be1a88.js";import{c as q}from"./p-cef45012.js";import{a as A}from"./p-831d1332.js";import{u as N}from"./p-ce748fab.js";import"./p-d576140e.js";import{g as P,a as T,s as L}from"./p-9ec99ced.js";import"./p-5d0c9424.js";import{R as D,u as F}from"./p-878daf52.js";import{A as V}from"./p-121cdc60.js";import{b as $,U as j,B,O as z,K as O,j as U,M as H,D as W,E as G,H as Z,I as K,V as X,L as Y,N as J,d as Q,i as tt,P as et,e as st,f as at,R as rt,W as nt,k as ot,X as it,a as lt,S as dt,C as ct,u as ut,c as ht,T as mt}from"./p-1ce682cf.js";import"./p-e704842c.js";const pt=class{constructor(e){t(this,e),this.flexReverse=!1,this.ignored=!0,a(this)}disconnectedCallback(){}render(){var t;const{props:s,label:a}=u()?$(this):j(this),r=!!(null===(t=h().innerHTML)||void 0===t?void 0:t.trim()),n=e("slot",{name:"label"},r?e("slot",null):a);return e(B,Object.assign({},s,{labelSlot:n}))}},vt=class{constructor(e){t(this,e),a(this)}disconnectedCallback(){}render(){var t,a;const n=null!==(t=function(t){if(t)try{return z(t)}catch{}}(this.brandColor))&&void 0!==t?t:"",o=(null!==(a=this.brandFont)&&void 0!==a?a:"Nunito Sans").trim()||void 0;r((()=>{if(!o)return;const t=document.createElement("link");return t.setAttribute("href",function(...t){return`https://fonts.googleapis.com/css2?${t.map((t=>`family=${encodeURIComponent(t)}`)).join("&")}`}(o)),t.setAttribute("rel","stylesheet"),document.head.appendChild(t),()=>document.head.removeChild(t)}),[o]);const i=null!=o?o:"";return e(s,null,e("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: "${i}", arial;\n            --sl-input-font-family: "${i}", arial;\n            --sl-tooltip-font-family: "${i}", arial;\n            font-family:  "${i}", 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          }`),e("slot",null))}},gt=class{constructor(e){t(this,e),this.ignored=!0,this.width=347,this.gap=24,a(this)}disconnectedCallback(){}render(){return e(O,Object.assign({},P(this)),e("slot",null))}},ft=q({IconStyle:{display:"block",position:"absolute",top:"23px"},DivStyle:{marginLeft:"28px"},Details:{marginLeft:"28px"},Heading:{display:"inline-block"},Children:{display:"none"}}),bt=ft.toString();function yt({missingProps:t,heading:s="There was a problem loading this section",subheading:a="There was a technical problem that prevented this section from loading. Please contact us with the link to this page.",description:r="Error occured while loading <{tagName}>. Values for the following attributes are missing:"},o){if(!t)return!1;const i=h(),[l,d]=n(!1);return e("sl-alert",{type:"danger",open:!0},e("style",{type:"text/css"},bt),e("div",{slot:"icon",class:ft.classes.IconStyle},e("sl-icon",{name:"exclamation-octagon"})),e("div",{class:ft.classes.DivStyle},e("h2",{class:ft.classes.Heading},c.formatMessage({id:"error-heading",defaultMessage:s})),e("p",null,c.formatMessage({id:"error-subheading",defaultMessage:a}))),e("details",{class:ft.classes.Details},e("summary",{onClick:()=>d(!l)},l?"Less":"More"," details"),e("p",null,c.formatMessage({id:"error-description",defaultMessage:r},{tagName:i.tagName.toLowerCase()})),e("ul",null,t.map((t=>e("li",null,e("strong",null,t.attribute)))))),e("div",{class:ft.classes.Children},o))}const xt=class{constructor(e){t(this,e),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,a(this)}disconnectedCallback(){}render(){const t=T([{attribute:"checkbox-name",value:this.checkboxName}]);if(!u()&&t)return e(yt,{missingProps:t,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:a,callbacks:i}=u()?R({states:{registrationFormState:{},checked:!1},callbacks:{setChecked:()=>{}}},this.demoData||{},{arrayMerge:(t,e)=>e}):function(t){var e;const s=o(D),[a,i]=n(!1);return r((()=>{var e,a;(null===(e=null==s?void 0:s.initialData)||void 0===e?void 0:e[t.checkboxName])&&i(!!(null===(a=null==s?void 0:s.initialData)||void 0===a?void 0:a[t.checkboxName]))}),[null===(e=null==s?void 0:s.initialData)||void 0===e?void 0:e[t.checkboxName]]),{states:{registrationFormState:s,checked:a},callbacks:{setChecked:i}}}(this);return e(U,{states:a,content:s,callbacks:i})}},wt=m.gql`
+import{r as t,h as e,c as s}from"./p-64c3217a.js";import{m as r,f as a,j as n,o,k as i,b as l,i as d}from"./p-901f5b80.js";import{i as c}from"./p-42844992.js";import{i as u,V as h,d as m,H as p,W as v,F as g,b as f,T as b,O as y,a as x,h as w,l as k,S as C,n as E,f as S,p as I,v as M}from"./p-8b28c511.js";import{j as R}from"./p-e7e129ac.js";import{c as _}from"./p-c1086930.js";import"./p-02be1a88.js";import{c as q}from"./p-cef45012.js";import{a as A}from"./p-831d1332.js";import{u as N}from"./p-ce748fab.js";import"./p-d576140e.js";import{g as T,a as P,s as L}from"./p-9ec99ced.js";import"./p-5d0c9424.js";import{R as D,u as F}from"./p-878daf52.js";import{A as V}from"./p-121cdc60.js";import{b as $,U as j,B,O as z,K as O,j as U,M as H,D as W,E as G,H as Z,I as K,V as X,L as Y,N as J,d as Q,i as tt,P as et,e as st,f as rt,R as at,W as nt,k as ot,X as it,a as lt,S as dt,C as ct,u as ut,c as ht,T as mt}from"./p-f8f278e9.js";import"./p-e704842c.js";const pt=class{constructor(e){t(this,e),this.flexReverse=!1,this.ignored=!0,r(this)}disconnectedCallback(){}render(){var t;const{props:s,label:r}=u()?$(this):j(this),a=!!(null===(t=h().innerHTML)||void 0===t?void 0:t.trim()),n=e("slot",{name:"label"},a?e("slot",null):r);return e(B,Object.assign({},s,{labelSlot:n}))}},vt=class{constructor(e){t(this,e),r(this)}disconnectedCallback(){}render(){var t,r;const n=null!==(t=function(t){if(t)try{return z(t)}catch{}}(this.brandColor))&&void 0!==t?t:"",o=(null!==(r=this.brandFont)&&void 0!==r?r:"Nunito Sans").trim()||void 0;a((()=>{if(!o)return;const t=document.createElement("link");return t.setAttribute("href",function(...t){return`https://fonts.googleapis.com/css2?${t.map((t=>`family=${encodeURIComponent(t)}`)).join("&")}`}(o)),t.setAttribute("rel","stylesheet"),document.head.appendChild(t),()=>document.head.removeChild(t)}),[o]);const i=null!=o?o:"";return e(s,null,e("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: "${i}", arial;\n            --sl-input-font-family: "${i}", arial;\n            --sl-tooltip-font-family: "${i}", arial;\n            font-family:  "${i}", 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          }`),e("slot",null))}},gt=class{constructor(e){t(this,e),this.ignored=!0,this.width=347,this.gap=24,r(this)}disconnectedCallback(){}render(){return e(O,Object.assign({},T(this)),e("slot",null))}},ft=q({IconStyle:{display:"block",position:"absolute",top:"23px"},DivStyle:{marginLeft:"28px"},Details:{marginLeft:"28px"},Heading:{display:"inline-block"},Children:{display:"none"}}),bt=ft.toString();function yt({missingProps:t,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:"},o){if(!t)return!1;const i=h(),[l,d]=n(!1);return e("sl-alert",{type:"danger",open:!0},e("style",{type:"text/css"},bt),e("div",{slot:"icon",class:ft.classes.IconStyle},e("sl-icon",{name:"exclamation-octagon"})),e("div",{class:ft.classes.DivStyle},e("h2",{class:ft.classes.Heading},c.formatMessage({id:"error-heading",defaultMessage:s})),e("p",null,c.formatMessage({id:"error-subheading",defaultMessage:r}))),e("details",{class:ft.classes.Details},e("summary",{onClick:()=>d(!l)},l?"Less":"More"," details"),e("p",null,c.formatMessage({id:"error-description",defaultMessage:a},{tagName:i.tagName.toLowerCase()})),e("ul",null,t.map((t=>e("li",null,e("strong",null,t.attribute)))))),e("div",{class:ft.classes.Children},o))}const xt=class{constructor(e){t(this,e),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 t=P([{attribute:"checkbox-name",value:this.checkboxName}]);if(!u()&&t)return e(yt,{missingProps:t,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={...T(this)},{states:r,callbacks:i}=u()?_({states:{registrationFormState:{},checked:!1},callbacks:{setChecked:()=>{}}},this.demoData||{},{arrayMerge:(t,e)=>e}):function(t){var e;const s=o(D),[r,i]=n(!1);return a((()=>{var e,r;(null===(e=null==s?void 0:s.initialData)||void 0===e?void 0:e[t.checkboxName])&&i(!!(null===(r=null==s?void 0:s.initialData)||void 0===r?void 0:r[t.checkboxName]))}),[null===(e=null==s?void 0:s.initialData)||void 0===e?void 0:e[t.checkboxName]]),{states:{registrationFormState:s,checked:r},callbacks:{setChecked:i}}}(this);return e(U,{states:r,content:s,callbacks:i})}},wt=m.gql`
   query fuelTankRewardsQuery($programId: ID!) {
     user: viewer {
       ... on User {
@@ -26,7 +26,7 @@ import{r as t,h as e,c as s}from"./p-64c3217a.js";import{m as a,f as r,j as n,o,
   mutation loadEvent($eventMeta: UserAnalyticsEvent!) {
     createUserAnalyticsEvent(eventMeta: $eventMeta)
   }
-`,Ct=class{constructor(e){t(this,e),this.tooltiptext="Copied to Clipboard",this.tooltiplifespan=1e3,this.textAlign="left",this.copyButtonLabel="Copy Coupon",this.buttonStyle="icon",this.couponCodeLabel="Your coupon code:",this.cancelledErrorText="This code has been cancelled. Please reach out to the Support team for help resolving this issue.",this.redeemedErrorText="Looks like you’ve already redeemed this code.",this.expiredErrorText="Looks like this code has expired. Please reach out to the Support team for help resolving this issue.",this.fullfillmentErrorText="We couldn't fetch your code. Please try again later or reach out to the Support team for help resolving this issue.",this.pendingErrorText="Your code will be available on {unpendDate}. Mark your calendar and come back then to redeem your reward!",this.genericErrorText="We couldn't fetch your code. Please try again later or reach out to the Support team for help resolving this issue.",this.couponCodePlaceholder="...",a(this)}disconnectedCallback(){}render(){const t=P(this),s=u()?function(t){const[e,s]=n(!1),a="THANKSJANE125uv125";return R({copyString:a,tooltiptext:t.tooltiptext,textAlign:t.textAlign,buttonStyle:t.buttonStyle,copyButtonLabel:t.copyButtonLabel,error:!1,couponCodePlaceholder:t.couponCodePlaceholder,couponCodeLabel:t.couponCodeLabel,open:e,onClick:()=>{navigator.clipboard.writeText(a),s(!0),setTimeout((()=>s(!1)),t.tooltiplifespan)}},t.demoData||{},{arrayMerge:(t,e)=>e})}(t):function(t){var e,s,a;const r=p(),o=v(),i=b(),[l]=g(kt),{data:d,loading:c}=f(wt,{programId:o},!(null==r?void 0:r.jwt)),u=null===(a=null===(s=null===(e=null==d?void 0:d.user)||void 0===e?void 0:e.instantAccessRewards)||void 0===s?void 0:s.data)||void 0===a?void 0:a[0],h=(t=>{if(!t||!t.statuses)return"ERROR";const e=t.statuses[t.statuses.length-1];return"PENDING"===e&&null===t.dateScheduledFor?"EMPTY_TANK":e})(u),m="PENDING"===h&&u.dateScheduledFor?new Date(u.dateScheduledFor).toLocaleDateString("default",{day:"numeric",month:"long",year:"numeric"}):void 0,y=(null==u?void 0:u.fuelTankCode)||"...",[x,w]=n(!1),k=(e=>{switch(e){case"CANCELLED":return t.cancelledErrorText;case"EXPIRED":return t.expiredErrorText;case"EMPTY_TANK":return t.fullfillmentErrorText;case"PENDING":return t.pendingErrorText.replace("{unpendDate}",m);case"REDEEMED":return t.redeemedErrorText;case"AVAILABLE":return"";default:return t.genericErrorText}})(h),C=(t=>{switch(t){case"EXPIRED":case"EMPTY_TANK":case"CANCELLED":case"ERROR":return"warning";case"PENDING":return"info";case"REDEEMED":return"success";default:return}})(h),E="AVAILABLE"!==h;return{...t,onClick:function(){navigator.clipboard.writeText(y),w(!0),setTimeout((()=>w(!1)),t.tooltiplifespan),l({eventMeta:{programId:o,id:null==r?void 0:r.id,accountId:null==r?void 0:r.accountId,type:"USER_REFERRAL_PROGRAM_ENGAGEMENT_EVENT",meta:{engagementMedium:i,shareMedium:"DIRECT"}}})},open:x,copyString:y,error:E,errorText:k,dateAvailable:m,loading:c,errorType:C}}(t);return e(H,Object.assign({},s))}};function Et(t,s){const a=()=>"row"===t.direction?{"border-right":t.dividerStyle||"1px solid #EAEAEA"}:{"border-bottom":t.dividerStyle||"1px solid #EAEAEA"},r={LayoutContainer:{display:"contents","& > :not(:last-child)":{...a()},"& > ::slotted(*:not(:last-child))":{...a()}}},n=`\n    display: flex;\n    flex: 1;\n    box-sizing: border-box;\n    flex-direction: ${t.direction};\n    background-color: var(--sqm-content-background);\n    overflow-x: clip;\n    ${"column"===t.direction?"width: 100%; max-width: var(--sqm-portal-main-width);":""}\n  `,o=`\n  :host{\n    ${n}\n  }\n  sqm-divided-layout {\n    ${n}\n  }\n  `,i=q(r),l=i.toString();return e("div",{class:i.classes.LayoutContainer,part:"sqm-base"},e("style",{type:"text/css"},o,l),s)}const St=class{constructor(e){t(this,e),this.dividerStyle="1px solid #EAEAEA",a(this)}disconnectedCallback(){}render(){return e(Et,Object.assign({},P(this)),e("slot",null))}},It=class{constructor(e){t(this,e),this.ignored=!0,this.dropdownLabel="Select an option",this.errorMessage="Select an option",this.dropdownOptional=!1,a(this)}disconnectedCallback(){}render(){const t=T([{attribute:"dropdown-name",value:this.dropdownName}]);if(!u()&&t)return e(yt,{missingProps:t,heading:"An error occured while loading this form",subheading:"A technical problem prevented this drop down field from loading. Please contact us with the link to this page.",description:"Values for the following attributes are missing:"},e("slot",null));const s={...P(this),selectOptions:e("slot",null)},{states:a}=u()?R({states:{registrationFormState:{}}},this.demoData||{},{arrayMerge:(t,e)=>e}):{states:{registrationFormState:o(D)}};return e(W,{states:a,content:s})}},Mt=m.gql`
+`,Ct=class{constructor(e){t(this,e),this.tooltiptext="Copied to Clipboard",this.tooltiplifespan=1e3,this.textAlign="left",this.copyButtonLabel="Copy Coupon",this.buttonStyle="icon",this.couponCodeLabel="Your coupon code:",this.cancelledErrorText="This code has been cancelled. Please reach out to the Support team for help resolving this issue.",this.redeemedErrorText="Looks like you’ve already redeemed this code.",this.expiredErrorText="Looks like this code has expired. Please reach out to the Support team for help resolving this issue.",this.fullfillmentErrorText="We couldn't fetch your code. Please try again later or reach out to the Support team for help resolving this issue.",this.pendingErrorText="Your code will be available on {unpendDate}. Mark your calendar and come back then to redeem your reward!",this.genericErrorText="We couldn't fetch your code. Please try again later or reach out to the Support team for help resolving this issue.",this.couponCodePlaceholder="...",r(this)}disconnectedCallback(){}render(){const t=T(this),s=u()?function(t){const[e,s]=n(!1),r="THANKSJANE125uv125";return _({copyString:r,tooltiptext:t.tooltiptext,textAlign:t.textAlign,buttonStyle:t.buttonStyle,copyButtonLabel:t.copyButtonLabel,error:!1,couponCodePlaceholder:t.couponCodePlaceholder,couponCodeLabel:t.couponCodeLabel,open:e,onClick:()=>{navigator.clipboard.writeText(r),s(!0),setTimeout((()=>s(!1)),t.tooltiplifespan)}},t.demoData||{},{arrayMerge:(t,e)=>e})}(t):function(t){var e,s,r;const a=p(),o=v(),i=b(),[l]=g(kt),{data:d,loading:c}=f(wt,{programId:o},!(null==a?void 0:a.jwt)),u=null===(r=null===(s=null===(e=null==d?void 0:d.user)||void 0===e?void 0:e.instantAccessRewards)||void 0===s?void 0:s.data)||void 0===r?void 0:r[0],h=(t=>{if(!t||!t.statuses)return"ERROR";const e=t.statuses[t.statuses.length-1];return"PENDING"===e&&null===t.dateScheduledFor?"EMPTY_TANK":e})(u),m="PENDING"===h&&u.dateScheduledFor?new Date(u.dateScheduledFor).toLocaleDateString("default",{day:"numeric",month:"long",year:"numeric"}):void 0,y=(null==u?void 0:u.fuelTankCode)||"...",[x,w]=n(!1),k=(e=>{switch(e){case"CANCELLED":return t.cancelledErrorText;case"EXPIRED":return t.expiredErrorText;case"EMPTY_TANK":return t.fullfillmentErrorText;case"PENDING":return t.pendingErrorText.replace("{unpendDate}",m);case"REDEEMED":return t.redeemedErrorText;case"AVAILABLE":return"";default:return t.genericErrorText}})(h),C=(t=>{switch(t){case"EXPIRED":case"EMPTY_TANK":case"CANCELLED":case"ERROR":return"warning";case"PENDING":return"info";case"REDEEMED":return"success";default:return}})(h),E="AVAILABLE"!==h;return{...t,onClick:function(){navigator.clipboard.writeText(y),w(!0),setTimeout((()=>w(!1)),t.tooltiplifespan),l({eventMeta:{programId:o,id:null==a?void 0:a.id,accountId:null==a?void 0:a.accountId,type:"USER_REFERRAL_PROGRAM_ENGAGEMENT_EVENT",meta:{engagementMedium:i,shareMedium:"DIRECT"}}})},open:x,copyString:y,error:E,errorText:k,dateAvailable:m,loading:c,errorType:C}}(t);return e(H,Object.assign({},s))}};function Et(t,s){const r=()=>"row"===t.direction?{"border-right":t.dividerStyle||"1px solid #EAEAEA"}:{"border-bottom":t.dividerStyle||"1px solid #EAEAEA"},a={LayoutContainer:{display:"contents","& > :not(:last-child)":{...r()},"& > ::slotted(*:not(:last-child))":{...r()}}},n=`\n    display: flex;\n    flex: 1;\n    box-sizing: border-box;\n    flex-direction: ${t.direction};\n    background-color: var(--sqm-content-background);\n    overflow-x: clip;\n    ${"column"===t.direction?"width: 100%; max-width: var(--sqm-portal-main-width);":""}\n  `,o=`\n  :host{\n    ${n}\n  }\n  sqm-divided-layout {\n    ${n}\n  }\n  `,i=q(a),l=i.toString();return e("div",{class:i.classes.LayoutContainer,part:"sqm-base"},e("style",{type:"text/css"},o,l),s)}const St=class{constructor(e){t(this,e),this.dividerStyle="1px solid #EAEAEA",r(this)}disconnectedCallback(){}render(){return e(Et,Object.assign({},T(this)),e("slot",null))}},It=class{constructor(e){t(this,e),this.ignored=!0,this.dropdownLabel="Select an option",this.errorMessage="Select an option",this.dropdownOptional=!1,r(this)}disconnectedCallback(){}render(){const t=P([{attribute:"dropdown-name",value:this.dropdownName}]);if(!u()&&t)return e(yt,{missingProps:t,heading:"An error occured while loading this form",subheading:"A technical problem prevented this drop down field from loading. Please contact us with the link to this page.",description:"Values for the following attributes are missing:"},e("slot",null));const s={...T(this),selectOptions:e("slot",null)},{states:r}=u()?_({states:{registrationFormState:{}}},this.demoData||{},{arrayMerge:(t,e)=>e}):{states:{registrationFormState:o(D)}};return e(W,{states:r,content:s})}},Mt=m.gql`
   query {
     viewer {
       ... on User {
@@ -39,7 +39,7 @@ import{r as t,h as e,c as s}from"./p-64c3217a.js";import{m as a,f as r,j as n,o,
       }
     }
   }
-`,_t=m.gql`
+`,Rt=m.gql`
   mutation (
     $id: String!
     $accountId: String!
@@ -58,7 +58,7 @@ import{r as t,h as e,c as s}from"./p-64c3217a.js";import{m as a,f as r,j as n,o,
       lastName
     }
   }
-`,Rt={currentRegion:"",firstName:"",lastName:"",errors:{},error:""},qt=class{constructor(e){t(this,e),this.ignored=!0,a(this)}disconnectedCallback(){}render(){const t=u()?function(t){return R({states:{loading:!1,submitDisabled:!1,formState:{currentRegion:"Canada",firstName:"Bill",lastName:"Bob",errors:{},error:"An error string"},user:{firstName:"Bill",lastName:"Bob",email:"billbob@example.com"},showEdit:!1,text:{editprofileheader:t.editprofileheader?t.editprofileheader:"Edit Profile",editprofiletext:t.editprofiletext?t.editprofiletext:"Update your profile.",firstnametext:t.firstnametext?t.firstnametext:"First Name",lastnametext:t.lastnametext?t.lastnametext:"Last Name",canceltext:t.canceltext?t.canceltext:"Cancel",updatetext:t.updatetext?t.updatetext:"Update",currentregiontext:t.currentregiontext?t.currentregiontext:"Region",showregion:!0}},callbacks:{onSubmit:t=>{console.log(t)},resetForm:()=>{console.log("reset")},onChange:()=>{console.log("change")},setShowEdit:t=>{console.log(t)}}},t.demoData||{},{arrayMerge:(t,e)=>e})}(P(this)):function(t){const e=p(),[s,a]=n(!1),[o,i]=n(""),[l,d]=n(void 0),[u,h]=n(Rt),m=f(Mt,{},!(null==e?void 0:e.jwt)),[v,b]=g(_t);return r((()=>{!(null==b?void 0:b.loading)&&s&&((null==b?void 0:b.errors)?h((t=>{var e,s,a;return{...t,error:null===(a=null===(s=null===(e=null==b?void 0:b.errors)||void 0===e?void 0:e.response)||void 0===s?void 0:s.errors)||void 0===a?void 0:a[0].message}})):(d((t=>{var e;return{...t,...null===(e=null==b?void 0:b.data)||void 0===e?void 0:e.upsertUser}})),a(!1)))}),[null==b?void 0:b.loading]),r((()=>{d((t=>{var e;return{...t,...null===(e=null==m?void 0:m.data)||void 0===e?void 0:e.viewer}}))}),[null==m?void 0:m.data]),r((()=>{var t;(null===(t=null==b?void 0:b.errors)||void 0===t?void 0:t.message)&&h((t=>({...t,error:"Network request failed."})))}),[null==b?void 0:b.errors]),{states:{loading:(null==m?void 0:m.loading)||b.loading,submitDisabled:!1,formState:u,user:l,showEdit:s,text:{editprofileheader:t.editprofileheader,editprofiletext:t.editprofiletext,firstnametext:t.firstnametext,lastnametext:t.lastnametext,canceltext:t.canceltext,updatetext:t.updatetext,currentregiontext:t.currentregiontext,showregion:t.showregion}},callbacks:{onSubmit:()=>{if(u.firstName&&u.lastName)return v({id:null==e?void 0:e.id,accountId:null==e?void 0:e.accountId,firstName:u.firstName,lastName:u.lastName}),void h((t=>({...t,errors:{}})));const t={};u.firstName||(t.firstName={message:"Field can't be empty"}),u.lastName||(t.lastName={message:"Field can't be empty"}),t!=={}&&h((t=>({...t,error:"Please correct the errors below to update your profile."}))),h((e=>({...e,errors:t})))},resetForm:()=>{var t,e,s,a,r,n;const o=(null===(e=null===(t=null==m?void 0:m.data)||void 0===t?void 0:t.viewer)||void 0===e?void 0:e.countryCode)?c.formatDisplayName(m.data.viewer.countryCode,{type:"region"}):"";d({...null===(s=m.data)||void 0===s?void 0:s.viewer,...null===(a=b.data)||void 0===a?void 0:a.upsertUser}),h({...Rt,...null===(r=m.data)||void 0===r?void 0:r.viewer,...null===(n=b.data)||void 0===n?void 0:n.upsertUser,currentRegion:o})},onChange:t=>{const{name:e,value:s}=t.target;h((t=>({...t,[e]:s})))},setShowEdit:a}}}(P(this));return e(G,Object.assign({},t))}};qt.style=".ErrorStyles::part(base){background:var(--sl-color-danger-10);border-color:var(--sl-color-danger-500);outline:var(--sl-color-danger-500)}.ErrorStyles:host{--something-random:red;--focus-ring:0 0 0 var(--sl-focus-ring-width) red !important}.ErrorStyles::part(input){color:var(--sl-color-danger-500)}.ErrorStyles::part(input):-webkit-autofill,.ErrorStyles::part(input):-webkit-autofill:hover,.ErrorStyles::part(input):-webkit-autofill:focus,.ErrorStyles::part(input):-webkit-autofill:active{-webkit-box-shadow:0 0 0 var(--sl-input-height-large) var(--sl-input-background-color-hover) inset !important;box-shadow:0 0 0 var(--sl-input-height-large) var(--sl-input-background-color-hover) inset !important;-webkit-text-fill-color:var(--sl-color-danger-500)}.ErrorStyles::part(help-text){color:var(--sl-color-danger-500)}:host{display:block}:host([hidden]){display:none}.FormWrapper>:not(:first-child){margin-top:54px}.FormSection{width:100%}.FormSection>:not(:first-child){margin-top:16px}.ButtonWrapper{display:-ms-flexbox;display:flex;margin-top:24px;-ms-flex-pack:end;justify-content:flex-end}.ButtonWrapper>:not(:first-child){margin-left:var(--sl-font-size-x-small)}.CardWrapper{-webkit-box-sizing:border-box;box-sizing:border-box;background:var(--sl-color-white);padding:40px 30px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between}@media screen and (max-width: 499px){.CardWrapper{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}}@media screen and (max-width: 880px){.CardWrapper.ShowEdit{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:end;align-items:flex-end}}";const At=class{constructor(e){t(this,e),this.columns=1,this.minHeight=200,this.background="var(--sl-color-gray-50)",this.paddingSize="large",this.wrapDirection="wrap",a(this)}disconnectedCallback(){}render(){const t={states:{...P(this)},content:{primaryColumn:e("slot",null),secondaryColumn:e("slot",{name:"secondary-column"})}};return e(Z,Object.assign({},t))}};function Nt(t,s){const a=Boolean((t.header||t.description||t.buttonText)&&"overlay"===t.layout),r=q({Container:{position:"relative","&:before":{content:a?'""':"",width:"100%",height:"100%",position:"absolute",background:t.overlayColor||"var(--sl-color-primary-900)",opacity:t.overlayOpacity}},Image:{display:"block",width:"100%",height:"100%",objectFit:"cover"},Background:{backgroundImage:`url(${t.imageUrl})`,backgroundSize:"cover",backgroundPosition:t.imagePos||"center",display:"flex",justifyContent:"center",alignItems:"center"},Overlay:{zIndex:"1",padding:"calc(var(--sl-spacing-"+t.paddingText+") + var(--sl-spacing-"+t.paddingImage+"))",textAlign:"center",color:t.textColor||"var(--sl-color-neutral-0)",lineHeight:"var(--sl-line-height-dense)","@media (max-width: 599px)":{padding:"var(--sl-spacing-"+t.paddingText+")"}},Column:{display:"flex",background:t.backgroundColor||"",flexDirection:"right"===t.imagePos?"row-reverse":"row",lineHeight:"var(--sl-line-height-dense)",color:t.textColor||"var(--sl-color-neutral-900)","& .image-area":{width:t.imagePercentage?t.imagePercentage+"%":"50%",padding:"var(--sl-spacing-"+t.paddingImage+")",boxSizing:"border-box",display:"flex",justifyContent:"center",alignItems:"center","@media (max-width: 599px)":{width:"100%"}},"& .text-area":{width:t.imagePercentage?100-t.imagePercentage+"%":"50%",padding:"var(--sl-spacing-"+t.paddingText+")",alignSelf:"center",boxSizing:"border-box","@media (max-width: 599px)":{width:"100%",textAlign:"center",padding:"calc(0.5*var(--sl-spacing-"+t.paddingText+"))"}},"@media (max-width: 599px)":{flexDirection:"bottom"===t.imageMobilePos?"column-reverse":"column"}},Header:{fontSize:"var(--sl-font-size-xxx-large)",fontWeight:"var(--sl-font-weight-bold)","@media (max-width: 599px)":{fontSize:"var(--sl-font-size-xx-large)"}},Description:{fontSize:"var(--sl-font-size-x-large)",margin:"var(--sl-spacing-small) 0","@media (max-width: 599px)":{fontSize:"var(--sl-font-size-large)"}},Button:{marginTop:"var(--sl-spacing-medium)","&::part(base)":{padding:"0 var(--sl-spacing-x-large)"},"@media (max-width: 599px)":{width:"100%"}}}),n=r.toString();return e("div",{class:r.classes.Container,part:"sqm-base"},e("style",{type:"text/css"},"\n  :host{\n    display: block;\n  }",n),"overlay"===t.layout&&e("div",{class:r.classes.Background},e("div",{class:r.classes.Overlay,part:"sqm-overlay"},t.header&&e("div",{class:r.classes.Header},t.header),t.description&&e("div",{class:r.classes.Description},t.description),t.buttonText&&e("sl-button",{class:r.classes.Button,type:"primary",onClick:()=>t.buttonNewTab?window.open(t.buttonLink):window.open(t.buttonLink,"_parent")},t.buttonText),s&&s)),"columns"===t.layout&&e("div",null,e("div",{class:r.classes.Column},e("div",{class:"image-area"},e("img",{class:r.classes.Image,src:t.imageUrl,part:"sqm-columns-image"})),e("div",{class:"text-area",part:"sqm-columns-text-area"},t.header&&e("div",{class:r.classes.Header,part:"sqm-columns-header"},t.header),t.description&&e("div",{class:r.classes.Description,part:"sqm-columns-description"},t.description),t.buttonText&&e("sl-button",{exportparts:"base: sqm-hero-image-button",class:r.classes.Button,type:"primary",onClick:()=>t.buttonNewTab?window.open(t.buttonLink):window.open(t.buttonLink,"_parent")},t.buttonText)))))}const Pt=class{constructor(e){t(this,e),this.overlayOpacity="0.75",this.layout="overlay",this.imagePercentage=50,this.imagePos="center",this.imageMobilePos="top",this.buttonNewTab=!1,this.paddingText="xxxx-large",this.paddingImage="none",a(this)}disconnectedCallback(){}render(){return e(Nt,Object.assign({},P(this)),e("slot",null))}},Tt=class{constructor(e){t(this,e),this.ignored=!0,a(this)}disconnectedCallback(){}render(){return e(this.hookStory,null)}},Lt=class{constructor(e){t(this,e),this.ignored=!0,this.fieldType="text",this.errorMessage="Cannot be empty",this.fieldOptional=!1,a(this)}disconnectedCallback(){}render(){const t={...P(this)},s=T([{attribute:"field-name",value:this.fieldName}]);if(!u()&&s)return e(yt,{missingProps:s,heading:"An error occured while loading this form",subheading:"A technical problem prevented this input field from loading. Please contact us with the link to this page.",description:"Values for the following attributes are missing:"});const{states:a}=u()?R({states:{registrationFormState:{}}},this.demoData||{},{arrayMerge:(t,e)=>e}):{states:{registrationFormState:o(D)}};return e(K,{states:a,content:t})}},Dt=m.gql`
+`,_t={currentRegion:"",firstName:"",lastName:"",errors:{},error:""},qt=class{constructor(e){t(this,e),this.ignored=!0,r(this)}disconnectedCallback(){}render(){const t=u()?function(t){return _({states:{loading:!1,submitDisabled:!1,formState:{currentRegion:"Canada",firstName:"Bill",lastName:"Bob",errors:{},error:"An error string"},user:{firstName:"Bill",lastName:"Bob",email:"billbob@example.com"},showEdit:!1,text:{editprofileheader:t.editprofileheader?t.editprofileheader:"Edit Profile",editprofiletext:t.editprofiletext?t.editprofiletext:"Update your profile.",firstnametext:t.firstnametext?t.firstnametext:"First Name",lastnametext:t.lastnametext?t.lastnametext:"Last Name",canceltext:t.canceltext?t.canceltext:"Cancel",updatetext:t.updatetext?t.updatetext:"Update",currentregiontext:t.currentregiontext?t.currentregiontext:"Region",showregion:!0}},callbacks:{onSubmit:t=>{console.log(t)},resetForm:()=>{console.log("reset")},onChange:()=>{console.log("change")},setShowEdit:t=>{console.log(t)}}},t.demoData||{},{arrayMerge:(t,e)=>e})}(T(this)):function(t){const e=p(),[s,r]=n(!1),[o,i]=n(""),[l,d]=n(void 0),[u,h]=n(_t),m=f(Mt,{},!(null==e?void 0:e.jwt)),[v,b]=g(Rt);return a((()=>{!(null==b?void 0:b.loading)&&s&&((null==b?void 0:b.errors)?h((t=>{var e,s,r;return{...t,error:null===(r=null===(s=null===(e=null==b?void 0:b.errors)||void 0===e?void 0:e.response)||void 0===s?void 0:s.errors)||void 0===r?void 0:r[0].message}})):(d((t=>{var e;return{...t,...null===(e=null==b?void 0:b.data)||void 0===e?void 0:e.upsertUser}})),r(!1)))}),[null==b?void 0:b.loading]),a((()=>{d((t=>{var e;return{...t,...null===(e=null==m?void 0:m.data)||void 0===e?void 0:e.viewer}}))}),[null==m?void 0:m.data]),a((()=>{var t;(null===(t=null==b?void 0:b.errors)||void 0===t?void 0:t.message)&&h((t=>({...t,error:"Network request failed."})))}),[null==b?void 0:b.errors]),{states:{loading:(null==m?void 0:m.loading)||b.loading,submitDisabled:!1,formState:u,user:l,showEdit:s,text:{editprofileheader:t.editprofileheader,editprofiletext:t.editprofiletext,firstnametext:t.firstnametext,lastnametext:t.lastnametext,canceltext:t.canceltext,updatetext:t.updatetext,currentregiontext:t.currentregiontext,showregion:t.showregion}},callbacks:{onSubmit:()=>{if(u.firstName&&u.lastName)return v({id:null==e?void 0:e.id,accountId:null==e?void 0:e.accountId,firstName:u.firstName,lastName:u.lastName}),void h((t=>({...t,errors:{}})));const t={};u.firstName||(t.firstName={message:"Field can't be empty"}),u.lastName||(t.lastName={message:"Field can't be empty"}),t!=={}&&h((t=>({...t,error:"Please correct the errors below to update your profile."}))),h((e=>({...e,errors:t})))},resetForm:()=>{var t,e,s,r,a,n;const o=(null===(e=null===(t=null==m?void 0:m.data)||void 0===t?void 0:t.viewer)||void 0===e?void 0:e.countryCode)?c.formatDisplayName(m.data.viewer.countryCode,{type:"region"}):"";d({...null===(s=m.data)||void 0===s?void 0:s.viewer,...null===(r=b.data)||void 0===r?void 0:r.upsertUser}),h({..._t,...null===(a=m.data)||void 0===a?void 0:a.viewer,...null===(n=b.data)||void 0===n?void 0:n.upsertUser,currentRegion:o})},onChange:t=>{const{name:e,value:s}=t.target;h((t=>({...t,[e]:s})))},setShowEdit:r}}}(T(this));return e(G,Object.assign({},t))}};qt.style=".ErrorStyles::part(base){background:var(--sl-color-danger-10);border-color:var(--sl-color-danger-500);outline:var(--sl-color-danger-500)}.ErrorStyles:host{--something-random:red;--focus-ring:0 0 0 var(--sl-focus-ring-width) red !important}.ErrorStyles::part(input){color:var(--sl-color-danger-500)}.ErrorStyles::part(input):-webkit-autofill,.ErrorStyles::part(input):-webkit-autofill:hover,.ErrorStyles::part(input):-webkit-autofill:focus,.ErrorStyles::part(input):-webkit-autofill:active{-webkit-box-shadow:0 0 0 var(--sl-input-height-large) var(--sl-input-background-color-hover) inset !important;box-shadow:0 0 0 var(--sl-input-height-large) var(--sl-input-background-color-hover) inset !important;-webkit-text-fill-color:var(--sl-color-danger-500)}.ErrorStyles::part(help-text){color:var(--sl-color-danger-500)}:host{display:block}:host([hidden]){display:none}.FormWrapper>:not(:first-child){margin-top:54px}.FormSection{width:100%}.FormSection>:not(:first-child){margin-top:16px}.ButtonWrapper{display:-ms-flexbox;display:flex;margin-top:24px;-ms-flex-pack:end;justify-content:flex-end}.ButtonWrapper>:not(:first-child){margin-left:var(--sl-font-size-x-small)}.CardWrapper{-webkit-box-sizing:border-box;box-sizing:border-box;background:var(--sl-color-white);padding:40px 30px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between}@media screen and (max-width: 499px){.CardWrapper{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}}@media screen and (max-width: 880px){.CardWrapper.ShowEdit{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:end;align-items:flex-end}}";const At=class{constructor(e){t(this,e),this.columns=1,this.minHeight=200,this.background="var(--sl-color-gray-50)",this.paddingSize="large",this.wrapDirection="wrap",r(this)}disconnectedCallback(){}render(){const t={states:{...T(this)},content:{primaryColumn:e("slot",null),secondaryColumn:e("slot",{name:"secondary-column"})}};return e(Z,Object.assign({},t))}};function Nt(t,s){const r=Boolean((t.header||t.description||t.buttonText)&&"overlay"===t.layout),a=q({Container:{position:"relative","&:before":{content:r?'""':"",width:"100%",height:"100%",position:"absolute",background:t.overlayColor||"var(--sl-color-primary-900)",opacity:t.overlayOpacity}},Image:{display:"block",width:"100%",height:"100%",objectFit:"cover"},Background:{backgroundImage:`url(${t.imageUrl})`,backgroundSize:"cover",backgroundPosition:t.imagePos||"center",display:"flex",justifyContent:"center",alignItems:"center"},Overlay:{zIndex:"1",padding:"calc(var(--sl-spacing-"+t.paddingText+") + var(--sl-spacing-"+t.paddingImage+"))",textAlign:"center",color:t.textColor||"var(--sl-color-neutral-0)",lineHeight:"var(--sl-line-height-dense)","@media (max-width: 599px)":{padding:"var(--sl-spacing-"+t.paddingText+")"}},Column:{display:"flex",background:t.backgroundColor||"",flexDirection:"right"===t.imagePos?"row-reverse":"row",lineHeight:"var(--sl-line-height-dense)",color:t.textColor||"var(--sl-color-neutral-900)","& .image-area":{width:t.imagePercentage?t.imagePercentage+"%":"50%",padding:"var(--sl-spacing-"+t.paddingImage+")",boxSizing:"border-box",display:"flex",justifyContent:"center",alignItems:"center","@media (max-width: 599px)":{width:"100%"}},"& .text-area":{width:t.imagePercentage?100-t.imagePercentage+"%":"50%",padding:"var(--sl-spacing-"+t.paddingText+")",alignSelf:"center",boxSizing:"border-box","@media (max-width: 599px)":{width:"100%",textAlign:"center",padding:"calc(0.5*var(--sl-spacing-"+t.paddingText+"))"}},"@media (max-width: 599px)":{flexDirection:"bottom"===t.imageMobilePos?"column-reverse":"column"}},Header:{fontSize:"var(--sl-font-size-xxx-large)",fontWeight:"var(--sl-font-weight-bold)","@media (max-width: 599px)":{fontSize:"var(--sl-font-size-xx-large)"}},Description:{fontSize:"var(--sl-font-size-x-large)",margin:"var(--sl-spacing-small) 0","@media (max-width: 599px)":{fontSize:"var(--sl-font-size-large)"}},Button:{marginTop:"var(--sl-spacing-medium)","&::part(base)":{padding:"0 var(--sl-spacing-x-large)"},"@media (max-width: 599px)":{width:"100%"}}}),n=a.toString();return e("div",{class:a.classes.Container,part:"sqm-base"},e("style",{type:"text/css"},"\n  :host{\n    display: block;\n  }",n),"overlay"===t.layout&&e("div",{class:a.classes.Background},e("div",{class:a.classes.Overlay,part:"sqm-overlay"},t.header&&e("div",{class:a.classes.Header},t.header),t.description&&e("div",{class:a.classes.Description},t.description),t.buttonText&&e("sl-button",{class:a.classes.Button,type:"primary",onClick:()=>t.buttonNewTab?window.open(t.buttonLink):window.open(t.buttonLink,"_parent")},t.buttonText),s&&s)),"columns"===t.layout&&e("div",null,e("div",{class:a.classes.Column},e("div",{class:"image-area"},e("img",{class:a.classes.Image,src:t.imageUrl,part:"sqm-columns-image"})),e("div",{class:"text-area",part:"sqm-columns-text-area"},t.header&&e("div",{class:a.classes.Header,part:"sqm-columns-header"},t.header),t.description&&e("div",{class:a.classes.Description,part:"sqm-columns-description"},t.description),t.buttonText&&e("sl-button",{exportparts:"base: sqm-hero-image-button",class:a.classes.Button,type:"primary",onClick:()=>t.buttonNewTab?window.open(t.buttonLink):window.open(t.buttonLink,"_parent")},t.buttonText)))))}const Tt=class{constructor(e){t(this,e),this.overlayOpacity="0.75",this.layout="overlay",this.imagePercentage=50,this.imagePos="center",this.imageMobilePos="top",this.buttonNewTab=!1,this.paddingText="xxxx-large",this.paddingImage="none",r(this)}disconnectedCallback(){}render(){return e(Nt,Object.assign({},T(this)),e("slot",null))}},Pt=class{constructor(e){t(this,e),this.ignored=!0,r(this)}disconnectedCallback(){}render(){return e(this.hookStory,null)}},Lt=class{constructor(e){t(this,e),this.ignored=!0,this.fieldType="text",this.errorMessage="Cannot be empty",this.fieldOptional=!1,r(this)}disconnectedCallback(){}render(){const t={...T(this)},s=P([{attribute:"field-name",value:this.fieldName}]);if(!u()&&s)return e(yt,{missingProps:s,heading:"An error occured while loading this form",subheading:"A technical problem prevented this input field from loading. Please contact us with the link to this page.",description:"Values for the following attributes are missing:"});const{states:r}=u()?_({states:{registrationFormState:{}}},this.demoData||{},{arrayMerge:(t,e)=>e}):{states:{registrationFormState:o(D)}};return e(K,{states:r,content:t})}},Dt=m.gql`
   query (
     $type: String!
     $filter: UserLeaderboardFilterInput
@@ -98,7 +98,7 @@ import{r as t,h as e,c as s}from"./p-64c3217a.js";import{m as a,f as r,j as n,o,
       }
     }
   }
-`,Vt=class{constructor(e){t(this,e),this.hideViewer=!1,this.anonymousUser="Anonymous User",this.maxRows=10,this.ignored=!0,a(this),X(this)}disconnectedCallback(){}render(){const t={empty:e($t,null),loadingstate:e(jt,null),usersheading:this.usersheading,statsheading:this.statsheading,rankheading:this.rankheading,rankType:this.rankType,leaderboardType:this.leaderboardType,maxRows:this.maxRows,programId:this.programId,anonymousUser:this.anonymousUser,interval:this.interval,hideViewer:this.hideViewer,showRank:this.showRank},s={...t,demoData:this.demoData},a=u()?function(t){var s,a;const r=(null===(a=null===(s=t.demoData)||void 0===s?void 0:s.data)||void 0===a?void 0:a.leaderboard)||[{firstName:"Viktor",lastInitial:"V",textValue:"82",rank:1,rowNumber:1},{firstName:"MF",lastInitial:"D",textValue:"73",rank:2,rowNumber:2},{firstName:"Freddie",lastInitial:"G",textValue:"64",rank:3,rowNumber:3},{firstName:"Benny",lastInitial:"B",textValue:"55",rank:4,rowNumber:4},{textValue:"46",rank:5,rowNumber:5}];return R({states:{loading:!1,hasLeaders:!0,styles:{usersheading:t.usersheading?t.usersheading:"Top referrers",statsheading:t.statsheading?t.statsheading:"New customers",rankheading:t.rankheading?t.rankheading:"Rank",anonymousUser:t.anonymousUser?t.anonymousUser:"Anonymous User",showRank:t.showRank,hideViewer:t.hideViewer}},data:{rankType:"rowNumber",leaderboard:r},elements:{empty:e($t,null),loadingstate:e(jt,null)}},t.demoData||{},{arrayMerge:(t,e)=>e})}(s):function(t){var e,s,a,r,n,o,i,l,d,c;const u=v(),h=null!==(e=t.programId)&&void 0!==e?e:u,m=p(),g=y(),b=h?{type:t.leaderboardType,filter:{programId_eq:h}}:{type:t.leaderboardType,filter:{}};t.interval&&(b.filter.interval=t.interval),g&&(b.locale=g),t.maxRows>0&&(b.limit=t.maxRows);const{data:x,loading:w}=f(Dt,b,!(null==m?void 0:m.jwt)),{data:k}=f(Ft,b,!(null==m?void 0:m.jwt)),C=null==(I=null===(s=null==x?void 0:x.userLeaderboard)||void 0===s?void 0:s.rows)?void 0:I.flatMap((e=>{var s,a;return{textValue:e.textValue,firstName:e.firstName,lastInitial:e.lastInitial,rank:null===(s=e.rank)||void 0===s?void 0:s[t.rankType],rowNumber:null===(a=e.rank)||void 0===a?void 0:a.rowNumber}})),E=null==C?void 0:C.sort((function(t,e){return t.rank-e.rank})),S={textValue:null===(r=null===(a=null==k?void 0:k.viewer)||void 0===a?void 0:a.leaderboardRank)||void 0===r?void 0:r.textValue,firstName:null===(n=null==k?void 0:k.viewer)||void 0===n?void 0:n.firstName,lastInitial:null===(o=null==k?void 0:k.viewer)||void 0===o?void 0:o.lastInitial,rank:null===(l=null===(i=null==k?void 0:k.viewer)||void 0===i?void 0:i.leaderboardRank)||void 0===l?void 0:l[t.rankType],rowNumber:null===(c=null===(d=null==k?void 0:k.viewer)||void 0===d?void 0:d.leaderboardRank)||void 0===c?void 0:c.rowNumber};var I;return{states:{loading:w,hasLeaders:(null==E?void 0:E.length)>0,styles:t},data:{leaderboard:E,rankType:t.rankType,viewerRank:S},elements:{empty:t.empty,loadingstate:t.loadingstate}}}(t);return e(Y,Object.assign({},a))}};function $t(){return e("slot",{name:"empty"},e("sqm-empty",{"empty-state-image":"https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png","empty-state-header":"View your rank in the leaderboard","empty-state-text":"Be the first to refer a friend and reach the top of the leaderboard"}))}function jt(){return e("slot",{name:"loading"},e("table",null,[...Array(10)].map((()=>e("tr",null,e("td",null,e("sl-skeleton",null)))))))}const Bt=q({Container:{display:"contents"},Link:{textDecoration:"none",color:"inherit"}}),zt=Bt.toString();function Ot(t){const{onClick:s,buttonText:a}=t;return e("span",{class:Bt.classes.Container,part:"sqm-base"},e("style",{type:"text/css"},zt,"\n:host{\n  display: inline;   \n}\n"),e("sl-button",{type:"primary",exportparts:"base: primarybutton-base"},e("a",{onClick:s,class:Bt.classes.Link,part:"sqm-link"},a)))}const Ut=class{constructor(e){t(this,e),this.openInNewTab=!1,this.buttonText="Click here"}render(){return e(Ot,Object.assign({},{...P(this),onClick:()=>{window.open(this.link,this.openInNewTab?"_blank":"_parent")}}))}},Ht=class{constructor(e){t(this,e),this.ignored=!0,this.firstNameLabel="First Name",this.lastNameLabel="Last Name",a(this)}disconnectedCallback(){}render(){const{states:t}=u()?R({states:{validationErrors:[],content:{firstNameLabel:this.firstNameLabel,lastNameLabel:this.lastNameLabel}}},this.demoData||{},{arrayMerge:(t,e)=>e}):function(t){return{states:{registrationFormState:o(D),content:{lastNameLabel:t.lastNameLabel,firstNameLabel:t.firstNameLabel}}}}(this);return e(J,{states:t})}};function Wt(t){const{states:s}=t,{styles:a}=s;return s.includeDropdown?e("sl-dropdown",{style:"margin-bottom: var(--sl-spacing-large)"},e("sl-button",{slot:"trigger",caret:!0,onClick:t.callbacks.rerender,exportparts:"base: dropdownbutton-base"},a.menuLabel),e("sl-menu",{ref:e=>{void 0===t.ref.current&&(t.ref.current=e,t.callbacks.rerender())}},e("slot",null))):""}const Gt=class{constructor(e){t(this,e),this.ignored=!0,a(this)}disconnectedCallback(){}render(){const t=u()?function(t){return R({states:{includeDropdown:!0,styles:{...t,menuLabel:"Menu"}},callbacks:{rerender:()=>{}},ref:{current:void 0}},t.demoData||{},{arrayMerge:(t,e)=>e})}(P(this)):function(t){const e=i(),[,s]=x(),a=p();return r((()=>{var t;null===(t=e.current)||void 0===t||t.addEventListener("sl-select",(t=>function(t){w.push(t.detail.item.value)}(t)))}),[e.current]),{states:{includeDropdown:void 0!==((null==a?void 0:a.id)||(null==a?void 0:a.accountId)||(null==a?void 0:a.jwt)),styles:{menuLabel:t.menuLabel}},callbacks:{rerender:s},ref:e}}(P(this));return e(s,{slot:"sqm-navigation-menu"},e(Wt,Object.assign({},t)))}};Gt.style=":host{display:block}:host([hidden]){display:none}.HeaderWrapper{width:100%;max-width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding:var(--sl-spacing-small) var(--sl-spacing-large);-ms-flex-align:center;align-items:center;background-color:var(--sqm-header-background)}@media screen and (max-width: 499px){.HeaderWrapper{-ms-flex-direction:row-reverse;flex-direction:row-reverse;-ms-flex-pack:end;justify-content:flex-end;padding:0 var(--sl-spacing-x-small)}}";const Zt=class{constructor(e){t(this,e),this.ignored=!0,this.modalChangePasswordHeader="Change Password",this.cancelText="Cancel",this.changePasswordButtonText="Change Password",this.passwordFieldLabel="New Password",this.confirmPasswordFieldLabel="Confirm New Password",this.successMessage="Your password has been updated.",this.portalChangePasswordHeader="Password",this.portalChangePasswordButtonText="Change your password...",a(this)}disconnectedCallback(){}render(){const{states:t,callbacks:s}=u()?function(t){const[e,s]=n(!1);return R({states:{open:e,error:"",content:{modalChangePasswordHeader:t.modalChangePasswordHeader,cancelText:t.cancelText,changePasswordButtonText:t.changePasswordButtonText,passwordFieldLabel:t.passwordFieldLabel,confirmPasswordFieldLabel:t.confirmPasswordFieldLabel,successMessage:t.successMessage,portalChangePasswordHeader:t.portalChangePasswordHeader,portalChangePasswordButtonText:t.portalChangePasswordButtonText}},callbacks:{setOpen:t=>s(t),submit:t=>console.log("Submit",t)}},t.demoData||{},{arrayMerge:(t,e)=>e})}(this):function(t){var e,s,a,r,o,i,l;const[d,{loading:c,errors:u}]=k(),[h,m]=n(!1),[v,g]=n(""),[f,b]=n(!1),y=p();return{states:{open:h,loading:c,success:f,error:v||(null===(r=null===(a=null===(s=null===(e=null==u?void 0:u.response)||void 0===e?void 0:e.errors)||void 0===s?void 0:s[0])||void 0===a?void 0:a.extensions)||void 0===r?void 0:r.message)||(null===(l=null===(i=null===(o=null==u?void 0:u.response)||void 0===o?void 0:o.errors)||void 0===i?void 0:i[0])||void 0===l?void 0:l.message),content:{modalChangePasswordHeader:t.modalChangePasswordHeader,cancelText:t.cancelText,changePasswordButtonText:t.changePasswordButtonText,passwordFieldLabel:t.passwordFieldLabel,confirmPasswordFieldLabel:t.confirmPasswordFieldLabel,successMessage:t.successMessage,portalChangePasswordHeader:t.portalChangePasswordHeader,portalChangePasswordButtonText:t.portalChangePasswordButtonText}},data:{},callbacks:{setOpen:m,submit:async t=>{var e,s;b(!1);const a=null===(e=t.detail)||void 0===e?void 0:e.formData;if(null==a||a.forEach(((t,e)=>{_.set(a,e,t)})),!(null==y?void 0:y.jwt))return void g("Please log in again to change your password.");if(a.password!==a.confirmPassword)return void g("Passwords do not match.");g("");const r={password:a.password},n=await d(r);n instanceof Error||!(null===(s=n.changeManagedIdentityPassword)||void 0===s?void 0:s.success)||b(!0)}}}}(this);return e(Q,{states:t,callbacks:s})}},Kt=class{constructor(e){t(this,e),this.ignored=!0,this.hideSupportText=!1,this.supportEmail="support@example.com",this.supportText="For program support, contact {email}",this.hidePoweredBy=!1,this.poweredByLink="https://www.saasquatch.com/?utm_source=app&utm_medium=user-widget&utm_campaign=referral-widget",this.paddingTop="large",this.paddingRight="large",this.paddingBottom="large",this.paddingLeft="large",a(this)}disconnectedCallback(){}render(){return e(tt,Object.assign({},P(this)))}static get assetsDirs(){return["../../assets"]}},Xt=class{constructor(e){t(this,e),this.ignored=!0,this.notFullScreen=!1,a(this)}disconnectedCallback(){}render(){const t=e("slot",{name:"footer"}),s=e("slot",{name:"header"}),a=u()?function(t,s,a){return R({notFullScreen:!0,data:{footer:t||e("span",null,"example@example.com"),header:s||e("div",{style:{display:"flex",flexDirection:"column"}},e("span",{style:{fontSize:"var(--sl-font-size-large)",fontWeight:"bold"}},"Portal Header"),e("span",{style:{fontSize:"var(--sl-font-size-small)"}},"A description for the portal"))},callbacks:{rerender:()=>{}}},a.demoData||{},{arrayMerge:(t,e)=>e})}(t,s,this):function(t,e){const[,s]=x();return{data:{footer:t,header:e},callbacks:{rerender:s}}}(t,s);return e(et,Object.assign({},a),e("slot",null))}},Yt=class{constructor(e){t(this,e),this.ignored=!0,this.nextPage="/",this.emailLabel="Email",this.passwordLabel="Password",this.submitLabel="Sign In",this.forgotPasswordPath="/forgotPassword",this.forgotPasswordLabel="Forgot Password?",this.registerLabel="Register",this.registerPath="/register",this.pageLabel="Sign in to your account",a(this)}disconnectedCallback(){}render(){const{states:t,callbacks:s}=u()?R({states:{error:"",loading:!1,forgotPasswordPath:"/forgotPassword",registerPath:"/register"},callbacks:{submit:async()=>{console.log("submit")}}},this.demoData||{},{arrayMerge:(t,e)=>e}):function(t){var e,s,a,r,o,i,l;const[d,{loading:c,errors:u}]=C(),[h,m]=n(""),p=new URLSearchParams(w.location.search),v=p.get("nextPage");return{states:{loading:c,error:(null===(r=null===(a=null===(s=null===(e=null==u?void 0:u.response)||void 0===e?void 0:e.errors)||void 0===s?void 0:s[0])||void 0===a?void 0:a.extensions)||void 0===r?void 0:r.message)||(null===(l=null===(i=null===(o=null==u?void 0:u.response)||void 0===o?void 0:o.errors)||void 0===i?void 0:i[0])||void 0===l?void 0:l.message)||h,registerPath:t.registerPath,forgotPasswordPath:t.forgotPasswordPath},callbacks:{submit:async e=>{var s,a;m("");let r=e.detail.formData;null==r||r.forEach(((t,e)=>{_.set(r,e,t)}));const n={email:r.email,password:r.password},o=await d(n);if(o instanceof Error)((null==o?void 0:o.message)||(null===(s=null==o?void 0:o.response)||void 0===s?void 0:s.error))&&m("Network request failed.");else if(null===(a=o.authenticateManagedIdentityWithEmailAndPassword)||void 0===a?void 0:a.token){p.delete("nextPage");const e=L(v||t.nextPage);w.push(e.href)}}}}}(this),a={forgotPasswordButton:e("slot",{name:"forgotPassword"},e("a",{onClick:()=>w.push(t.forgotPasswordPath)},this.forgotPasswordLabel)),secondaryButton:e("slot",{name:"secondaryButton"},e("sl-button",{type:"text",disabled:t.loading,onClick:()=>w.push(t.registerPath)},this.registerLabel)),emailLabel:this.emailLabel,passwordLabel:this.passwordLabel,submitLabel:this.submitLabel,pageLabel:this.pageLabel};return e(st,{states:t,callbacks:s,content:a})}},Jt=class{constructor(e){t(this,e),this.ignored=!0,this.nextPage="/",this.redirectPath="/verifyEmail",this.emailLabel="Email",this.passwordLabel="Password",this.submitLabel="Register",this.loginLabel="Sign in",this.confirmPasswordLabel="Confirm Password",this.confirmPassword=!1,this.disablePasswordValidation=!1,this.hideInputs=!1,this.pageLabel="Register",this.loginPath="/login",this.requiredFieldErrorMessage="Cannot be empty",this.networkErrorMessage="Network request failed.",this.passwordMismatchErrorMessage="Passwords do not match.",this.invalidEmailErrorMessage="Must be a valid email address",a(this)}disconnectedCallback(){}render(){const{states:t,callbacks:s,refs:a}=u()?R({states:{error:"",loading:!1,confirmPassword:(n=this).confirmPassword,hideInputs:n.hideInputs||!1,customPasswordField:!1,loginPath:n.loginPath,disablePasswordValidation:n.disablePasswordValidation},callbacks:{submit:async()=>{console.log("submit")},inputFunction:()=>{}},refs:{formRef:{}}},n.demoData||{},{arrayMerge:(t,e)=>e}):function(t){var e,s,a,n,o,l,d,c,u;const h=i(null),{registrationFormState:m,setRegistrationFormState:p}=F({}),[v,{loading:g,errors:f}]=E();r((()=>{if(!h.current)return;const t=h.current;return t.addEventListener("sl-input",b),()=>{t.removeEventListener("sl-input",b)}}),[h.current]);const b=S((t=>{var e,s;if("tel"!==(null===(s=null===(e=t.target)||void 0===e?void 0:e.type)||void 0===s?void 0:s.toLowerCase()))return;const a=new V("US");t.target.value=a.input(t.target.value)}),[]);let y="";return y=(null===(e=null==f?void 0:f.response)||void 0===e?void 0:e.error)||(null==f?void 0:f.message)&&!(null===(s=null==f?void 0:f.response)||void 0===s?void 0:s.errors.length)?t.networkErrorMessage:(null===(l=null===(o=null===(n=null===(a=null==f?void 0:f.response)||void 0===a?void 0:a.errors)||void 0===n?void 0:n[0])||void 0===o?void 0:o.extensions)||void 0===l?void 0:l.message)||(null===(u=null===(c=null===(d=null==f?void 0:f.response)||void 0===d?void 0:d.errors)||void 0===c?void 0:c[0])||void 0===u?void 0:u.message)||(null==m?void 0:m.error),{states:{loading:g,error:y,registrationFormState:m,confirmPassword:t.confirmPassword,hideInputs:t.hideInputs,loginPath:t.loginPath,disablePasswordValidation:t.disablePasswordValidation},callbacks:{submit:async e=>{var s;let a=e.target.getFormControls(),r={},n={};if(null==a||a.forEach((e=>{if(!e.name)return;const s=e.name,a=e.value;if(_.set(r,s,a),e.required&&!a&&_.set(n,s,t.requiredFieldErrorMessage),"function"==typeof e.validationError){const t=(0,e.validationError)({control:e,key:s,value:a});t&&_.set(n,s,t)}})),(t.confirmPassword||r.confirmPassword)&&r.password!==r.confirmPassword&&(n={...n,confirmPassword:t.passwordMismatchErrorMessage}),Object.keys(n).length)return void p({loading:!1,error:"",validationErrors:n});p({loading:!0,error:"",validationErrors:{}});const{email:o,password:i}=r;delete r.email,delete r.password,delete r.confirmPassword,r={...r};const l={email:o,password:i,formData:r,redirectPath:t.redirectPath};try{const e=await v(l);if(e instanceof Error)throw e;p({loading:!1,error:"",validationErrors:{}}),(null===(s=e.registerManagedIdentityWithEmailAndPassword)||void 0===s?void 0:s.token)&&w.push(t.nextPage)}catch(e){p({loading:!1,error:t.networkErrorMessage,validationErrors:{}})}},inputFunction:b},refs:{formRef:h}}}(this);var n;const o={formData:e("slot",{name:"formData"}),secondaryButton:e("slot",{name:"secondaryButton"},e("sl-button",{type:"text",disabled:t.loading,onClick:()=>w.push(t.loginPath)},this.loginLabel)),terms:e("slot",{name:"terms"}),emailLabel:this.emailLabel,passwordLabel:this.passwordLabel,submitLabel:this.submitLabel,pageLabel:this.pageLabel,confirmPasswordLabel:this.confirmPasswordLabel,invalidEmailErrorMessage:this.invalidEmailErrorMessage,requiredFieldErrorMessage:this.requiredFieldErrorMessage};return e(at,{states:t,callbacks:s,content:o,refs:a})}};function Qt(t,s){const a=q({Container:{color:t.textColor||"var(--sl-color-neutral-900)",background:t.backgroundColor||""},Header:{fontSize:"var(--sl-font-size-x-large)",fontWeight:"var(--sl-font-weight-bold)",lineHeight:"var(--sl-line-height-dense)",marginBottom:"var(--sl-spacing-large)",textAlign:"center"},Grid:{display:"flex",flexDirection:"row",gap:"var(--sl-spacing-large)","@media (max-width: 499px)":{flexDirection:"column"}}}),r=a.toString();return e("div",{class:a.classes.Container,part:"sqm-base"},e("style",{type:"text/css"},r,"\n  ::slotted(*){\n    display: flex;\n    width: 100%;\n  }\n  @media (max-width: 499px) {\n    ::slotted(*){\n      display: block;\n    }\n  }"),e("div",{class:a.classes.Header},e("div",{class:a.classes.Header,part:"sqm-header"},t.header)),e("div",{class:a.classes.Grid,part:"sqm-grid-container"},s))}const te=class{constructor(e){t(this,e),this.ignored=!0,a(this)}disconnectedCallback(){}render(){return e(Qt,Object.assign({},P(this)),e("slot",null))}};function ee(t){const s=q({Container:{display:"flex",flexDirection:"column",width:"100%",padding:"var(--sl-spacing-x-large)",lineHeight:"var(--sl-line-height-dense)",color:t.textColor||"var(--sl-color-neutral-900)",background:t.backgroundColor||"var(--sl-color-primary-50)","@media (max-width: 499px)":{flexDirection:"row",width:"auto",paddingBottom:"var(--sl-spacing-large)"}},Text:{"@media (max-width: 499px)":{marginLeft:"var(--sl-spacing-large)"}},Header:{fontSize:"var(--sl-font-size-large)",fontWeight:"var(--sl-font-weight-bold)",marginTop:"var(--sl-spacing-x-large)","@media (max-width: 499px)":{margin:"0"}},Description:{fontSize:"var(--sl-font-size-medium)",marginTop:"var(--sl-spacing-small)","@media (max-width: 499px)":{marginTop:"var(--sl-spacing-x-small)"}},Media:{width:"64px",height:"64px",borderRadius:"100%",objectFit:"cover",userSelect:"none",background:"#FFF",color:"var(--sl-color-primary-300)",fontSize:"26px",textAlign:"center",lineHeight:"72px"}}),a=s.toString();return e("div",{class:s.classes.Container,part:"sqm-base"},e("style",{type:"text/css"},a),e("div",null,t.imageUrl?e("img",{class:s.classes.Media,src:t.imageUrl,part:"sqm-media"}):e("div",{class:s.classes.Media,part:"sqm-media"},e("sl-icon",{name:t.icon}))),e("div",{class:s.classes.Text},e("div",{class:s.classes.Header,part:"sqm-header"},t.header),e("div",{class:s.classes.Description,part:"sqm-description"},t.description)))}const se=class{constructor(e){t(this,e),a(this)}disconnectedCallback(){}render(){return e(ee,Object.assign({},P(this)))}},ae=l("sq:useProgramMenu"),re=class{constructor(e){t(this,e),this.ignored=!0,a(this)}disconnectedCallback(){}render(){const{data:t,ref:a}=function(t){const e=v(),s=h();ae({programId:e,props:t});const a=i(),[,n]=x();return r((()=>{var t;null===(t=a.current)||void 0===t||t.addEventListener("sl-select",(t=>{s.dispatchEvent(new CustomEvent("sq:update-program-id",{detail:t.detail.item.value,bubbles:!0,composed:!0}))}))}),[a.current]),{data:{programId:e},callbacks:{rerender:n},ref:a}}(P(this));return e(s,{style:{display:"contents"}},e("sl-select",{style:{paddingBottom:"var(--sl-spacing-large)"},value:t.programId,ref:t=>a.current=t},e("slot",null)))}},ne=q({Container:{borderRadius:"var(--sl-border-radius-large)",color:"var(--sl-color-neutral-900)",background:"var(--sl-color-neutral-0)",display:"flex",flexDirection:"column",rowGap:"var(--sl-spacing-large)"},EndContainer:{display:"flex",flexDirection:"column",alignItems:"center"},ColumnContainer:{"& p":{margin:"0"},display:"grid",gridAutoColumns:"minmax(0, 1fr)",gridAutoFlow:"column",gap:"calc(2 * var(--sl-spacing-medium))","@media (max-width: 499px)":{gridAutoFlow:"unset",gridAutoColumns:"unset",gridTemplateColumns:"1fr",border:"none"}}}),oe=ne.toString();function ie(t){return e("div",{part:"sqm-base",class:ne.classes.Container,style:{border:t.hideBorder?"none":"1px solid var(--sl-color-neutral-300)","padding-top":`var(--sl-spacing-${t.paddingTop})`,"padding-right":`var(--sl-spacing-${t.paddingRight})`,"padding-bottom":`var(--sl-spacing-${t.paddingBottom})`,"padding-left":`var(--sl-spacing-${t.paddingLeft})`,backgroundColor:t.backgroundColor,maxWidth:t.limitWidth?"600px":"none",margin:t.limitWidth?"auto":"none"}},e("style",{type:"text/css"},oe,"\n    :host{\n      display: block;   \n    }\n  "),t.hasHeader&&e("div",{class:ne.classes.EndContainer},t.slots.header),e("div",{part:"sqm-column-container",class:ne.classes.ColumnContainer,style:{alignItems:t.verticalAlignment}},t.slots.left,t.slots.right),t.hasFooter&&e("div",{class:ne.classes.EndContainer},t.slots.footer))}const le=class{constructor(e){t(this,e),this.ignored=!0,this.verticalAlignment="start",this.hideBorder=!1,this.paddingTop="large",this.paddingRight="large",this.paddingBottom="large",this.paddingLeft="large",this.backgroundColor="#ffffff",this.limitWidth=!1,a(this)}disconnectedCallback(){}render(){const t={left:e("slot",{name:"left"}),right:e("slot",{name:"right"}),header:e("slot",{name:"header"}),footer:e("slot",{name:"footer"})},s=N(),a=s.findIndex((t=>"header"===t.slot))>-1,r=s.findIndex((t=>"footer"===t.slot))>-1;return e(ie,Object.assign({},P(this),{slots:t,hasHeader:a,hasFooter:r}),e("slot",null))}},de=m.gql`
+`,Vt=class{constructor(e){t(this,e),this.hideViewer=!1,this.anonymousUser="Anonymous User",this.maxRows=10,this.ignored=!0,r(this),X(this)}disconnectedCallback(){}render(){const t={empty:e($t,null),loadingstate:e(jt,null),usersheading:this.usersheading,statsheading:this.statsheading,rankheading:this.rankheading,rankType:this.rankType,leaderboardType:this.leaderboardType,maxRows:this.maxRows,programId:this.programId,anonymousUser:this.anonymousUser,interval:this.interval,hideViewer:this.hideViewer,showRank:this.showRank},s={...t,demoData:this.demoData},r=u()?function(t){var s,r;const a=(null===(r=null===(s=t.demoData)||void 0===s?void 0:s.data)||void 0===r?void 0:r.leaderboard)||[{firstName:"Viktor",lastInitial:"V",textValue:"82",rank:1,rowNumber:1},{firstName:"MF",lastInitial:"D",textValue:"73",rank:2,rowNumber:2},{firstName:"Freddie",lastInitial:"G",textValue:"64",rank:3,rowNumber:3},{firstName:"Benny",lastInitial:"B",textValue:"55",rank:4,rowNumber:4},{textValue:"46",rank:5,rowNumber:5}];return _({states:{loading:!1,hasLeaders:!0,styles:{usersheading:t.usersheading?t.usersheading:"Top referrers",statsheading:t.statsheading?t.statsheading:"New customers",rankheading:t.rankheading?t.rankheading:"Rank",anonymousUser:t.anonymousUser?t.anonymousUser:"Anonymous User",showRank:t.showRank,hideViewer:t.hideViewer}},data:{rankType:"rowNumber",leaderboard:a},elements:{empty:e($t,null),loadingstate:e(jt,null)}},t.demoData||{},{arrayMerge:(t,e)=>e})}(s):function(t){var e,s,r,a,n,o,i,l,d,c;const u=v(),h=null!==(e=t.programId)&&void 0!==e?e:u,m=p(),g=y(),b=h?{type:t.leaderboardType,filter:{programId_eq:h}}:{type:t.leaderboardType,filter:{}};t.interval&&(b.filter.interval=t.interval),g&&(b.locale=g),t.maxRows>0&&(b.limit=t.maxRows);const{data:x,loading:w}=f(Dt,b,!(null==m?void 0:m.jwt)),{data:k}=f(Ft,b,!(null==m?void 0:m.jwt)),C=null==(I=null===(s=null==x?void 0:x.userLeaderboard)||void 0===s?void 0:s.rows)?void 0:I.flatMap((e=>{var s,r;return{textValue:e.textValue,firstName:e.firstName,lastInitial:e.lastInitial,rank:null===(s=e.rank)||void 0===s?void 0:s[t.rankType],rowNumber:null===(r=e.rank)||void 0===r?void 0:r.rowNumber}})),E=null==C?void 0:C.sort((function(t,e){return t.rank-e.rank})),S={textValue:null===(a=null===(r=null==k?void 0:k.viewer)||void 0===r?void 0:r.leaderboardRank)||void 0===a?void 0:a.textValue,firstName:null===(n=null==k?void 0:k.viewer)||void 0===n?void 0:n.firstName,lastInitial:null===(o=null==k?void 0:k.viewer)||void 0===o?void 0:o.lastInitial,rank:null===(l=null===(i=null==k?void 0:k.viewer)||void 0===i?void 0:i.leaderboardRank)||void 0===l?void 0:l[t.rankType],rowNumber:null===(c=null===(d=null==k?void 0:k.viewer)||void 0===d?void 0:d.leaderboardRank)||void 0===c?void 0:c.rowNumber};var I;return{states:{loading:w,hasLeaders:(null==E?void 0:E.length)>0,styles:t},data:{leaderboard:E,rankType:t.rankType,viewerRank:S},elements:{empty:t.empty,loadingstate:t.loadingstate}}}(t);return e(Y,Object.assign({},r))}};function $t(){return e("slot",{name:"empty"},e("sqm-empty",{"empty-state-image":"https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png","empty-state-header":"View your rank in the leaderboard","empty-state-text":"Be the first to refer a friend and reach the top of the leaderboard"}))}function jt(){return e("slot",{name:"loading"},e("table",null,[...Array(10)].map((()=>e("tr",null,e("td",null,e("sl-skeleton",null)))))))}const Bt=q({Container:{display:"contents"},Link:{textDecoration:"none",color:"inherit"}}),zt=Bt.toString();function Ot(t){const{onClick:s,buttonText:r}=t;return e("span",{class:Bt.classes.Container,part:"sqm-base"},e("style",{type:"text/css"},zt,"\n:host{\n  display: inline;   \n}\n"),e("sl-button",{type:"primary",exportparts:"base: primarybutton-base"},e("a",{onClick:s,class:Bt.classes.Link,part:"sqm-link"},r)))}const Ut=class{constructor(e){t(this,e),this.openInNewTab=!1,this.buttonText="Click here"}render(){return e(Ot,Object.assign({},{...T(this),onClick:()=>{window.open(this.link,this.openInNewTab?"_blank":"_parent")}}))}},Ht=class{constructor(e){t(this,e),this.ignored=!0,this.firstNameLabel="First Name",this.lastNameLabel="Last Name",r(this)}disconnectedCallback(){}render(){const{states:t}=u()?_({states:{validationErrors:[],content:{firstNameLabel:this.firstNameLabel,lastNameLabel:this.lastNameLabel}}},this.demoData||{},{arrayMerge:(t,e)=>e}):function(t){return{states:{registrationFormState:o(D),content:{lastNameLabel:t.lastNameLabel,firstNameLabel:t.firstNameLabel}}}}(this);return e(J,{states:t})}};function Wt(t){const{states:s}=t,{styles:r}=s;return s.includeDropdown?e("sl-dropdown",{style:"margin-bottom: var(--sl-spacing-large)"},e("sl-button",{slot:"trigger",caret:!0,onClick:t.callbacks.rerender,exportparts:"base: dropdownbutton-base"},r.menuLabel),e("sl-menu",{ref:e=>{void 0===t.ref.current&&(t.ref.current=e,t.callbacks.rerender())}},e("slot",null))):""}const Gt=class{constructor(e){t(this,e),this.ignored=!0,r(this)}disconnectedCallback(){}render(){const t=u()?function(t){return _({states:{includeDropdown:!0,styles:{...t,menuLabel:"Menu"}},callbacks:{rerender:()=>{}},ref:{current:void 0}},t.demoData||{},{arrayMerge:(t,e)=>e})}(T(this)):function(t){const e=i(),[,s]=x(),r=p();return a((()=>{var t;null===(t=e.current)||void 0===t||t.addEventListener("sl-select",(t=>function(t){w.push(t.detail.item.value)}(t)))}),[e.current]),{states:{includeDropdown:void 0!==((null==r?void 0:r.id)||(null==r?void 0:r.accountId)||(null==r?void 0:r.jwt)),styles:{menuLabel:t.menuLabel}},callbacks:{rerender:s},ref:e}}(T(this));return e(s,{slot:"sqm-navigation-menu"},e(Wt,Object.assign({},t)))}};Gt.style=":host{display:block}:host([hidden]){display:none}.HeaderWrapper{width:100%;max-width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding:var(--sl-spacing-small) var(--sl-spacing-large);-ms-flex-align:center;align-items:center;background-color:var(--sqm-header-background)}@media screen and (max-width: 499px){.HeaderWrapper{-ms-flex-direction:row-reverse;flex-direction:row-reverse;-ms-flex-pack:end;justify-content:flex-end;padding:0 var(--sl-spacing-x-small)}}";const Zt=class{constructor(e){t(this,e),this.ignored=!0,this.modalChangePasswordHeader="Change Password",this.cancelText="Cancel",this.changePasswordButtonText="Change Password",this.passwordFieldLabel="New Password",this.confirmPasswordFieldLabel="Confirm New Password",this.successMessage="Your password has been updated.",this.portalChangePasswordHeader="Password",this.portalChangePasswordButtonText="Change your password...",this.meetsRequirementsText="Password has met all requirements",this.doesNotMeetRequirementsText="Password must meet the following requirements:",this.minErrorText="be a minimum of 8 characters",this.uppercaseErrorText="contain at least 1 uppercase character",this.lowercaseErrorText="contain at least 1 lowercase character",this.hasErrorText="contain at least 1 number or symbol",r(this)}disconnectedCallback(){}render(){const{states:t,callbacks:s}=u()?function(t){const[e,s]=n(!1);return _({states:{open:e,error:"",content:{modalChangePasswordHeader:t.modalChangePasswordHeader,cancelText:t.cancelText,changePasswordButtonText:t.changePasswordButtonText,passwordFieldLabel:t.passwordFieldLabel,confirmPasswordFieldLabel:t.confirmPasswordFieldLabel,successMessage:t.successMessage,portalChangePasswordHeader:t.portalChangePasswordHeader,portalChangePasswordButtonText:t.portalChangePasswordButtonText,meetsRequirementsText:t.meetsRequirementsText,doesNotMeetRequirementsText:t.doesNotMeetRequirementsText,minErrorText:t.minErrorText,uppercaseErrorText:t.uppercaseErrorText,lowercaseErrorText:t.lowercaseErrorText,hasErrorText:t.hasErrorText}},callbacks:{setOpen:t=>s(t),submit:t=>console.log("Submit",t)}},t.demoData||{},{arrayMerge:(t,e)=>e})}(this):function(t){var e,s,r,a,o,i,l;const[d,{loading:c,errors:u}]=k(),[h,m]=n(!1),[v,g]=n(""),[f,b]=n(!1),y=p();return{states:{open:h,loading:c,success:f,error:v||(null===(a=null===(r=null===(s=null===(e=null==u?void 0:u.response)||void 0===e?void 0:e.errors)||void 0===s?void 0:s[0])||void 0===r?void 0:r.extensions)||void 0===a?void 0:a.message)||(null===(l=null===(i=null===(o=null==u?void 0:u.response)||void 0===o?void 0:o.errors)||void 0===i?void 0:i[0])||void 0===l?void 0:l.message),content:{modalChangePasswordHeader:t.modalChangePasswordHeader,cancelText:t.cancelText,changePasswordButtonText:t.changePasswordButtonText,passwordFieldLabel:t.passwordFieldLabel,confirmPasswordFieldLabel:t.confirmPasswordFieldLabel,successMessage:t.successMessage,portalChangePasswordHeader:t.portalChangePasswordHeader,portalChangePasswordButtonText:t.portalChangePasswordButtonText,meetsRequirementsText:t.meetsRequirementsText,doesNotMeetRequirementsText:t.doesNotMeetRequirementsText,minErrorText:t.minErrorText,uppercaseErrorText:t.uppercaseErrorText,lowercaseErrorText:t.lowercaseErrorText,hasErrorText:t.hasErrorText}},data:{},callbacks:{setOpen:m,submit:async t=>{var e,s;b(!1);const r=null===(e=t.detail)||void 0===e?void 0:e.formData;if(null==r||r.forEach(((t,e)=>{R.set(r,e,t)})),!(null==y?void 0:y.jwt))return void g("Please log in again to change your password.");if(r.password!==r.confirmPassword)return void g("Passwords do not match.");g("");const a={password:r.password},n=await d(a);n instanceof Error||!(null===(s=n.changeManagedIdentityPassword)||void 0===s?void 0:s.success)||b(!0)}}}}(this);return e(Q,{states:t,callbacks:s})}},Kt=class{constructor(e){t(this,e),this.ignored=!0,this.hideSupportText=!1,this.supportEmail="support@example.com",this.supportText="For program support, contact {email}",this.hidePoweredBy=!1,this.poweredByLink="https://www.saasquatch.com/?utm_source=app&utm_medium=user-widget&utm_campaign=referral-widget",this.paddingTop="large",this.paddingRight="large",this.paddingBottom="large",this.paddingLeft="large",r(this)}disconnectedCallback(){}render(){return e(tt,Object.assign({},T(this)))}static get assetsDirs(){return["../../assets"]}},Xt=class{constructor(e){t(this,e),this.ignored=!0,this.notFullScreen=!1,r(this)}disconnectedCallback(){}render(){const t=e("slot",{name:"footer"}),s=e("slot",{name:"header"}),r=u()?function(t,s,r){return _({notFullScreen:!0,data:{footer:t||e("span",null,"example@example.com"),header:s||e("div",{style:{display:"flex",flexDirection:"column"}},e("span",{style:{fontSize:"var(--sl-font-size-large)",fontWeight:"bold"}},"Portal Header"),e("span",{style:{fontSize:"var(--sl-font-size-small)"}},"A description for the portal"))},callbacks:{rerender:()=>{}}},r.demoData||{},{arrayMerge:(t,e)=>e})}(t,s,this):function(t,e){const[,s]=x();return{data:{footer:t,header:e},callbacks:{rerender:s}}}(t,s);return e(et,Object.assign({},r),e("slot",null))}},Yt=class{constructor(e){t(this,e),this.ignored=!0,this.nextPage="/",this.emailLabel="Email",this.passwordLabel="Password",this.submitLabel="Sign In",this.forgotPasswordPath="/forgotPassword",this.forgotPasswordLabel="Forgot Password?",this.registerLabel="Register",this.registerPath="/register",this.pageLabel="Sign in to your account",r(this)}disconnectedCallback(){}render(){const{states:t,callbacks:s}=u()?_({states:{error:"",loading:!1,forgotPasswordPath:"/forgotPassword",registerPath:"/register"},callbacks:{submit:async()=>{console.log("submit")}}},this.demoData||{},{arrayMerge:(t,e)=>e}):function(t){var e,s,r,a,o,i,l;const[d,{loading:c,errors:u}]=C(),[h,m]=n(""),p=new URLSearchParams(w.location.search),v=p.get("nextPage");return{states:{loading:c,error:(null===(a=null===(r=null===(s=null===(e=null==u?void 0:u.response)||void 0===e?void 0:e.errors)||void 0===s?void 0:s[0])||void 0===r?void 0:r.extensions)||void 0===a?void 0:a.message)||(null===(l=null===(i=null===(o=null==u?void 0:u.response)||void 0===o?void 0:o.errors)||void 0===i?void 0:i[0])||void 0===l?void 0:l.message)||h,registerPath:t.registerPath,forgotPasswordPath:t.forgotPasswordPath},callbacks:{submit:async e=>{var s,r;m("");let a=e.detail.formData;null==a||a.forEach(((t,e)=>{R.set(a,e,t)}));const n={email:a.email,password:a.password},o=await d(n);if(o instanceof Error)((null==o?void 0:o.message)||(null===(s=null==o?void 0:o.response)||void 0===s?void 0:s.error))&&m("Network request failed.");else if(null===(r=o.authenticateManagedIdentityWithEmailAndPassword)||void 0===r?void 0:r.token){p.delete("nextPage");const e=L(v||t.nextPage);w.push(e.href)}}}}}(this),r={forgotPasswordButton:e("slot",{name:"forgotPassword"},e("a",{onClick:()=>w.push(t.forgotPasswordPath)},this.forgotPasswordLabel)),secondaryButton:e("slot",{name:"secondaryButton"},e("sl-button",{type:"text",disabled:t.loading,onClick:()=>w.push(t.registerPath)},this.registerLabel)),emailLabel:this.emailLabel,passwordLabel:this.passwordLabel,submitLabel:this.submitLabel,pageLabel:this.pageLabel};return e(st,{states:t,callbacks:s,content:r})}},Jt=class{constructor(e){t(this,e),this.ignored=!0,this.nextPage="/",this.redirectPath="/verifyEmail",this.emailLabel="Email",this.passwordLabel="Password",this.submitLabel="Register",this.loginLabel="Sign in",this.confirmPasswordLabel="Confirm Password",this.confirmPassword=!1,this.disablePasswordValidation=!1,this.hideInputs=!1,this.pageLabel="Register",this.loginPath="/login",this.requiredFieldErrorMessage="Cannot be empty",this.networkErrorMessage="Network request failed.",this.passwordMismatchErrorMessage="Passwords do not match.",this.invalidEmailErrorMessage="Must be a valid email address",this.meetsRequirementsText="Password has met all requirements",this.doesNotMeetRequirementsText="Password must meet the following requirements:",this.minErrorText="be a minimum of 8 characters",this.uppercaseErrorText="contain at least 1 uppercase character",this.lowercaseErrorText="contain at least 1 lowercase character",this.hasErrorText="contain at least 1 number or symbol",r(this)}disconnectedCallback(){}render(){const{states:t,callbacks:s,refs:r}=u()?_({states:{error:"",loading:!1,confirmPassword:(n=this).confirmPassword,hideInputs:n.hideInputs||!1,customPasswordField:!1,loginPath:n.loginPath,disablePasswordValidation:n.disablePasswordValidation},callbacks:{submit:async()=>{console.log("submit")},inputFunction:()=>{}},refs:{formRef:{}}},n.demoData||{},{arrayMerge:(t,e)=>e}):function(t){var e,s,r,n,o,l,d,c,u;const h=i(null),{registrationFormState:m,setRegistrationFormState:p}=F({}),[v,{loading:g,errors:f}]=E();a((()=>{if(!h.current)return;const t=h.current;return t.addEventListener("sl-input",b),()=>{t.removeEventListener("sl-input",b)}}),[h.current]);const b=S((t=>{var e,s;if("tel"!==(null===(s=null===(e=t.target)||void 0===e?void 0:e.type)||void 0===s?void 0:s.toLowerCase()))return;const r=new V("US");t.target.value=r.input(t.target.value)}),[]);let y="";return y=(null===(e=null==f?void 0:f.response)||void 0===e?void 0:e.error)||(null==f?void 0:f.message)&&!(null===(s=null==f?void 0:f.response)||void 0===s?void 0:s.errors.length)?t.networkErrorMessage:(null===(l=null===(o=null===(n=null===(r=null==f?void 0:f.response)||void 0===r?void 0:r.errors)||void 0===n?void 0:n[0])||void 0===o?void 0:o.extensions)||void 0===l?void 0:l.message)||(null===(u=null===(c=null===(d=null==f?void 0:f.response)||void 0===d?void 0:d.errors)||void 0===c?void 0:c[0])||void 0===u?void 0:u.message)||(null==m?void 0:m.error),{states:{loading:g,error:y,registrationFormState:m,confirmPassword:t.confirmPassword,hideInputs:t.hideInputs,loginPath:t.loginPath,disablePasswordValidation:t.disablePasswordValidation},callbacks:{submit:async e=>{var s;let r=e.target.getFormControls(),a={},n={};if(null==r||r.forEach((e=>{if(!e.name)return;const s=e.name,r=e.value;if(R.set(a,s,r),e.required&&!r&&R.set(n,s,t.requiredFieldErrorMessage),"function"==typeof e.validationError){const t=(0,e.validationError)({control:e,key:s,value:r});t&&R.set(n,s,t)}})),(t.confirmPassword||a.confirmPassword)&&a.password!==a.confirmPassword&&(n={...n,confirmPassword:t.passwordMismatchErrorMessage}),Object.keys(n).length)return void p({loading:!1,error:"",validationErrors:n});p({loading:!0,error:"",validationErrors:{}});const{email:o,password:i}=a;delete a.email,delete a.password,delete a.confirmPassword,a={...a};const l={email:o,password:i,formData:a,redirectPath:t.redirectPath};try{const e=await v(l);if(e instanceof Error)throw e;p({loading:!1,error:"",validationErrors:{}}),(null===(s=e.registerManagedIdentityWithEmailAndPassword)||void 0===s?void 0:s.token)&&w.push(t.nextPage)}catch(e){p({loading:!1,error:t.networkErrorMessage,validationErrors:{}})}},inputFunction:b},refs:{formRef:h}}}(this);var n;const o={formData:e("slot",{name:"formData"}),secondaryButton:e("slot",{name:"secondaryButton"},e("sl-button",{type:"text",disabled:t.loading,onClick:()=>w.push(t.loginPath)},this.loginLabel)),terms:e("slot",{name:"terms"}),emailLabel:this.emailLabel,passwordLabel:this.passwordLabel,submitLabel:this.submitLabel,pageLabel:this.pageLabel,confirmPasswordLabel:this.confirmPasswordLabel,invalidEmailErrorMessage:this.invalidEmailErrorMessage,requiredFieldErrorMessage:this.requiredFieldErrorMessage,meetsRequirementsText:this.meetsRequirementsText,doesNotMeetRequirementsText:this.doesNotMeetRequirementsText,minErrorText:this.minErrorText,uppercaseErrorText:this.uppercaseErrorText,lowercaseErrorText:this.lowercaseErrorText,hasErrorText:this.hasErrorText};return e(rt,{states:t,callbacks:s,content:o,refs:r})}};function Qt(t,s){const r=q({Container:{color:t.textColor||"var(--sl-color-neutral-900)",background:t.backgroundColor||""},Header:{fontSize:"var(--sl-font-size-x-large)",fontWeight:"var(--sl-font-weight-bold)",lineHeight:"var(--sl-line-height-dense)",marginBottom:"var(--sl-spacing-large)",textAlign:"center"},Grid:{display:"flex",flexDirection:"row",gap:"var(--sl-spacing-large)","@media (max-width: 499px)":{flexDirection:"column"}}}),a=r.toString();return e("div",{class:r.classes.Container,part:"sqm-base"},e("style",{type:"text/css"},a,"\n  ::slotted(*){\n    display: flex;\n    width: 100%;\n  }\n  @media (max-width: 499px) {\n    ::slotted(*){\n      display: block;\n    }\n  }"),e("div",{class:r.classes.Header},e("div",{class:r.classes.Header,part:"sqm-header"},t.header)),e("div",{class:r.classes.Grid,part:"sqm-grid-container"},s))}const te=class{constructor(e){t(this,e),this.ignored=!0,r(this)}disconnectedCallback(){}render(){return e(Qt,Object.assign({},T(this)),e("slot",null))}};function ee(t){const s=q({Container:{display:"flex",flexDirection:"column",width:"100%",padding:"var(--sl-spacing-x-large)",lineHeight:"var(--sl-line-height-dense)",color:t.textColor||"var(--sl-color-neutral-900)",background:t.backgroundColor||"var(--sl-color-primary-50)","@media (max-width: 499px)":{flexDirection:"row",width:"auto",paddingBottom:"var(--sl-spacing-large)"}},Text:{"@media (max-width: 499px)":{marginLeft:"var(--sl-spacing-large)"}},Header:{fontSize:"var(--sl-font-size-large)",fontWeight:"var(--sl-font-weight-bold)",marginTop:"var(--sl-spacing-x-large)","@media (max-width: 499px)":{margin:"0"}},Description:{fontSize:"var(--sl-font-size-medium)",marginTop:"var(--sl-spacing-small)","@media (max-width: 499px)":{marginTop:"var(--sl-spacing-x-small)"}},Media:{width:"64px",height:"64px",borderRadius:"100%",objectFit:"cover",userSelect:"none",background:"#FFF",color:"var(--sl-color-primary-300)",fontSize:"26px",textAlign:"center",lineHeight:"72px"}}),r=s.toString();return e("div",{class:s.classes.Container,part:"sqm-base"},e("style",{type:"text/css"},r),e("div",null,t.imageUrl?e("img",{class:s.classes.Media,src:t.imageUrl,part:"sqm-media"}):e("div",{class:s.classes.Media,part:"sqm-media"},e("sl-icon",{name:t.icon}))),e("div",{class:s.classes.Text},e("div",{class:s.classes.Header,part:"sqm-header"},t.header),e("div",{class:s.classes.Description,part:"sqm-description"},t.description)))}const se=class{constructor(e){t(this,e),r(this)}disconnectedCallback(){}render(){return e(ee,Object.assign({},T(this)))}},re=l("sq:useProgramMenu"),ae=class{constructor(e){t(this,e),this.ignored=!0,r(this)}disconnectedCallback(){}render(){const{data:t,ref:r}=function(t){const e=v(),s=h();re({programId:e,props:t});const r=i(),[,n]=x();return a((()=>{var t;null===(t=r.current)||void 0===t||t.addEventListener("sl-select",(t=>{s.dispatchEvent(new CustomEvent("sq:update-program-id",{detail:t.detail.item.value,bubbles:!0,composed:!0}))}))}),[r.current]),{data:{programId:e},callbacks:{rerender:n},ref:r}}(T(this));return e(s,{style:{display:"contents"}},e("sl-select",{style:{paddingBottom:"var(--sl-spacing-large)"},value:t.programId,ref:t=>r.current=t},e("slot",null)))}},ne=q({Container:{borderRadius:"var(--sl-border-radius-large)",color:"var(--sl-color-neutral-900)",background:"var(--sl-color-neutral-0)",display:"flex",flexDirection:"column",rowGap:"var(--sl-spacing-large)"},EndContainer:{display:"flex",flexDirection:"column",alignItems:"center"},ColumnContainer:{"& p":{margin:"0"},display:"grid",gridAutoColumns:"minmax(0, 1fr)",gridAutoFlow:"column",gap:"calc(2 * var(--sl-spacing-medium))","@media (max-width: 499px)":{gridAutoFlow:"unset",gridAutoColumns:"unset",gridTemplateColumns:"1fr",border:"none"}}}),oe=ne.toString();function ie(t){return e("div",{part:"sqm-base",class:ne.classes.Container,style:{border:t.hideBorder?"none":"1px solid var(--sl-color-neutral-300)","padding-top":`var(--sl-spacing-${t.paddingTop})`,"padding-right":`var(--sl-spacing-${t.paddingRight})`,"padding-bottom":`var(--sl-spacing-${t.paddingBottom})`,"padding-left":`var(--sl-spacing-${t.paddingLeft})`,backgroundColor:t.backgroundColor,maxWidth:t.limitWidth?"600px":"none",margin:t.limitWidth?"auto":"none"}},e("style",{type:"text/css"},oe,"\n    :host{\n      display: block;   \n    }\n  "),t.hasHeader&&e("div",{class:ne.classes.EndContainer},t.slots.header),e("div",{part:"sqm-column-container",class:ne.classes.ColumnContainer,style:{alignItems:t.verticalAlignment}},t.slots.left,t.slots.right),t.hasFooter&&e("div",{class:ne.classes.EndContainer},t.slots.footer))}const le=class{constructor(e){t(this,e),this.ignored=!0,this.verticalAlignment="start",this.hideBorder=!1,this.paddingTop="large",this.paddingRight="large",this.paddingBottom="large",this.paddingLeft="large",this.backgroundColor="#ffffff",this.limitWidth=!1,r(this)}disconnectedCallback(){}render(){const t={left:e("slot",{name:"left"}),right:e("slot",{name:"right"}),header:e("slot",{name:"header"}),footer:e("slot",{name:"footer"})},s=N(),r=s.findIndex((t=>"header"===t.slot))>-1,a=s.findIndex((t=>"footer"===t.slot))>-1;return e(ie,Object.assign({},T(this),{slots:t,hasHeader:r,hasFooter:a}),e("slot",null))}},de=m.gql`
   query getUser($programId: ID) {
     viewer {
       ... on User {
@@ -106,7 +106,7 @@ import{r as t,h as e,c as s}from"./p-64c3217a.js";import{m as a,f as r,j as n,o,
       }
     }
   }
-`,ce=class{constructor(e){t(this,e),this.ignored=!0,this.iframeHeight="100%",this.iframeWidth="100%",a(this)}disconnectedCallback(){}render(){const t=T([{attribute:"iframe-src",value:this.iframeSrc}]);if(t)return e(yt,{missingProps:t,heading:"An error occured while loading this page",subheading:"A technical problem prevented this iframe from loading. Please contact us with the link to this page.",description:"Values for the following attributes are missing:"});const{states:a,data:r}=u()?(n=P(this),R({states:{content:{iframeSrc:"https://example.com",...n}},data:{shareCode:"SHARECODE123"}},n.demoData||{},{arrayMerge:(t,e)=>e})):function(t){var e;const s=v(),a=p(),{data:r}=f(de,{programId:s},!(null==a?void 0:a.jwt)||!s);return{states:{content:t},data:{shareCode:null===(e=null==r?void 0:r.viewer)||void 0===e?void 0:e.referralCode}}}(P(this));var n;return e(s,{style:{display:"contents"}},e(rt,{data:r,states:a}))}};var ue={};!function t(e,s,a,r){var n=!!(e.Worker&&e.Blob&&e.Promise&&e.OffscreenCanvas&&e.OffscreenCanvasRenderingContext2D&&e.HTMLCanvasElement&&e.HTMLCanvasElement.prototype.transferControlToOffscreen&&e.URL&&e.URL.createObjectURL);function o(){}function i(t){var a=s.exports.Promise,r=void 0!==a?a:e.Promise;return"function"==typeof r?new r(t):(t(o,o),null)}var l,d,c,u,h,m,p,v,g=(c=Math.floor(1e3/60),u={},h=0,"function"==typeof requestAnimationFrame&&"function"==typeof cancelAnimationFrame?(l=function(t){var e=Math.random();return u[e]=requestAnimationFrame((function s(a){h===a||h+c-1<a?(h=a,delete u[e],t()):u[e]=requestAnimationFrame(s)})),e},d=function(t){u[t]&&cancelAnimationFrame(u[t])}):(l=function(t){return setTimeout(t,c)},d=function(t){return clearTimeout(t)}),{frame:l,cancel:d}),f=(v={},function(){if(m)return m;if(!a&&n){var e=["var CONFETTI, SIZE = {}, module = {};","("+t.toString()+")(this, module, true, SIZE);","onmessage = function(msg) {","  if (msg.data.options) {","    CONFETTI(msg.data.options).then(function () {","      if (msg.data.callback) {","        postMessage({ callback: msg.data.callback });","      }","    });","  } else if (msg.data.reset) {","    CONFETTI.reset();","  } else if (msg.data.resize) {","    SIZE.width = msg.data.resize.width;","    SIZE.height = msg.data.resize.height;","  } else if (msg.data.canvas) {","    SIZE.width = msg.data.canvas.width;","    SIZE.height = msg.data.canvas.height;","    CONFETTI = module.exports.create(msg.data.canvas);","  }","}"].join("\n");try{m=new Worker(URL.createObjectURL(new Blob([e])))}catch(t){return void 0!==typeof console&&"function"==typeof console.warn&&console.warn("🎊 Could not load worker",t),null}!function(t){function e(e,s){t.postMessage({options:e||{},callback:s})}t.init=function(e){var s=e.transferControlToOffscreen();t.postMessage({canvas:s},[s])},t.fire=function(s,a,r){if(p)return e(s,null),p;var n=Math.random().toString(36).slice(2);return p=i((function(a){function o(e){e.data.callback===n&&(delete v[n],t.removeEventListener("message",o),p=null,r(),a())}t.addEventListener("message",o),e(s,n),v[n]=o.bind(null,{data:{callback:n}})}))},t.reset=function(){for(var e in t.postMessage({reset:!0}),v)v[e](),delete v[e]}}(m)}return m}),b={particleCount:50,angle:90,spread:45,startVelocity:45,decay:.9,gravity:1,drift:0,ticks:200,x:.5,y:.5,shapes:["square","circle"],zIndex:100,colors:["#26ccff","#a25afd","#ff5e7e","#88ff5a","#fcff42","#ffa62d","#ff36ff"],disableForReducedMotion:!1,scalar:1};function y(t,e,s){return function(t,e){return e?e(t):t}(t&&null!=t[e]?t[e]:b[e],s)}function x(t){return t<0?0:Math.floor(t)}function w(t){return parseInt(t,16)}function k(t){return t.map(C)}function C(t){var e=String(t).replace(/[^0-9a-f]/gi,"");return e.length<6&&(e=e[0]+e[0]+e[1]+e[1]+e[2]+e[2]),{r:w(e.substring(0,2)),g:w(e.substring(2,4)),b:w(e.substring(4,6))}}function E(t){t.width=document.documentElement.clientWidth,t.height=document.documentElement.clientHeight}function S(t){var e=t.getBoundingClientRect();t.width=e.width,t.height=e.height}function I(t,s){var o,l=!t,d=!!y(s||{},"resize"),c=y(s,"disableForReducedMotion",Boolean),u=n&&y(s||{},"useWorker")?f():null,h=l?E:S,m=!(!t||!u||!t.__confetti_initialized),p="function"==typeof matchMedia&&matchMedia("(prefers-reduced-motion)").matches;function v(e,s,n){for(var l,d,c,u,m=y(e,"particleCount",x),p=y(e,"angle",Number),v=y(e,"spread",Number),f=y(e,"startVelocity",Number),b=y(e,"decay",Number),w=y(e,"gravity",Number),C=y(e,"drift",Number),E=y(e,"colors",k),S=y(e,"ticks",Number),I=y(e,"shapes"),M=y(e,"scalar"),_=function(t){var e=y(t,"origin",Object);return e.x=y(e,"x",Number),e.y=y(e,"y",Number),e}(e),R=m,q=[],A=t.width*_.x,N=t.height*_.y;R--;)q.push((void 0,void 0,d=(l={x:A,y:N,angle:p,spread:v,startVelocity:f,color:E[R%E.length],shape:I[(0,u=I.length,Math.floor(Math.random()*(u-0))+0)],ticks:S,decay:b,gravity:w,drift:C,scalar:M}).angle*(Math.PI/180),c=l.spread*(Math.PI/180),{x:l.x,y:l.y,wobble:10*Math.random(),velocity:.5*l.startVelocity+Math.random()*l.startVelocity,angle2D:-d+(.5*c-Math.random()*c),tiltAngle:Math.random()*Math.PI,color:l.color,shape:l.shape,tick:0,totalTicks:l.ticks,decay:l.decay,drift:l.drift,random:Math.random()+5,tiltSin:0,tiltCos:0,wobbleX:0,wobbleY:0,gravity:3*l.gravity,ovalScalar:.6,scalar:l.scalar}));return o?o.addFettis(q):(o=function(t,e,s,n,o){var l,d,c=e.slice(),u=t.getContext("2d"),h=i((function(e){function i(){l=d=null,u.clearRect(0,0,n.width,n.height),o(),e()}l=g.frame((function e(){!a||n.width===r.width&&n.height===r.height||(n.width=t.width=r.width,n.height=t.height=r.height),n.width||n.height||(s(t),n.width=t.width,n.height=t.height),u.clearRect(0,0,n.width,n.height),(c=c.filter((function(t){return function(t,e){e.x+=Math.cos(e.angle2D)*e.velocity+e.drift,e.y+=Math.sin(e.angle2D)*e.velocity+e.gravity,e.wobble+=.1,e.velocity*=e.decay,e.tiltAngle+=.1,e.tiltSin=Math.sin(e.tiltAngle),e.tiltCos=Math.cos(e.tiltAngle),e.random=Math.random()+5,e.wobbleX=e.x+10*e.scalar*Math.cos(e.wobble),e.wobbleY=e.y+10*e.scalar*Math.sin(e.wobble);var s=e.tick++/e.totalTicks,a=e.x+e.random*e.tiltCos,r=e.y+e.random*e.tiltSin,n=e.wobbleX+e.random*e.tiltCos,o=e.wobbleY+e.random*e.tiltSin;return t.fillStyle="rgba("+e.color.r+", "+e.color.g+", "+e.color.b+", "+(1-s)+")",t.beginPath(),"circle"===e.shape?t.ellipse?t.ellipse(e.x,e.y,Math.abs(n-a)*e.ovalScalar,Math.abs(o-r)*e.ovalScalar,Math.PI/10*e.wobble,0,2*Math.PI):function(t,e,s,a,r,n,o,i){t.save(),t.translate(e,s),t.rotate(n),t.scale(a,r),t.arc(0,0,1,0,i,void 0),t.restore()}(t,e.x,e.y,Math.abs(n-a)*e.ovalScalar,Math.abs(o-r)*e.ovalScalar,Math.PI/10*e.wobble,0,2*Math.PI):(t.moveTo(Math.floor(e.x),Math.floor(e.y)),t.lineTo(Math.floor(e.wobbleX),Math.floor(r)),t.lineTo(Math.floor(n),Math.floor(o)),t.lineTo(Math.floor(a),Math.floor(e.wobbleY))),t.closePath(),t.fill(),e.tick<e.totalTicks}(u,t)}))).length?l=g.frame(e):i()})),d=i}));return{addFettis:function(t){return c=c.concat(t),h},canvas:t,promise:h,reset:function(){l&&g.cancel(l),d&&d()}}}(t,q,h,s,n)).promise}function b(s){var a=c||y(s,"disableForReducedMotion",Boolean),r=y(s,"zIndex",Number);if(a&&p)return i((function(t){t()}));l&&o?t=o.canvas:l&&!t&&(t=function(t){var e=document.createElement("canvas");return e.style.position="fixed",e.style.top="0px",e.style.left="0px",e.style.pointerEvents="none",e.style.zIndex=t,e}(r),document.body.appendChild(t)),d&&!m&&h(t);var n={width:t.width,height:t.height};function g(){if(u){var e={getBoundingClientRect:function(){if(!l)return t.getBoundingClientRect()}};return h(e),void u.postMessage({resize:{width:e.width,height:e.height}})}n.width=n.height=null}function f(){o=null,d&&e.removeEventListener("resize",g),l&&t&&(document.body.removeChild(t),t=null,m=!1)}return u&&!m&&u.init(t),m=!0,u&&(t.__confetti_initialized=!0),d&&e.addEventListener("resize",g,!1),u?u.fire(s,n,f):v(s,n,f)}return b.reset=function(){u&&u.reset(),o&&o.reset()},b}s.exports=I(null,{useWorker:!0,resize:!0}),s.exports.create=I}(function(){return"undefined"!=typeof window?window:"undefined"!=typeof self?self:this||{}}(),ue,!1);const he=ue.exports,me=m.gql`
+`,ce=class{constructor(e){t(this,e),this.ignored=!0,this.iframeHeight="100%",this.iframeWidth="100%",r(this)}disconnectedCallback(){}render(){const t=P([{attribute:"iframe-src",value:this.iframeSrc}]);if(t)return e(yt,{missingProps:t,heading:"An error occured while loading this page",subheading:"A technical problem prevented this iframe from loading. Please contact us with the link to this page.",description:"Values for the following attributes are missing:"});const{states:r,data:a}=u()?(n=T(this),_({states:{content:{iframeSrc:"https://example.com",...n}},data:{shareCode:"SHARECODE123"}},n.demoData||{},{arrayMerge:(t,e)=>e})):function(t){var e;const s=v(),r=p(),{data:a}=f(de,{programId:s},!(null==r?void 0:r.jwt)||!s);return{states:{content:t},data:{shareCode:null===(e=null==a?void 0:a.viewer)||void 0===e?void 0:e.referralCode}}}(T(this));var n;return e(s,{style:{display:"contents"}},e(at,{data:a,states:r}))}};var ue={};!function t(e,s,r,a){var n=!!(e.Worker&&e.Blob&&e.Promise&&e.OffscreenCanvas&&e.OffscreenCanvasRenderingContext2D&&e.HTMLCanvasElement&&e.HTMLCanvasElement.prototype.transferControlToOffscreen&&e.URL&&e.URL.createObjectURL);function o(){}function i(t){var r=s.exports.Promise,a=void 0!==r?r:e.Promise;return"function"==typeof a?new a(t):(t(o,o),null)}var l,d,c,u,h,m,p,v,g=(c=Math.floor(1e3/60),u={},h=0,"function"==typeof requestAnimationFrame&&"function"==typeof cancelAnimationFrame?(l=function(t){var e=Math.random();return u[e]=requestAnimationFrame((function s(r){h===r||h+c-1<r?(h=r,delete u[e],t()):u[e]=requestAnimationFrame(s)})),e},d=function(t){u[t]&&cancelAnimationFrame(u[t])}):(l=function(t){return setTimeout(t,c)},d=function(t){return clearTimeout(t)}),{frame:l,cancel:d}),f=(v={},function(){if(m)return m;if(!r&&n){var e=["var CONFETTI, SIZE = {}, module = {};","("+t.toString()+")(this, module, true, SIZE);","onmessage = function(msg) {","  if (msg.data.options) {","    CONFETTI(msg.data.options).then(function () {","      if (msg.data.callback) {","        postMessage({ callback: msg.data.callback });","      }","    });","  } else if (msg.data.reset) {","    CONFETTI.reset();","  } else if (msg.data.resize) {","    SIZE.width = msg.data.resize.width;","    SIZE.height = msg.data.resize.height;","  } else if (msg.data.canvas) {","    SIZE.width = msg.data.canvas.width;","    SIZE.height = msg.data.canvas.height;","    CONFETTI = module.exports.create(msg.data.canvas);","  }","}"].join("\n");try{m=new Worker(URL.createObjectURL(new Blob([e])))}catch(t){return void 0!==typeof console&&"function"==typeof console.warn&&console.warn("🎊 Could not load worker",t),null}!function(t){function e(e,s){t.postMessage({options:e||{},callback:s})}t.init=function(e){var s=e.transferControlToOffscreen();t.postMessage({canvas:s},[s])},t.fire=function(s,r,a){if(p)return e(s,null),p;var n=Math.random().toString(36).slice(2);return p=i((function(r){function o(e){e.data.callback===n&&(delete v[n],t.removeEventListener("message",o),p=null,a(),r())}t.addEventListener("message",o),e(s,n),v[n]=o.bind(null,{data:{callback:n}})}))},t.reset=function(){for(var e in t.postMessage({reset:!0}),v)v[e](),delete v[e]}}(m)}return m}),b={particleCount:50,angle:90,spread:45,startVelocity:45,decay:.9,gravity:1,drift:0,ticks:200,x:.5,y:.5,shapes:["square","circle"],zIndex:100,colors:["#26ccff","#a25afd","#ff5e7e","#88ff5a","#fcff42","#ffa62d","#ff36ff"],disableForReducedMotion:!1,scalar:1};function y(t,e,s){return function(t,e){return e?e(t):t}(t&&null!=t[e]?t[e]:b[e],s)}function x(t){return t<0?0:Math.floor(t)}function w(t){return parseInt(t,16)}function k(t){return t.map(C)}function C(t){var e=String(t).replace(/[^0-9a-f]/gi,"");return e.length<6&&(e=e[0]+e[0]+e[1]+e[1]+e[2]+e[2]),{r:w(e.substring(0,2)),g:w(e.substring(2,4)),b:w(e.substring(4,6))}}function E(t){t.width=document.documentElement.clientWidth,t.height=document.documentElement.clientHeight}function S(t){var e=t.getBoundingClientRect();t.width=e.width,t.height=e.height}function I(t,s){var o,l=!t,d=!!y(s||{},"resize"),c=y(s,"disableForReducedMotion",Boolean),u=n&&y(s||{},"useWorker")?f():null,h=l?E:S,m=!(!t||!u||!t.__confetti_initialized),p="function"==typeof matchMedia&&matchMedia("(prefers-reduced-motion)").matches;function v(e,s,n){for(var l,d,c,u,m=y(e,"particleCount",x),p=y(e,"angle",Number),v=y(e,"spread",Number),f=y(e,"startVelocity",Number),b=y(e,"decay",Number),w=y(e,"gravity",Number),C=y(e,"drift",Number),E=y(e,"colors",k),S=y(e,"ticks",Number),I=y(e,"shapes"),M=y(e,"scalar"),R=function(t){var e=y(t,"origin",Object);return e.x=y(e,"x",Number),e.y=y(e,"y",Number),e}(e),_=m,q=[],A=t.width*R.x,N=t.height*R.y;_--;)q.push((void 0,void 0,d=(l={x:A,y:N,angle:p,spread:v,startVelocity:f,color:E[_%E.length],shape:I[(0,u=I.length,Math.floor(Math.random()*(u-0))+0)],ticks:S,decay:b,gravity:w,drift:C,scalar:M}).angle*(Math.PI/180),c=l.spread*(Math.PI/180),{x:l.x,y:l.y,wobble:10*Math.random(),velocity:.5*l.startVelocity+Math.random()*l.startVelocity,angle2D:-d+(.5*c-Math.random()*c),tiltAngle:Math.random()*Math.PI,color:l.color,shape:l.shape,tick:0,totalTicks:l.ticks,decay:l.decay,drift:l.drift,random:Math.random()+5,tiltSin:0,tiltCos:0,wobbleX:0,wobbleY:0,gravity:3*l.gravity,ovalScalar:.6,scalar:l.scalar}));return o?o.addFettis(q):(o=function(t,e,s,n,o){var l,d,c=e.slice(),u=t.getContext("2d"),h=i((function(e){function i(){l=d=null,u.clearRect(0,0,n.width,n.height),o(),e()}l=g.frame((function e(){!r||n.width===a.width&&n.height===a.height||(n.width=t.width=a.width,n.height=t.height=a.height),n.width||n.height||(s(t),n.width=t.width,n.height=t.height),u.clearRect(0,0,n.width,n.height),(c=c.filter((function(t){return function(t,e){e.x+=Math.cos(e.angle2D)*e.velocity+e.drift,e.y+=Math.sin(e.angle2D)*e.velocity+e.gravity,e.wobble+=.1,e.velocity*=e.decay,e.tiltAngle+=.1,e.tiltSin=Math.sin(e.tiltAngle),e.tiltCos=Math.cos(e.tiltAngle),e.random=Math.random()+5,e.wobbleX=e.x+10*e.scalar*Math.cos(e.wobble),e.wobbleY=e.y+10*e.scalar*Math.sin(e.wobble);var s=e.tick++/e.totalTicks,r=e.x+e.random*e.tiltCos,a=e.y+e.random*e.tiltSin,n=e.wobbleX+e.random*e.tiltCos,o=e.wobbleY+e.random*e.tiltSin;return t.fillStyle="rgba("+e.color.r+", "+e.color.g+", "+e.color.b+", "+(1-s)+")",t.beginPath(),"circle"===e.shape?t.ellipse?t.ellipse(e.x,e.y,Math.abs(n-r)*e.ovalScalar,Math.abs(o-a)*e.ovalScalar,Math.PI/10*e.wobble,0,2*Math.PI):function(t,e,s,r,a,n,o,i){t.save(),t.translate(e,s),t.rotate(n),t.scale(r,a),t.arc(0,0,1,0,i,void 0),t.restore()}(t,e.x,e.y,Math.abs(n-r)*e.ovalScalar,Math.abs(o-a)*e.ovalScalar,Math.PI/10*e.wobble,0,2*Math.PI):(t.moveTo(Math.floor(e.x),Math.floor(e.y)),t.lineTo(Math.floor(e.wobbleX),Math.floor(a)),t.lineTo(Math.floor(n),Math.floor(o)),t.lineTo(Math.floor(r),Math.floor(e.wobbleY))),t.closePath(),t.fill(),e.tick<e.totalTicks}(u,t)}))).length?l=g.frame(e):i()})),d=i}));return{addFettis:function(t){return c=c.concat(t),h},canvas:t,promise:h,reset:function(){l&&g.cancel(l),d&&d()}}}(t,q,h,s,n)).promise}function b(s){var r=c||y(s,"disableForReducedMotion",Boolean),a=y(s,"zIndex",Number);if(r&&p)return i((function(t){t()}));l&&o?t=o.canvas:l&&!t&&(t=function(t){var e=document.createElement("canvas");return e.style.position="fixed",e.style.top="0px",e.style.left="0px",e.style.pointerEvents="none",e.style.zIndex=t,e}(a),document.body.appendChild(t)),d&&!m&&h(t);var n={width:t.width,height:t.height};function g(){if(u){var e={getBoundingClientRect:function(){if(!l)return t.getBoundingClientRect()}};return h(e),void u.postMessage({resize:{width:e.width,height:e.height}})}n.width=n.height=null}function f(){o=null,d&&e.removeEventListener("resize",g),l&&t&&(document.body.removeChild(t),t=null,m=!1)}return u&&!m&&u.init(t),m=!0,u&&(t.__confetti_initialized=!0),d&&e.addEventListener("resize",g,!1),u?u.fire(s,n,f):v(s,n,f)}return b.reset=function(){u&&u.reset(),o&&o.reset()},b}s.exports=I(null,{useWorker:!0,resize:!0}),s.exports.create=I}(function(){return"undefined"!=typeof window?window:"undefined"!=typeof self?self:this||{}}(),ue,!1);const he=ue.exports,me=m.gql`
   query getExchangeList {
     viewer {
       ... on User {
@@ -157,7 +157,7 @@ import{r as t,h as e,c as s}from"./p-64c3217a.js";import{m as a,f as r,j as n,o,
       }
     }
   }
-`,ve=class{constructor(e){t(this,e),this.ignored=!0,this.notAvailableError="{unavailableReasonCode, select, US_TAX {US Tax limit} INSUFFICIENT_REDEEMABLE_CREDIT {{sourceValue} required} AVAILABILITY_PREDICATE {Not available} other {{unavailableReasonCode}} }",this.chooseRewardTitle="Rewards",this.chooseAmountTitle="Select",this.confirmationTitle="Confirm",this.rewardTitle="Choose a reward",this.cancelText="Cancel",this.backText="Back",this.continueText="Continue",this.continueToConfirmationText="Continue to confirmation",this.redeemText="Redeem",this.redeemTitle="Confirm and redeem",this.redemptionSuccessText="Redeemed {sourceValue} for {destinationValue}",this.sourceAmountMessage="{ruleType, select, FIXED_GLOBAL_REWARD {{sourceValue}} other {{sourceMinValue} to {sourceMaxValue}}}",this.tooltipText="Copied",this.doneText="Done",this.selectText="Select amount to receive",this.queryError="Unable to load reward exchange list. Please try again",this.redemptionError="An error occured trying to redeem this reward. Please try again",this.notEnoughError="Not enough {sourceUnit} to redeem for this reward",this.rewardRedeemedText="Reward redeemed",this.promoCode="Promo Code",this.skeletonCardNum=8,this.rewardNameTitle="Reward",this.rewardAmountTitle="Reward Amount",this.costTitle="Cost to Redeem",a(this)}disconnectedCallback(){}render(){const t={...P(this),empty:e(ge,null)},{states:a,data:o,callbacks:l,refs:c}=u()?function(t){return R({states:{content:{text:t},redeemStage:"chooseReward",amount:0,selectedStep:void 0,selectedItem:void 0,open:!1,exchangeError:!1,queryError:!1,loading:!1,noExchangeOptions:!1,empty:ge()},data:{shareCode:"SHARECODE123",exchangeList:nt.data.exchangeList},callbacks:{exchangeReward:()=>{},setExchangeState:()=>{},setStage:()=>{},resetState:()=>{},copyFuelTankCode:()=>{}},refs:{canvasRef:{}}},t.demoData||{},{arrayMerge:(t,e)=>e})}(t):function(t){var e,s,a,o,l;const[c,u]=d(((t,e)=>({...t,...e})),{selectedItem:void 0,selectedStep:void 0,redeemStage:"chooseReward",amount:0,exchangeError:!1}),[h,m]=n(!1),{selectedItem:v,selectedStep:b,redeemStage:y,amount:x,exchangeError:w}=c,k=p(),[C,{data:E,loading:S,errors:M}]=g(pe),{data:_,loading:R,refetch:q,errors:A}=f(me,{},!(null==k?void 0:k.jwt));r((()=>{var t,e;(null===(e=null===(t=null==E?void 0:E.exchangeReward)||void 0===t?void 0:t.reward)||void 0===e?void 0:e.id)&&u({redeemStage:"success",exchangeError:!1}),M&&u({exchangeError:!0})}),[E,M]);const N=i();r((()=>{if(!N.current)return;const t=N.current;t.confetti=t.confetti||he.create(t,{resize:!0}),t.confetti()}),[N.current]);const{refresh:P}=I();return{states:{content:{text:t},selectedItem:v,redeemStage:y,amount:x,selectedStep:b,exchangeError:w,queryError:!!A,loading:R||S,open:h,noExchangeOptions:0===(null===(e=null==_?void 0:_.viewer)||void 0===e?void 0:e.visibleRewardExchangeItems.totalCount)},data:{exchangeList:null===(a=null===(s=null==_?void 0:_.viewer)||void 0===s?void 0:s.visibleRewardExchangeItems)||void 0===a?void 0:a.data,fuelTankCode:null===(l=null===(o=null==E?void 0:E.exchangeReward)||void 0===o?void 0:o.reward)||void 0===l?void 0:l.fuelTankCode},callbacks:{exchangeReward:async function(){if(!v)return;let t={accountId:null==k?void 0:k.accountId,userId:k.id};switch(v.ruleType){case"FIXED_GLOBAL_REWARD":t={...t,redeemCreditInput:{amount:v.sourceValue,unit:v.sourceUnit},globalRewardKey:v.globalRewardKey};break;case"STEPPED_FIXED_GLOBAL_REWARD":t={...t,redeemCreditInput:{amount:b.sourceValue,unit:v.sourceUnit},globalRewardKey:b.globalRewardKey};break;case"VARIABLE_GLOBAL_REWARD":t={...t,redeemCreditInput:{amount:x,unit:v.sourceUnit},globalRewardKey:v.globalRewardKey,rewardInput:b.rewardInput};break;case"VARIABLE_CREDIT_REWARD":t={...t,redeemCreditInput:{amount:x,unit:v.sourceUnit},rewardInput:{type:"CREDIT",unit:v.destinationUnit,assignedCredit:b.destinationValue}};break;default:t={...t,...b.rewardInput}}await C({exchangeRewardInput:t}),P()},setExchangeState:u,setStage:function(t){u({redeemStage:t})},resetState:t=>{t&&q(),u({amount:0,selectedStep:void 0,selectedItem:void 0,exchangeError:!1,redeemStage:"chooseReward"})},copyFuelTankCode:function(){var t,e;navigator.clipboard.writeText(null===(e=null===(t=null==E?void 0:E.exchangeReward)||void 0===t?void 0:t.reward)||void 0===e?void 0:e.fuelTankCode),m(!0),setTimeout((()=>m(!1)),1e3)}},refs:{canvasRef:N}}}(t);return e(s,{style:{display:"contents"}},e(ot,{states:a,data:o,callbacks:l,refs:c}))}static get assetsDirs(){return["assets"]}};function ge(){return e("slot",{name:"empty"},e("sqm-empty",{emptyStateImage:"https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_exchange2.png",emptyStateHeader:"Redeem rewards",emptyStateText:"Use your points to redeem rewards once they become available"}))}const fe=l("sq:useRouter");function be(t,e){if(t)return it(t).exec(e)}const ye=class{constructor(e){t(this,e),this.ignored=!0,a(this)}disconnectedCallback(){}render(){const{callbacks:t}=function(){const t=M(),e=h(),[s,a]=n(void 0),[o,i]=n(void 0),l=t.pathname;return r((()=>{const t=e.querySelectorAll("sqm-route");Array.from(t).forEach((t=>{const e=document.createElement("template");e.setAttribute("path",t.path),e.innerHTML=t.innerHTML,t.parentNode.appendChild(e),t.parentNode.removeChild(t)}))}),[]),r((()=>{var t,e;if(!o||!s)return void fe("DOM not ready for navigation rendering on:",l);const a=s.querySelectorAll("template"),r=Array.from(a).find((t=>{var e,s,a;if(null===(a=be(null===(s=null===(e=t.attributes)||void 0===e?void 0:e.path)||void 0===s?void 0:s.nodeValue,l))||void 0===a?void 0:a.length)return t})),n=null===(e=null===(t=null==r?void 0:r.attributes)||void 0===t?void 0:t.path)||void 0===e?void 0:e.nodeValue;if(fe({containerDatasetPage:o.dataset.page,templatePath:n,page:l}),!r)return fe("No matching page found for ",l,", so render nothing"),o.innerHTML="",void(o.dataset.page=l);fe("Page updated to ",l,r),be(n,o.dataset.page)?fe("don't rerender"):r&&(o.innerHTML=r.innerHTML,o.dataset.page=l)}),[s,o,l]),{callbacks:{setSlot:a,setContainer:i}}}();return e(s,null,e("div",{ref:t.setSlot,style:{display:"none"}},e("slot",null)),e("div",{style:{display:"contents"},ref:t.setContainer}))}};ye.style="sqm-router{display:contents}";const xe=class{constructor(e){t(this,e),this.ignored=!0,this.buttonType="default",this.scrollAnimation="smooth",a(this)}disconnectedCallback(){}render(){var t;const{callbacks:s}=function(t){const{scrollTagName:e,scrollId:s}=t;return{callbacks:{scroll:async function(){const a=null===document||void 0===document?void 0:document.querySelector(e||`#${s}`);a.dispatchEvent(new CustomEvent("sq:reveal",{detail:e||`#${s}`,bubbles:!0,composed:!0})),await new Promise((t=>setTimeout(t,500))),a.scrollIntoView({behavior:t.scrollAnimation})}}}}(this),a=null!==(t=this.buttonType)&&void 0!==t?t:"primary",r=q({Button:{"& .outline":{"&::part(base)":{color:"var(--sl-color-"+a+"-500)",borderColor:"var(--sl-color-"+a+"-500)",backgroundColor:"transparent","&:hover":{color:"var(--sl-color-primary-text)",backgroundColor:"var(--sl-color-"+a+"-500)"}}},"& .neutral":{"&::part(base)":{color:"var(--sl-color-primary-text)",background:"var(--sl-color-neutral-500)","&:hover":{opacity:"0.8"}}},"& .mobile":{"@media (max-width: 499px)":{width:"100%"}}}}),n=r.toString();let o="";return this.outline&&"default"!=this.buttonType&&(o+="outline "),"neutral"===this.buttonType&&(o+="neutral "),this.mobile&&(o+="mobile "),e("div",{class:r.classes.Button},e("style",{type:"text/css"},`\n\t\t:host{\n\t\t\tdisplay: contents;\n\t\t}\n\t\t${this.mobile&&"\n\t\t@media only screen and (max-width: 499px) {\n\t\t\t:host {\n\t\t\t\tdisplay: block;\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t}\n\t  "}\n\t`,n),e("sl-button",{type:this.buttonType,onClick:s.scroll,size:this.size,pill:this.pill,circle:this.circle,class:o},(this.iconSlot||this.iconName)&&e("sl-icon",{slot:this.iconSlot||"prefix",name:this.iconName}),this.buttonText,e("slot",null)))}},we=class{constructor(e){t(this,e),this.type="default",this.iconslot="prefix",this.hideicon=!1,this.hidetext=!1,a(this)}disconnectedCallback(){}render(){const t=P(this),s=u()?function(t){return R({...t,loading:!1,hide:!1,onClick:()=>{}},t.demoData||{},{arrayMerge:(t,e)=>e})}(t):lt(t);return e(dt,Object.assign({},s),e("slot",null))}};we.style=":host{display:block}:host([hidden]){display:none}sl-button{display:block}";const ke=m.gql`
+`,ve=class{constructor(e){t(this,e),this.ignored=!0,this.notAvailableError="{unavailableReasonCode, select, US_TAX {US Tax limit} INSUFFICIENT_REDEEMABLE_CREDIT {{sourceValue} required} AVAILABILITY_PREDICATE {Not available} other {{unavailableReasonCode}} }",this.chooseRewardTitle="Rewards",this.chooseAmountTitle="Select",this.confirmationTitle="Confirm",this.rewardTitle="Choose a reward",this.cancelText="Cancel",this.backText="Back",this.continueText="Continue",this.continueToConfirmationText="Continue to confirmation",this.redeemText="Redeem",this.redeemTitle="Confirm and redeem",this.redemptionSuccessText="Redeemed {sourceValue} for {destinationValue}",this.sourceAmountMessage="{ruleType, select, FIXED_GLOBAL_REWARD {{sourceValue}} other {{sourceMinValue} to {sourceMaxValue}}}",this.tooltipText="Copied",this.doneText="Done",this.selectText="Select amount to receive",this.queryError="Unable to load reward exchange list. Please try again",this.redemptionError="An error occured trying to redeem this reward. Please try again",this.notEnoughError="Not enough {sourceUnit} to redeem for this reward",this.rewardRedeemedText="Reward redeemed",this.promoCode="Promo Code",this.skeletonCardNum=8,this.rewardNameTitle="Reward",this.rewardAmountTitle="Reward Amount",this.costTitle="Cost to Redeem",r(this)}disconnectedCallback(){}render(){const t={...T(this),empty:e(ge,null)},{states:r,data:o,callbacks:l,refs:c}=u()?function(t){return _({states:{content:{text:t},redeemStage:"chooseReward",amount:0,selectedStep:void 0,selectedItem:void 0,open:!1,exchangeError:!1,queryError:!1,loading:!1,noExchangeOptions:!1,empty:ge()},data:{shareCode:"SHARECODE123",exchangeList:nt.data.exchangeList},callbacks:{exchangeReward:()=>{},setExchangeState:()=>{},setStage:()=>{},resetState:()=>{},copyFuelTankCode:()=>{}},refs:{canvasRef:{}}},t.demoData||{},{arrayMerge:(t,e)=>e})}(t):function(t){var e,s,r,o,l;const[c,u]=d(((t,e)=>({...t,...e})),{selectedItem:void 0,selectedStep:void 0,redeemStage:"chooseReward",amount:0,exchangeError:!1}),[h,m]=n(!1),{selectedItem:v,selectedStep:b,redeemStage:y,amount:x,exchangeError:w}=c,k=p(),[C,{data:E,loading:S,errors:M}]=g(pe),{data:R,loading:_,refetch:q,errors:A}=f(me,{},!(null==k?void 0:k.jwt));a((()=>{var t,e;(null===(e=null===(t=null==E?void 0:E.exchangeReward)||void 0===t?void 0:t.reward)||void 0===e?void 0:e.id)&&u({redeemStage:"success",exchangeError:!1}),M&&u({exchangeError:!0})}),[E,M]);const N=i();a((()=>{if(!N.current)return;const t=N.current;t.confetti=t.confetti||he.create(t,{resize:!0}),t.confetti()}),[N.current]);const{refresh:T}=I();return{states:{content:{text:t},selectedItem:v,redeemStage:y,amount:x,selectedStep:b,exchangeError:w,queryError:!!A,loading:_||S,open:h,noExchangeOptions:0===(null===(e=null==R?void 0:R.viewer)||void 0===e?void 0:e.visibleRewardExchangeItems.totalCount)},data:{exchangeList:null===(r=null===(s=null==R?void 0:R.viewer)||void 0===s?void 0:s.visibleRewardExchangeItems)||void 0===r?void 0:r.data,fuelTankCode:null===(l=null===(o=null==E?void 0:E.exchangeReward)||void 0===o?void 0:o.reward)||void 0===l?void 0:l.fuelTankCode},callbacks:{exchangeReward:async function(){if(!v)return;let t={accountId:null==k?void 0:k.accountId,userId:k.id};switch(v.ruleType){case"FIXED_GLOBAL_REWARD":t={...t,redeemCreditInput:{amount:v.sourceValue,unit:v.sourceUnit},globalRewardKey:v.globalRewardKey};break;case"STEPPED_FIXED_GLOBAL_REWARD":t={...t,redeemCreditInput:{amount:b.sourceValue,unit:v.sourceUnit},globalRewardKey:b.globalRewardKey};break;case"VARIABLE_GLOBAL_REWARD":t={...t,redeemCreditInput:{amount:x,unit:v.sourceUnit},globalRewardKey:v.globalRewardKey,rewardInput:b.rewardInput};break;case"VARIABLE_CREDIT_REWARD":t={...t,redeemCreditInput:{amount:x,unit:v.sourceUnit},rewardInput:{type:"CREDIT",unit:v.destinationUnit,assignedCredit:b.destinationValue}};break;default:t={...t,...b.rewardInput}}await C({exchangeRewardInput:t}),T()},setExchangeState:u,setStage:function(t){u({redeemStage:t})},resetState:t=>{t&&q(),u({amount:0,selectedStep:void 0,selectedItem:void 0,exchangeError:!1,redeemStage:"chooseReward"})},copyFuelTankCode:function(){var t,e;navigator.clipboard.writeText(null===(e=null===(t=null==E?void 0:E.exchangeReward)||void 0===t?void 0:t.reward)||void 0===e?void 0:e.fuelTankCode),m(!0),setTimeout((()=>m(!1)),1e3)}},refs:{canvasRef:N}}}(t);return e(s,{style:{display:"contents"}},e(ot,{states:r,data:o,callbacks:l,refs:c}))}static get assetsDirs(){return["assets"]}};function ge(){return e("slot",{name:"empty"},e("sqm-empty",{emptyStateImage:"https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_exchange2.png",emptyStateHeader:"Redeem rewards",emptyStateText:"Use your points to redeem rewards once they become available"}))}const fe=l("sq:useRouter");function be(t,e){if(t)return it(t).exec(e)}const ye=class{constructor(e){t(this,e),this.ignored=!0,r(this)}disconnectedCallback(){}render(){const{callbacks:t}=function(){const t=M(),e=h(),[s,r]=n(void 0),[o,i]=n(void 0),l=t.pathname;return a((()=>{const t=e.querySelectorAll("sqm-route");Array.from(t).forEach((t=>{const e=document.createElement("template");e.setAttribute("path",t.path),e.innerHTML=t.innerHTML,t.parentNode.appendChild(e),t.parentNode.removeChild(t)}))}),[]),a((()=>{var t,e;if(!o||!s)return void fe("DOM not ready for navigation rendering on:",l);const r=s.querySelectorAll("template"),a=Array.from(r).find((t=>{var e,s,r;if(null===(r=be(null===(s=null===(e=t.attributes)||void 0===e?void 0:e.path)||void 0===s?void 0:s.nodeValue,l))||void 0===r?void 0:r.length)return t})),n=null===(e=null===(t=null==a?void 0:a.attributes)||void 0===t?void 0:t.path)||void 0===e?void 0:e.nodeValue;if(fe({containerDatasetPage:o.dataset.page,templatePath:n,page:l}),!a)return fe("No matching page found for ",l,", so render nothing"),o.innerHTML="",void(o.dataset.page=l);fe("Page updated to ",l,a),be(n,o.dataset.page)?fe("don't rerender"):a&&(o.innerHTML=a.innerHTML,o.dataset.page=l)}),[s,o,l]),{callbacks:{setSlot:r,setContainer:i}}}();return e(s,null,e("div",{ref:t.setSlot,style:{display:"none"}},e("slot",null)),e("div",{style:{display:"contents"},ref:t.setContainer}))}};ye.style="sqm-router{display:contents}";const xe=class{constructor(e){t(this,e),this.ignored=!0,this.buttonType="default",this.scrollAnimation="smooth",r(this)}disconnectedCallback(){}render(){var t;const{callbacks:s}=function(t){const{scrollTagName:e,scrollId:s}=t;return{callbacks:{scroll:async function(){const r=null===document||void 0===document?void 0:document.querySelector(e||`#${s}`);r.dispatchEvent(new CustomEvent("sq:reveal",{detail:e||`#${s}`,bubbles:!0,composed:!0})),await new Promise((t=>setTimeout(t,500))),r.scrollIntoView({behavior:t.scrollAnimation})}}}}(this),r=null!==(t=this.buttonType)&&void 0!==t?t:"primary",a=q({Button:{"& .outline":{"&::part(base)":{color:"var(--sl-color-"+r+"-500)",borderColor:"var(--sl-color-"+r+"-500)",backgroundColor:"transparent","&:hover":{color:"var(--sl-color-primary-text)",backgroundColor:"var(--sl-color-"+r+"-500)"}}},"& .neutral":{"&::part(base)":{color:"var(--sl-color-primary-text)",background:"var(--sl-color-neutral-500)","&:hover":{opacity:"0.8"}}},"& .mobile":{"@media (max-width: 499px)":{width:"100%"}}}}),n=a.toString();let o="";return this.outline&&"default"!=this.buttonType&&(o+="outline "),"neutral"===this.buttonType&&(o+="neutral "),this.mobile&&(o+="mobile "),e("div",{class:a.classes.Button},e("style",{type:"text/css"},`\n\t\t:host{\n\t\t\tdisplay: contents;\n\t\t}\n\t\t${this.mobile&&"\n\t\t@media only screen and (max-width: 499px) {\n\t\t\t:host {\n\t\t\t\tdisplay: block;\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t}\n\t  "}\n\t`,n),e("sl-button",{type:this.buttonType,onClick:s.scroll,size:this.size,pill:this.pill,circle:this.circle,class:o},(this.iconSlot||this.iconName)&&e("sl-icon",{slot:this.iconSlot||"prefix",name:this.iconName}),this.buttonText,e("slot",null)))}},we=class{constructor(e){t(this,e),this.type="default",this.iconslot="prefix",this.hideicon=!1,this.hidetext=!1,r(this)}disconnectedCallback(){}render(){const t=T(this),s=u()?function(t){return _({...t,loading:!1,hide:!1,onClick:()=>{}},t.demoData||{},{arrayMerge:(t,e)=>e})}(t):lt(t);return e(dt,Object.assign({},s),e("slot",null))}};we.style=":host{display:block}:host([hidden]){display:none}sl-button{display:block}";const ke=m.gql`
   query ($programId: ID) {
     user: viewer {
       ... on User {
@@ -169,13 +169,13 @@ import{r as t,h as e,c as s}from"./p-64c3217a.js";import{m as a,f as r,j as n,o,
   mutation loadEvent($eventMeta: UserAnalyticsEvent!) {
     createUserAnalyticsEvent(eventMeta: $eventMeta)
   }
-`,Ee=class{constructor(e){t(this,e),this.tooltiptext="Copied to Clipboard",this.tooltiplifespan=1e3,this.textAlign="left",this.copyButtonLabel="Copy Code",this.buttonStyle="icon",a(this)}disconnectedCallback(){}render(){const t=P(this),s=u()?function(t){const[e,s]=n(!1),a="SHARECODE001";return R({copyString:a,tooltiptext:t.tooltiptext,textAlign:t.textAlign,copyButtonLabel:t.copyButtonLabel,buttonStyle:t.buttonStyle,rewardStatus:"AVAILABLE",open:e,onClick:()=>{navigator.clipboard.writeText(a),s(!0),setTimeout((()=>s(!1)),t.tooltiplifespan)}},t.demoData||{},{arrayMerge:(t,e)=>e})}(t):function(t){var e,s;const{programId:a=v()}=t,r=p(),o=b(),{data:i}=f(ke,{programId:a},!(null==r?void 0:r.jwt)),[l]=g(Ce),d=null!==(s=null===(e=null==i?void 0:i.user)||void 0===e?void 0:e.referralCode)&&void 0!==s?s:"...",[c,u]=n(!1);return{...t,onClick:function(){navigator.clipboard.writeText(d),u(!0),setTimeout((()=>u(!1)),t.tooltiplifespan),l({eventMeta:{programId:a,id:null==r?void 0:r.id,accountId:null==r?void 0:r.accountId,type:"USER_REFERRAL_PROGRAM_ENGAGEMENT_EVENT",meta:{engagementMedium:o,shareMedium:"DIRECT"}}})},open:c,copyString:d}}(t);return e(ct,Object.assign({},s))}},Se=class{constructor(e){t(this,e),this.tooltiptext="Copied to Clipboard",this.tooltiplifespan=1e3,this.textAlign="left",this.copyButtonLabel="Copy Link",this.buttonStyle="icon",a(this)}disconnectedCallback(){}render(){const t=P(this),s=u()?function(t){const[e,s]=n(!1),a="https://www.example.com/sharelink/abc";return R({copyString:a,tooltiptext:t.tooltiptext,textAlign:t.textAlign,buttonStyle:t.buttonStyle,copyButtonLabel:t.copyButtonLabel,rewardStatus:"AVAILABLE",open:e,onClick:()=>{navigator.clipboard.writeText(a),s(!0),setTimeout((()=>s(!1)),t.tooltiplifespan)}},t.demoData||{},{arrayMerge:(t,e)=>e})}(t):ut(t);return e(ct,Object.assign({},s))}},Ie=class{constructor(e){t(this,e),this.ignored=!0,this.space="xxx-large",this.display="grid",a(this)}disconnectedCallback(){}render(){return e(ht,Object.assign({},P(this)),e("slot",null))}},Me=class{constructor(e){t(this,e),this.colspan=1,this.padding="15px 10px"}render(){return e(s,{style:{display:"contents"}},e("td",{colSpan:this.colspan,style:{padding:this.padding}},e("slot",null)))}},_e=class{constructor(e){t(this,e),this.border="1px solid #EAEAEA"}render(){return e(s,{style:{display:"contents"}},e("tr",{style:{border:this.border}},e("slot",null)))}},Re=m.gql`
+`,Ee=class{constructor(e){t(this,e),this.tooltiptext="Copied to Clipboard",this.tooltiplifespan=1e3,this.textAlign="left",this.copyButtonLabel="Copy Code",this.buttonStyle="icon",r(this)}disconnectedCallback(){}render(){const t=T(this),s=u()?function(t){const[e,s]=n(!1),r="SHARECODE001";return _({copyString:r,tooltiptext:t.tooltiptext,textAlign:t.textAlign,copyButtonLabel:t.copyButtonLabel,buttonStyle:t.buttonStyle,rewardStatus:"AVAILABLE",open:e,onClick:()=>{navigator.clipboard.writeText(r),s(!0),setTimeout((()=>s(!1)),t.tooltiplifespan)}},t.demoData||{},{arrayMerge:(t,e)=>e})}(t):function(t){var e,s;const{programId:r=v()}=t,a=p(),o=b(),{data:i}=f(ke,{programId:r},!(null==a?void 0:a.jwt)),[l]=g(Ce),d=null!==(s=null===(e=null==i?void 0:i.user)||void 0===e?void 0:e.referralCode)&&void 0!==s?s:"...",[c,u]=n(!1);return{...t,onClick:function(){navigator.clipboard.writeText(d),u(!0),setTimeout((()=>u(!1)),t.tooltiplifespan),l({eventMeta:{programId:r,id:null==a?void 0:a.id,accountId:null==a?void 0:a.accountId,type:"USER_REFERRAL_PROGRAM_ENGAGEMENT_EVENT",meta:{engagementMedium:o,shareMedium:"DIRECT"}}})},open:c,copyString:d}}(t);return e(ct,Object.assign({},s))}},Se=class{constructor(e){t(this,e),this.tooltiptext="Copied to Clipboard",this.tooltiplifespan=1e3,this.textAlign="left",this.copyButtonLabel="Copy Link",this.buttonStyle="icon",r(this)}disconnectedCallback(){}render(){const t=T(this),s=u()?function(t){const[e,s]=n(!1),r="https://www.example.com/sharelink/abc";return _({copyString:r,tooltiptext:t.tooltiptext,textAlign:t.textAlign,buttonStyle:t.buttonStyle,copyButtonLabel:t.copyButtonLabel,rewardStatus:"AVAILABLE",open:e,onClick:()=>{navigator.clipboard.writeText(r),s(!0),setTimeout((()=>s(!1)),t.tooltiplifespan)}},t.demoData||{},{arrayMerge:(t,e)=>e})}(t):ut(t);return e(ct,Object.assign({},s))}},Ie=class{constructor(e){t(this,e),this.ignored=!0,this.space="xxx-large",this.display="grid",r(this)}disconnectedCallback(){}render(){return e(ht,Object.assign({},T(this)),e("slot",null))}},Me=class{constructor(e){t(this,e),this.colspan=1,this.padding="15px 10px"}render(){return e(s,{style:{display:"contents"}},e("td",{colSpan:this.colspan,style:{padding:this.padding}},e("slot",null)))}},Re=class{constructor(e){t(this,e),this.border="1px solid #EAEAEA"}render(){return e(s,{style:{display:"contents"}},e("tr",{style:{border:this.border}},e("slot",null)))}},_e=m.gql`
   mutation taskCardEvent($userEventInput: UserEventInput!) {
     logUserEvent(userEventInput: $userEventInput) {
       userId
     }
   }
-`,qe=class{constructor(e){t(this,e),this.ignored=!0,this.rewardAmount="0",this.rewardUnit="Points",this.cardTitle="Title Text",this.description="",this.repeatable=!1,this.finite=0,this.showProgressBar=!1,this.goal=1,this.steps=!1,this.progressBarUnit="",this.expiryMessage="Ends {endDate}",this.startsOnMessage="Starts {startDate}",this.endedMessage="Ended {endDate}",this.completedText="Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}",this.buttonText="Complete Action",this.openNewTab=!1,this.hideButton=!1,a(this)}disconnectedCallback(){}render(){const{props:t}=u()?$(this):j({...P(this),programId:this.programId}),{value:s,loading:a}=t,{states:n,callbacks:o}=u()?function(t){return R({states:{loadingEvent:!1,locale:"en"},callbacks:{sendEvent:t=>console.log(t),onClick:()=>console.log("clicked")}},t.demoData||{},{arrayMerge:(t,e)=>e})}(this):function(t){const e=p(),s=y(),[a,{data:n,loading:o}]=g(Re),{refresh:i}=I();function l(){t.openNewTab?window.open(t.buttonLink):window.open(t.buttonLink,"_parent")}function d(t){a({userEventInput:{userId:null==e?void 0:e.id,accountId:null==e?void 0:e.accountId,events:[{key:t,fields:{}}]}})}return r((()=>{n&&(i(),l())}),[n]),{states:{loadingEvent:o,locale:s},callbacks:{sendEvent:d,onClick:function(){t.eventKey?d(t.eventKey):l()}}}}(this);return e(mt,{callbacks:o,states:{loading:a,loadingEvent:n.loadingEvent,progress:s,locale:n.locale},content:{...P(this)}})}},Ae=class{constructor(e){t(this,e),this.ignored=!0,this.icon="gift",a(this)}disconnectedCallback(){}render(){return N().forEach((t=>{try{t.setIcon(this.icon)}catch{}})),e("div",null,e("style",{type:"text/css"},"\n\t\t:host{\n\t\t\tdisplay: block;   \n\t\t}\n\n\t\t::slotted(*:not(:only-child):not(:last-child)) {\n\t\t\tmargin-bottom: var(--sl-spacing-xx-large);\n\t\t}\n\t"),e("slot",null))}},Ne=()=>e("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{d:"M22.5 7.5H18.6761H13.5V24H20.75C21.3023 24 21.75 23.5523 21.75 23V22.5V13.5H22.5H23C23.5523 13.5 24 13.0523 24 12.5V12V9V8.5C24 7.94772 23.5523 7.5 23 7.5H22.5Z",fill:"#F2C94C"}),e("path",{d:"M2.25 22.5V23C2.25 23.5523 2.69772 24 3.25 24H10.5V7.5H6.96363H1.5H1C0.447715 7.5 0 7.94772 0 8.5V9V12V12.5C0 13.0523 0.447715 13.5 1 13.5H1.5H2.25V22.5Z",fill:"#F2C94C"}),e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M2.25 13.5V15H21.75V13.5H2.25Z",fill:"#BE9720"}),e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M21 4.06424C21 5.39348 19.0041 7.4062 18 7.5H13.5V24H10.5027V7.5H6.88188C4.8187 7.05273 3 5.46806 3 3.78109C3 2.1371 3.71404 0.835051 5.01276 0.273062C6.25382 -0.26398 7.68678 0.0304991 8.81964 0.817C10.2101 1.78237 10.9902 3.59446 11.6978 5.2384C11.7599 5.38268 11.8215 5.52566 11.8828 5.66667C11.9426 5.53298 12.0028 5.3969 12.0638 5.25912C12.7649 3.67422 13.5654 1.86488 14.9106 0.893444C16.0997 0.0347157 17.6114 -0.289736 18.9181 0.298417C20.2693 0.906596 21 2.3018 21 4.06424ZM15.9185 2.25C16.6392 1.72957 17.502 1.63518 18.2396 2.25C18.8819 2.78542 18.9162 3.03745 18.9987 3.64389L19.0133 3.75C19.0133 4.64776 18.2396 6 17.4659 6C16.9177 6 16.4871 5.99537 16.0836 5.99103C15.3479 5.98312 14.702 5.97618 13.5974 6C13.808 5.59179 13.9761 5.20003 14.1365 4.82641C14.5654 3.82715 14.9386 2.95763 15.9185 2.25ZM7.40792 2.25C7.05911 2.00783 6.25921 2.11591 5.92748 2.25945C5.65341 2.37805 5.24403 2.73987 5.24403 3.78109C5.24403 4.79286 6.88188 5.66667 6.88188 5.66667C6.88188 5.66667 8.18161 6 10.5027 6C9.71258 4.04177 8.59336 3.073 7.40792 2.25Z",fill:"#EB5757"})),Pe=()=>e("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("circle",{cx:"12",cy:"12",r:"9",fill:"currentColor",stroke:"currentColor","stroke-width":"2"})),Te=q({TimelineReward:{color:"var(--sl-color-neutral-900)",lineHeight:"var(--sl-line-height-dense)","& .container":{display:"flex"},"& .line":{display:"none",color:"transparent",userSelect:"none",background:"var(--sl-color-primary-300)",width:"4px",borderRadius:"4px",margin:"-2px",position:"relative",left:"12px",top:"34px"},"& .step":{display:"flex"},"& .icon":{position:"relative",top:"4px",zIndex:"1",color:"var(--sl-color-primary-300)",marginRight:"var(--sl-spacing-large)"},"& .reward":{marginRight:"var(--sl-spacing-x-small)",fontSize:"var(--sl-font-size-x-large)",fontWeight:"var(--sl-font-weight-semibold)"},"& .unit":{textTransform:"uppercase",fontSize:"var(--sl-font-size-small)"},"& .description":{fontSize:"var(--sl-font-size-medium)"}}}),Le=Te.toString();function De(t){var s;const a=null!==(s=t.icon)&&void 0!==s?s:t.iconState;return e("div",{class:Te.classes.TimelineReward,part:"sqm-base"},e("style",{type:"text/css"},Le,"\n\t:host{\n\t\tdisplay: block; \n\t}\n\n\t:host(:not(:last-of-type)) .line {\n\t\tdisplay: block; \n\t}\n\t"),e("div",{class:"container",part:"sqm-entry-container"},e("div",{class:"line"},"/"),e("div",{class:"step"},"gift"===a&&e("div",{class:"icon"},e(Ne,null)),"circle"===a&&e("div",{class:"icon"},e(Pe,null)),e("div",null,e("div",null,e("span",{class:"reward",part:"sqm-reward"},t.reward),e("span",{class:"unit",part:"sqm-unit"},t.unit)),e("div",{class:"description",part:"sqm-description"},t.desc)))))}const Fe=class{constructor(e){t(this,e),this.ignored=!0,this.iconState="gift",a(this)}async setIcon(t){this.iconState=t}disconnectedCallback(){}render(){return A([this.reward]),e(De,Object.assign({},P(this)))}};function Ve(t){return e(s,null,t.loading?t.loadingText:t.username)}const $e=m.gql`
+`,qe=class{constructor(e){t(this,e),this.ignored=!0,this.rewardAmount="0",this.rewardUnit="Points",this.cardTitle="Title Text",this.description="",this.repeatable=!1,this.finite=0,this.showProgressBar=!1,this.goal=1,this.steps=!1,this.progressBarUnit="",this.expiryMessage="Ends {endDate}",this.startsOnMessage="Starts {startDate}",this.endedMessage="Ended {endDate}",this.completedText="Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}",this.buttonText="Complete Action",this.openNewTab=!1,this.hideButton=!1,r(this)}disconnectedCallback(){}render(){const{props:t}=u()?$(this):j({...T(this),programId:this.programId}),{value:s,loading:r}=t,{states:n,callbacks:o}=u()?function(t){return _({states:{loadingEvent:!1,locale:"en"},callbacks:{sendEvent:t=>console.log(t),onClick:()=>console.log("clicked")}},t.demoData||{},{arrayMerge:(t,e)=>e})}(this):function(t){const e=p(),s=y(),[r,{data:n,loading:o}]=g(_e),{refresh:i}=I();function l(){t.openNewTab?window.open(t.buttonLink):window.open(t.buttonLink,"_parent")}function d(t){r({userEventInput:{userId:null==e?void 0:e.id,accountId:null==e?void 0:e.accountId,events:[{key:t,fields:{}}]}})}return a((()=>{n&&(i(),l())}),[n]),{states:{loadingEvent:o,locale:s},callbacks:{sendEvent:d,onClick:function(){t.eventKey?d(t.eventKey):l()}}}}(this);return e(mt,{callbacks:o,states:{loading:r,loadingEvent:n.loadingEvent,progress:s,locale:n.locale},content:{...T(this)}})}},Ae=class{constructor(e){t(this,e),this.ignored=!0,this.icon="gift",r(this)}disconnectedCallback(){}render(){return N().forEach((t=>{try{t.setIcon(this.icon)}catch{}})),e("div",null,e("style",{type:"text/css"},"\n\t\t:host{\n\t\t\tdisplay: block;   \n\t\t}\n\n\t\t::slotted(*:not(:only-child):not(:last-child)) {\n\t\t\tmargin-bottom: var(--sl-spacing-xx-large);\n\t\t}\n\t"),e("slot",null))}},Ne=()=>e("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{d:"M22.5 7.5H18.6761H13.5V24H20.75C21.3023 24 21.75 23.5523 21.75 23V22.5V13.5H22.5H23C23.5523 13.5 24 13.0523 24 12.5V12V9V8.5C24 7.94772 23.5523 7.5 23 7.5H22.5Z",fill:"#F2C94C"}),e("path",{d:"M2.25 22.5V23C2.25 23.5523 2.69772 24 3.25 24H10.5V7.5H6.96363H1.5H1C0.447715 7.5 0 7.94772 0 8.5V9V12V12.5C0 13.0523 0.447715 13.5 1 13.5H1.5H2.25V22.5Z",fill:"#F2C94C"}),e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M2.25 13.5V15H21.75V13.5H2.25Z",fill:"#BE9720"}),e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M21 4.06424C21 5.39348 19.0041 7.4062 18 7.5H13.5V24H10.5027V7.5H6.88188C4.8187 7.05273 3 5.46806 3 3.78109C3 2.1371 3.71404 0.835051 5.01276 0.273062C6.25382 -0.26398 7.68678 0.0304991 8.81964 0.817C10.2101 1.78237 10.9902 3.59446 11.6978 5.2384C11.7599 5.38268 11.8215 5.52566 11.8828 5.66667C11.9426 5.53298 12.0028 5.3969 12.0638 5.25912C12.7649 3.67422 13.5654 1.86488 14.9106 0.893444C16.0997 0.0347157 17.6114 -0.289736 18.9181 0.298417C20.2693 0.906596 21 2.3018 21 4.06424ZM15.9185 2.25C16.6392 1.72957 17.502 1.63518 18.2396 2.25C18.8819 2.78542 18.9162 3.03745 18.9987 3.64389L19.0133 3.75C19.0133 4.64776 18.2396 6 17.4659 6C16.9177 6 16.4871 5.99537 16.0836 5.99103C15.3479 5.98312 14.702 5.97618 13.5974 6C13.808 5.59179 13.9761 5.20003 14.1365 4.82641C14.5654 3.82715 14.9386 2.95763 15.9185 2.25ZM7.40792 2.25C7.05911 2.00783 6.25921 2.11591 5.92748 2.25945C5.65341 2.37805 5.24403 2.73987 5.24403 3.78109C5.24403 4.79286 6.88188 5.66667 6.88188 5.66667C6.88188 5.66667 8.18161 6 10.5027 6C9.71258 4.04177 8.59336 3.073 7.40792 2.25Z",fill:"#EB5757"})),Te=()=>e("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("circle",{cx:"12",cy:"12",r:"9",fill:"currentColor",stroke:"currentColor","stroke-width":"2"})),Pe=q({TimelineReward:{color:"var(--sl-color-neutral-900)",lineHeight:"var(--sl-line-height-dense)","& .container":{display:"flex"},"& .line":{display:"none",color:"transparent",userSelect:"none",background:"var(--sl-color-primary-300)",width:"4px",borderRadius:"4px",margin:"-2px",position:"relative",left:"12px",top:"34px"},"& .step":{display:"flex"},"& .icon":{position:"relative",top:"4px",zIndex:"1",color:"var(--sl-color-primary-300)",marginRight:"var(--sl-spacing-large)"},"& .reward":{marginRight:"var(--sl-spacing-x-small)",fontSize:"var(--sl-font-size-x-large)",fontWeight:"var(--sl-font-weight-semibold)"},"& .unit":{textTransform:"uppercase",fontSize:"var(--sl-font-size-small)"},"& .description":{fontSize:"var(--sl-font-size-medium)"}}}),Le=Pe.toString();function De(t){var s;const r=null!==(s=t.icon)&&void 0!==s?s:t.iconState;return e("div",{class:Pe.classes.TimelineReward,part:"sqm-base"},e("style",{type:"text/css"},Le,"\n\t:host{\n\t\tdisplay: block; \n\t}\n\n\t:host(:not(:last-of-type)) .line {\n\t\tdisplay: block; \n\t}\n\t"),e("div",{class:"container",part:"sqm-entry-container"},e("div",{class:"line"},"/"),e("div",{class:"step"},"gift"===r&&e("div",{class:"icon"},e(Ne,null)),"circle"===r&&e("div",{class:"icon"},e(Te,null)),e("div",null,e("div",null,e("span",{class:"reward",part:"sqm-reward"},t.reward),e("span",{class:"unit",part:"sqm-unit"},t.unit)),e("div",{class:"description",part:"sqm-description"},t.desc)))))}const Fe=class{constructor(e){t(this,e),this.ignored=!0,this.iconState="gift",r(this)}async setIcon(t){this.iconState=t}disconnectedCallback(){}render(){return A([this.reward]),e(De,Object.assign({},T(this)))}};function Ve(t){return e(s,null,t.loading?t.loadingText:t.username)}const $e=m.gql`
   query getUserName {
     viewer {
       ... on User {
@@ -184,4 +184,4 @@ import{r as t,h as e,c as s}from"./p-64c3217a.js";import{m as a,f as r,j as n,o,
       }
     }
   }
-`,je=class{constructor(e){t(this,e),this.ignored=!0,this.fallback="Anonymous User",this.loadingText="...",a(this)}disconnectedCallback(){}render(){const t=u()?function(t){return R({loading:!1,loadingText:"...",username:"John Smith"},t.demoData||{},{arrayMerge:(t,e)=>e})}(this):function(t){var e,s,a,r,n,o,i,l;const d=p(),c=f($e,{},!(null==d?void 0:d.jwt)),u=(null===(s=null===(e=c.data)||void 0===e?void 0:e.viewer)||void 0===s?void 0:s.firstName)||(null===(r=null===(a=c.data)||void 0===a?void 0:a.viewer)||void 0===r?void 0:r.lastName)?`${null===(o=null===(n=c.data)||void 0===n?void 0:n.viewer)||void 0===o?void 0:o.firstName} ${null===(l=null===(i=c.data)||void 0===i?void 0:i.viewer)||void 0===l?void 0:l.lastName}`:t.fallback;return{loadingText:t.loadingText,loading:c.loading,username:u}}(this);return e(Ve,Object.assign({},t))}};export{pt as sqm_big_stat,vt as sqm_brand,gt as sqm_card_feed,xt as sqm_checkbox_field,Ct as sqm_coupon_code,St as sqm_divided_layout,It as sqm_dropdown_field,qt as sqm_edit_profile,At as sqm_hero,Pt as sqm_hero_image,Tt as sqm_hook_story_container,Lt as sqm_input_field,Vt as sqm_leaderboard,Ut as sqm_link_button,Ht as sqm_name_fields,Gt as sqm_navigation_menu,Zt as sqm_portal_change_password,Kt as sqm_portal_footer,Xt as sqm_portal_frame,Yt as sqm_portal_login,Jt as sqm_portal_register,te as sqm_program_explainer,se as sqm_program_explainer_step,re as sqm_program_menu,le as sqm_referral_card,ce as sqm_referral_iframe,ve as sqm_reward_exchange_list,ye as sqm_router,xe as sqm_scroll,we as sqm_share_button,Ee as sqm_share_code,Se as sqm_share_link,Ie as sqm_stat_container,Me as sqm_table_cell,_e as sqm_table_row,qe as sqm_task_card,Ae as sqm_timeline,Fe as sqm_timeline_entry,je as sqm_user_name}
+`,je=class{constructor(e){t(this,e),this.ignored=!0,this.fallback="Anonymous User",this.loadingText="...",r(this)}disconnectedCallback(){}render(){const t=u()?function(t){return _({loading:!1,loadingText:"...",username:"John Smith"},t.demoData||{},{arrayMerge:(t,e)=>e})}(this):function(t){var e,s,r,a,n,o,i,l;const d=p(),c=f($e,{},!(null==d?void 0:d.jwt)),u=(null===(s=null===(e=c.data)||void 0===e?void 0:e.viewer)||void 0===s?void 0:s.firstName)||(null===(a=null===(r=c.data)||void 0===r?void 0:r.viewer)||void 0===a?void 0:a.lastName)?`${null===(o=null===(n=c.data)||void 0===n?void 0:n.viewer)||void 0===o?void 0:o.firstName} ${null===(l=null===(i=c.data)||void 0===i?void 0:i.viewer)||void 0===l?void 0:l.lastName}`:t.fallback;return{loadingText:t.loadingText,loading:c.loading,username:u}}(this);return e(Ve,Object.assign({},t))}};export{pt as sqm_big_stat,vt as sqm_brand,gt as sqm_card_feed,xt as sqm_checkbox_field,Ct as sqm_coupon_code,St as sqm_divided_layout,It as sqm_dropdown_field,qt as sqm_edit_profile,At as sqm_hero,Tt as sqm_hero_image,Pt as sqm_hook_story_container,Lt as sqm_input_field,Vt as sqm_leaderboard,Ut as sqm_link_button,Ht as sqm_name_fields,Gt as sqm_navigation_menu,Zt as sqm_portal_change_password,Kt as sqm_portal_footer,Xt as sqm_portal_frame,Yt as sqm_portal_login,Jt as sqm_portal_register,te as sqm_program_explainer,se as sqm_program_explainer_step,ae as sqm_program_menu,le as sqm_referral_card,ce as sqm_referral_iframe,ve as sqm_reward_exchange_list,ye as sqm_router,xe as sqm_scroll,we as sqm_share_button,Ee as sqm_share_code,Se as sqm_share_link,Ie as sqm_stat_container,Me as sqm_table_cell,Re as sqm_table_row,qe as sqm_task_card,Ae as sqm_timeline,Fe as sqm_timeline_entry,je as sqm_user_name}