@saasquatch/mint-components 1.13.0-31 → 1.13.0-33

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,4 +1,4 @@
1
- import{r as e,h as t,c as s}from"./p-f708da7b.js";import{n as r,f as a,k as n,i,u as o,m as l,b as d,j as c}from"./p-cd651f81.js";import{i as u}from"./p-506679e9.js";import{i as h,_ as m,d as p,J as v,H as g,$ as f,w as b,B as y,L as x,y as w,j as k,o as C,p as E,q as S,V as I,u as R,Q as M,k as q}from"./p-39b1a7fe.js";import{j as _}from"./p-e7e129ac.js";import{c as T}from"./p-c1086930.js";import{g as N,a as A,s as P}from"./p-9ec99ced.js";import{c as L}from"./p-cef45012.js";import{C as D}from"./p-2ab3b8d6.js";import"./p-91521e9d.js";import{a as $}from"./p-492fdaf9.js";import{u as V}from"./p-3ec660e9.js";import"./p-5bedb58c.js";import"./p-c9f1dde7.js";import{p as F}from"./p-8d363802.js";import{R as j,u as B}from"./p-1c5cffae.js";import{A as z}from"./p-121cdc60.js";import{i as U}from"./p-31a691af.js";import{b as O,U as H,B as W,O as G,J as Z,C as K,K as Y,D as X,E as J,H as Q,I as ee,V as te,L as se,N as re,d as ae,i as ne,P as ie,e as oe,f as le,R as de,W as ce,j as ue,a as he,S as me,u as pe,c as ve,T as ge}from"./p-16c7bfda.js";import"./p-a9f4ddb1.js";const fe=class{constructor(t){e(this,t),this.flexReverse=!1,this.ignored=!0,r(this)}disconnectedCallback(){}render(){var e;const{props:s,label:r}=h()?O(this):H(this),a=!!(null===(e=m().innerHTML)||void 0===e?void 0:e.trim()),n=t("slot",{name:"label"},a?t("slot",null):r);return t(W,Object.assign({},s,{labelSlot:n}))}},be=class{constructor(t){e(this,t),r(this)}disconnectedCallback(){}render(){var e,r;const n=null!==(e=function(e){if(e)try{return G(e)}catch{}}(this.brandColor))&&void 0!==e?e:"",i=(null!==(r=this.brandFont)&&void 0!==r?r:"Nunito Sans").trim()||void 0;a((()=>{if(!i)return;const e=document.createElement("link");return e.setAttribute("href",function(...e){return`https://fonts.googleapis.com/css2?${e.map((e=>`family=${encodeURIComponent(e)}`)).join("&")}`}(i)),e.setAttribute("rel","stylesheet"),document.head.appendChild(e),()=>document.head.removeChild(e)}),[i]);const o=null!=i?i:"";return t(s,null,t("style",null,`\n\n :host{\n display: contents;\n }\n /* \n Selects any element placed inside a slot\n - resets css variable inheritence for fonts\n \n */\n ::slotted(*) {\n --sl-font-sans: "${o}", arial;\n --sl-input-font-family: "${o}", arial;\n --sl-tooltip-font-family: "${o}", arial;\n font-family: "${o}", arial;\n\t\t\t\n ${n}\n\n --sl-focus-ring-color-primary: var(--sl-color-primary-100);\n --sl-input-border-color-focus: var(--sl-color-primary-500);\n --sl-color-primary-hue: var(--sl-color-primary-500);\n }`),t("slot",null))}},ye=class{constructor(t){e(this,t),this.ignored=!0,this.width=347,this.gap=24,r(this)}disconnectedCallback(){}render(){return t(Z,Object.assign({},N(this)),t("slot",null))}},xe=L({IconStyle:{display:"block",position:"absolute",top:"23px"},DivStyle:{marginLeft:"28px"},Details:{marginLeft:"28px"},Heading:{display:"inline-block"},Children:{display:"none"}}),we=xe.toString();function ke({missingProps:e,heading:s="There was a problem loading this section",subheading:r="There was a technical problem that prevented this section from loading. Please contact us with the link to this page.",description:a="Error occured while loading <{tagName}>. Values for the following attributes are missing:"},i){if(!e)return!1;const o=m(),[l,d]=n(!1);return t("sl-alert",{type:"danger",open:!0},t("style",{type:"text/css"},we),t("div",{slot:"icon",class:xe.classes.IconStyle},t("sl-icon",{name:"exclamation-octagon"})),t("div",{class:xe.classes.DivStyle},t("h2",{class:xe.classes.Heading},u.formatMessage({id:"error-heading",defaultMessage:s})),t("p",null,u.formatMessage({id:"error-subheading",defaultMessage:r}))),t("details",{class:xe.classes.Details},t("summary",{onClick:()=>d(!l)},l?"Less":"More"," details"),t("p",null,u.formatMessage({id:"error-description",defaultMessage:a},{tagName:o.tagName.toLowerCase()})),t("ul",null,e.map((e=>t("li",null,t("strong",null,e.attribute)))))),t("div",{class:xe.classes.Children},i))}const Ce=class{constructor(t){e(this,t),this.ignored=!0,this.checkboxLabel="By signing up you agree to the {labelLink}",this.checkboxLabelLink="https://example.com",this.checkboxLabelLinkText="Terms and Conditions",this.errorMessage="Must be checked",this.checkboxOptional=!1,r(this)}disconnectedCallback(){}render(){const e=A([{attribute:"checkbox-name",value:this.checkboxName}]);if(!h()&&e)return t(ke,{missingProps:e,heading:"An error occured while loading this form",subheading:"A technical problem prevented this checkbox field from loading. Please contact us with the link to this page.",description:"Values for the following attributes are missing:"});const s={...N(this)},{states:r,callbacks:o}=h()?T({states:{registrationFormState:{},checked:!1},callbacks:{setChecked:()=>{}}},this.demoData||{},{arrayMerge:(e,t)=>t}):function(e){var t;const s=i(j),[r,o]=n(!1);return a((()=>{var t,r;(null===(t=null==s?void 0:s.initialData)||void 0===t?void 0:t[e.checkboxName])&&o(!!(null===(r=null==s?void 0:s.initialData)||void 0===r?void 0:r[e.checkboxName]))}),[null===(t=null==s?void 0:s.initialData)||void 0===t?void 0:t[e.checkboxName]]),{states:{registrationFormState:s,checked:r},callbacks:{setChecked:o}}}(this);return t(K,{states:r,content:s,callbacks:o})}},Ee=p.gql`
1
+ import{r as e,h as t,c as s}from"./p-f708da7b.js";import{n as r,f as a,k as n,i as o,u as i,m as l,b as d,j as c}from"./p-cd651f81.js";import{i as u}from"./p-506679e9.js";import{i as h,_ as m,d as p,J as v,H as g,$ as f,w as b,B as y,L as x,y as w,j as k,o as C,p as E,q as S,V as I,u as R,Q as M,k as q}from"./p-39b1a7fe.js";import{j as _}from"./p-e7e129ac.js";import{c as T}from"./p-c1086930.js";import{g as N,a as A,s as P}from"./p-9ec99ced.js";import{c as L}from"./p-cef45012.js";import{C as D}from"./p-2ab3b8d6.js";import"./p-91521e9d.js";import{a as $}from"./p-492fdaf9.js";import{u as V}from"./p-3ec660e9.js";import"./p-5bedb58c.js";import"./p-c9f1dde7.js";import{p as F}from"./p-8d363802.js";import{R as j,u as B}from"./p-1c5cffae.js";import{A as z}from"./p-121cdc60.js";import{i as U}from"./p-31a691af.js";import{b as O,U as H,B as W,O as G,J as Z,C as K,K as Y,D as X,E as J,H as Q,I as ee,V as te,L as se,N as re,d as ae,i as ne,P as oe,e as ie,f as le,R as de,W as ce,j as ue,a as he,S as me,u as pe,c as ve,T as ge}from"./p-16c7bfda.js";import"./p-a9f4ddb1.js";const fe=class{constructor(t){e(this,t),this.flexReverse=!1,this.ignored=!0,r(this)}disconnectedCallback(){}render(){var e;const{props:s,label:r}=h()?O(this):H(this),a=!!(null===(e=m().innerHTML)||void 0===e?void 0:e.trim()),n=t("slot",{name:"label"},a?t("slot",null):r);return t(W,Object.assign({},s,{labelSlot:n}))}},be=class{constructor(t){e(this,t),r(this)}disconnectedCallback(){}render(){var e,r;const n=null!==(e=function(e){if(e)try{return G(e)}catch{}}(this.brandColor))&&void 0!==e?e:"",o=(null!==(r=this.brandFont)&&void 0!==r?r:"Nunito Sans").trim()||void 0;a((()=>{if(!o)return;const e=document.createElement("link");return e.setAttribute("href",function(...e){return`https://fonts.googleapis.com/css2?${e.map((e=>`family=${encodeURIComponent(e)}`)).join("&")}`}(o)),e.setAttribute("rel","stylesheet"),document.head.appendChild(e),()=>document.head.removeChild(e)}),[o]);const i=null!=o?o:"";return t(s,null,t("style",null,`\n\n :host{\n display: contents;\n }\n /* \n Selects any element placed inside a slot\n - resets css variable inheritence for fonts\n \n */\n ::slotted(*) {\n --sl-font-sans: "${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 }`),t("slot",null))}},ye=class{constructor(t){e(this,t),this.ignored=!0,this.width=347,this.gap=24,r(this)}disconnectedCallback(){}render(){return t(Z,Object.assign({},N(this)),t("slot",null))}},xe=L({IconStyle:{display:"block",position:"absolute",top:"23px"},DivStyle:{marginLeft:"28px"},Details:{marginLeft:"28px"},Heading:{display:"inline-block"},Children:{display:"none"}}),we=xe.toString();function ke({missingProps:e,heading:s="There was a problem loading this section",subheading:r="There was a technical problem that prevented this section from loading. Please contact us with the link to this page.",description:a="Error occured while loading <{tagName}>. Values for the following attributes are missing:"},o){if(!e)return!1;const i=m(),[l,d]=n(!1);return t("sl-alert",{type:"danger",open:!0},t("style",{type:"text/css"},we),t("div",{slot:"icon",class:xe.classes.IconStyle},t("sl-icon",{name:"exclamation-octagon"})),t("div",{class:xe.classes.DivStyle},t("h2",{class:xe.classes.Heading},u.formatMessage({id:"error-heading",defaultMessage:s})),t("p",null,u.formatMessage({id:"error-subheading",defaultMessage:r}))),t("details",{class:xe.classes.Details},t("summary",{onClick:()=>d(!l)},l?"Less":"More"," details"),t("p",null,u.formatMessage({id:"error-description",defaultMessage:a},{tagName:i.tagName.toLowerCase()})),t("ul",null,e.map((e=>t("li",null,t("strong",null,e.attribute)))))),t("div",{class:xe.classes.Children},o))}const Ce=class{constructor(t){e(this,t),this.ignored=!0,this.checkboxLabel="By signing up you agree to the {labelLink}",this.checkboxLabelLink="https://example.com",this.checkboxLabelLinkText="Terms and Conditions",this.errorMessage="Must be checked",this.checkboxOptional=!1,r(this)}disconnectedCallback(){}render(){const e=A([{attribute:"checkbox-name",value:this.checkboxName}]);if(!h()&&e)return t(ke,{missingProps:e,heading:"An error occured while loading this form",subheading:"A technical problem prevented this checkbox field from loading. Please contact us with the link to this page.",description:"Values for the following attributes are missing:"});const s={...N(this)},{states:r,callbacks:i}=h()?T({states:{registrationFormState:{},checked:!1},callbacks:{setChecked:()=>{}}},this.demoData||{},{arrayMerge:(e,t)=>t}):function(e){var t;const s=o(j),[r,i]=n(!1);return a((()=>{var t,r;(null===(t=null==s?void 0:s.initialData)||void 0===t?void 0:t[e.checkboxName])&&i(!!(null===(r=null==s?void 0:s.initialData)||void 0===r?void 0:r[e.checkboxName]))}),[null===(t=null==s?void 0:s.initialData)||void 0===t?void 0:t[e.checkboxName]]),{states:{registrationFormState:s,checked:r},callbacks:{setChecked:i}}}(this);return t(K,{states:r,content:s,callbacks:i})}},Ee=p.gql`
2
2
  query fuelTankRewardsQuery($programId: ID!) {
3
3
  user: viewer {
4
4
  ... on User {
@@ -26,7 +26,7 @@ import{r as e,h as t,c as s}from"./p-f708da7b.js";import{n as r,f as a,k as n,i,
26
26
  mutation loadEvent($eventMeta: UserAnalyticsEvent!) {
27
27
  createUserAnalyticsEvent(eventMeta: $eventMeta)
28
28
  }
29
- `,Ie=class{constructor(t){e(this,t),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 e=N(this),s=h()?function(e){const[t,s]=n(!1),r="THANKSJANE125uv125";return T({copyString:r,tooltiptext:e.tooltiptext,textAlign:e.textAlign,buttonStyle:e.buttonStyle,copyButtonLabel:e.copyButtonLabel,error:!1,couponCodePlaceholder:e.couponCodePlaceholder,couponCodeLabel:e.couponCodeLabel,open:t,onClick:()=>{navigator.clipboard.writeText(r),s(!0),setTimeout((()=>s(!1)),e.tooltiplifespan)}},e.demoData||{},{arrayMerge:(e,t)=>t})}(e):function(e){var t,s,r;const a=v(),i=g(),o=y(),[l]=f(Se),{data:d,loading:c}=b(Ee,{programId:i},!(null==a?void 0:a.jwt)),u=null===(r=null===(s=null===(t=null==d?void 0:d.user)||void 0===t?void 0:t.instantAccessRewards)||void 0===s?void 0:s.data)||void 0===r?void 0:r[0],h=(e=>{if(!e||!e.statuses)return"ERROR";const t=e.statuses[e.statuses.length-1];return"PENDING"===t&&null===e.dateScheduledFor?"EMPTY_TANK":t})(u),m="PENDING"===h&&u.dateScheduledFor?new Date(u.dateScheduledFor).toLocaleDateString("default",{day:"numeric",month:"long",year:"numeric"}):void 0,p=(null==u?void 0:u.fuelTankCode)||"...",[x,w]=n(!1),k=(t=>{switch(t){case"CANCELLED":return e.cancelledErrorText;case"EXPIRED":return e.expiredErrorText;case"EMPTY_TANK":return e.fullfillmentErrorText;case"PENDING":return e.pendingErrorText.replace("{unpendDate}",m);case"REDEEMED":return e.redeemedErrorText;case"AVAILABLE":return"";default:return e.genericErrorText}})(h),C=(e=>{switch(e){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{...e,onClick:function(){navigator.clipboard.writeText(p),w(!0),setTimeout((()=>w(!1)),e.tooltiplifespan),l({eventMeta:{programId:i,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:x,copyString:p,error:E,errorText:k,dateAvailable:m,loading:c,errorType:C}}(e);return t(Y,Object.assign({},s))}};function Re(e,s){const r=()=>"row"===e.direction?{"border-right":e.dividerStyle||"1px solid #EAEAEA"}:{"border-bottom":e.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: ${e.direction};\n background-color: var(--sqm-content-background);\n overflow-x: clip;\n ${"column"===e.direction?"width: 100%; max-width: var(--sqm-portal-main-width);":""}\n ${null!==e.contentAreaWidth?`max-width: ${e.contentAreaWidth} !important;`:""}\n `,i=`\n :host{\n ${n}\n }\n @media screen and (max-width: 570px) {\n :host {\n display: flex;\n flex-direction: column;\n }\n }\n sqm-divided-layout {\n ${n}\n }\n `,o=L(a),l=o.toString();return t("div",{class:o.classes.LayoutContainer,part:"sqm-base"},t("style",{type:"text/css"},i,l),s)}const Me=class{constructor(t){e(this,t),this.dividerStyle="1px solid #EAEAEA",r(this)}disconnectedCallback(){}render(){return t(Re,Object.assign({},N(this)),t("slot",null))}},qe=class{constructor(t){e(this,t),this.ignored=!0,this.dropdownLabel="Select an option",this.errorMessage="Select an option",this.dropdownOptional=!1,r(this)}disconnectedCallback(){}render(){const e=A([{attribute:"dropdown-name",value:this.dropdownName}]);if(!h()&&e)return t(ke,{missingProps:e,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:"},t("slot",null));const s={...N(this),selectOptions:t("slot",null)},{states:r}=h()?T({states:{registrationFormState:{}}},this.demoData||{},{arrayMerge:(e,t)=>t}):{states:{registrationFormState:i(j)}};return t(X,{states:r,content:s})}},_e=p.gql`
29
+ `,Ie=class{constructor(t){e(this,t),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 e=N(this),s=h()?function(e){const[t,s]=n(!1),r="THANKSJANE125uv125";return T({copyString:r,tooltiptext:e.tooltiptext,textAlign:e.textAlign,buttonStyle:e.buttonStyle,copyButtonLabel:e.copyButtonLabel,error:!1,couponCodePlaceholder:e.couponCodePlaceholder,couponCodeLabel:e.couponCodeLabel,open:t,onClick:()=>{navigator.clipboard.writeText(r),s(!0),setTimeout((()=>s(!1)),e.tooltiplifespan)}},e.demoData||{},{arrayMerge:(e,t)=>t})}(e):function(e){var t,s,r;const a=v(),o=g(),i=y(),[l]=f(Se),{data:d,loading:c}=b(Ee,{programId:o},!(null==a?void 0:a.jwt)),u=null===(r=null===(s=null===(t=null==d?void 0:d.user)||void 0===t?void 0:t.instantAccessRewards)||void 0===s?void 0:s.data)||void 0===r?void 0:r[0],h=(e=>{if(!e||!e.statuses)return"ERROR";const t=e.statuses[e.statuses.length-1];return"PENDING"===t&&null===e.dateScheduledFor?"EMPTY_TANK":t})(u),m="PENDING"===h&&u.dateScheduledFor?new Date(u.dateScheduledFor).toLocaleDateString("default",{day:"numeric",month:"long",year:"numeric"}):void 0,p=(null==u?void 0:u.fuelTankCode)||"...",[x,w]=n(!1),k=(t=>{switch(t){case"CANCELLED":return e.cancelledErrorText;case"EXPIRED":return e.expiredErrorText;case"EMPTY_TANK":return e.fullfillmentErrorText;case"PENDING":return e.pendingErrorText.replace("{unpendDate}",m);case"REDEEMED":return e.redeemedErrorText;case"AVAILABLE":return"";default:return e.genericErrorText}})(h),C=(e=>{switch(e){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{...e,onClick:function(){navigator.clipboard.writeText(p),w(!0),setTimeout((()=>w(!1)),e.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:p,error:E,errorText:k,dateAvailable:m,loading:c,errorType:C}}(e);return t(Y,Object.assign({},s))}};function Re(e,s){const r=()=>"row"===e.direction?{"border-right":e.dividerStyle||"1px solid #EAEAEA"}:{"border-bottom":e.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: ${e.direction};\n background-color: var(--sqm-content-background);\n overflow-x: clip;\n ${"column"===e.direction?"width: 100%; max-width: var(--sqm-portal-main-width);":""}\n ${null!==e.contentAreaWidth?`max-width: ${e.contentAreaWidth} !important;`:""}\n `,o=`\n :host{\n ${n}\n }\n @media screen and (max-width: 570px) {\n :host {\n display: flex;\n flex-direction: column;\n }\n }\n sqm-divided-layout {\n ${n}\n }\n `,i=L(a),l=i.toString();return t("div",{class:i.classes.LayoutContainer,part:"sqm-base"},t("style",{type:"text/css"},o,l),s)}const Me=class{constructor(t){e(this,t),this.dividerStyle="1px solid #EAEAEA",r(this)}disconnectedCallback(){}render(){return t(Re,Object.assign({},N(this)),t("slot",null))}},qe=class{constructor(t){e(this,t),this.ignored=!0,this.dropdownLabel="Select an option",this.errorMessage="Select an option",this.dropdownOptional=!1,r(this)}disconnectedCallback(){}render(){const e=A([{attribute:"dropdown-name",value:this.dropdownName}]);if(!h()&&e)return t(ke,{missingProps:e,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:"},t("slot",null));const s={...N(this),selectOptions:t("slot",null)},{states:r}=h()?T({states:{registrationFormState:{}}},this.demoData||{},{arrayMerge:(e,t)=>t}):{states:{registrationFormState:o(j)}};return t(X,{states:r,content:s})}},_e=p.gql`
30
30
  query {
31
31
  viewer {
32
32
  ... on User {
@@ -58,7 +58,7 @@ import{r as e,h as t,c as s}from"./p-f708da7b.js";import{n as r,f as a,k as n,i,
58
58
  lastName
59
59
  }
60
60
  }
61
- `,Ne={currentRegion:"",firstName:"",lastName:"",errors:{},error:""},Ae=class{constructor(t){e(this,t),this.ignored=!0,this.networkErrorMessage="Network request failed.",this.fieldEmptyText="Cannot be empty",this.formErrorText="Please correct the errors below to update your profile.",r(this)}disconnectedCallback(){}render(){const e=h()?function(e){return T({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:e.editprofileheader?e.editprofileheader:"Edit Profile",editprofiletext:e.editprofiletext?e.editprofiletext:"Update your profile.",firstnametext:e.firstnametext?e.firstnametext:"First Name",lastnametext:e.lastnametext?e.lastnametext:"Last Name",canceltext:e.canceltext?e.canceltext:"Cancel",updatetext:e.updatetext?e.updatetext:"Update",currentregiontext:e.currentregiontext?e.currentregiontext:"Region",showregion:!0,fieldEmptyText:e.fieldEmptyText}},callbacks:{onSubmit:e=>{console.log(e)},resetForm:()=>{console.log("reset")},onChange:()=>{console.log("change")},setShowEdit:e=>{console.log(e)}}},e.demoData||{},{arrayMerge:(e,t)=>t})}(N(this)):function(e){const t=v(),[s,r]=n(!1),[i,o]=n(""),[l,d]=n(void 0),[c,h]=n(Ne),m=b(_e,{},!(null==t?void 0:t.jwt)),[p,g]=f(Te);return a((()=>{!(null==g?void 0:g.loading)&&s&&((null==g?void 0:g.errors)?h((e=>{var t,s,r;return{...e,error:null===(r=null===(s=null===(t=null==g?void 0:g.errors)||void 0===t?void 0:t.response)||void 0===s?void 0:s.errors)||void 0===r?void 0:r[0].message}})):(d((e=>{var t;return{...e,...null===(t=null==g?void 0:g.data)||void 0===t?void 0:t.upsertUser}})),r(!1)))}),[null==g?void 0:g.loading]),a((()=>{d((e=>{var t;return{...e,...null===(t=null==m?void 0:m.data)||void 0===t?void 0:t.viewer}}))}),[null==m?void 0:m.data]),a((()=>{var t;(null===(t=null==g?void 0:g.errors)||void 0===t?void 0:t.message)&&h((t=>({...t,error:e.networkErrorMessage})))}),[null==g?void 0:g.errors]),{states:{loading:(null==m?void 0:m.loading)||g.loading,submitDisabled:!1,formState:c,user:l,showEdit:s,text:{editprofileheader:e.editprofileheader,editprofiletext:e.editprofiletext,firstnametext:e.firstnametext,lastnametext:e.lastnametext,canceltext:e.canceltext,updatetext:e.updatetext,currentregiontext:e.currentregiontext,showregion:e.showregion,fieldEmptyText:e.fieldEmptyText}},callbacks:{onSubmit:()=>{if(c.firstName&&c.lastName)return p({id:null==t?void 0:t.id,accountId:null==t?void 0:t.accountId,firstName:c.firstName,lastName:c.lastName}),void h((e=>({...e,errors:{}})));const s={};c.firstName||(s.firstName={message:e.fieldEmptyText}),c.lastName||(s.lastName={message:e.fieldEmptyText}),U(s)||h((t=>({...t,error:e.formErrorText}))),h((e=>({...e,errors:s})))},resetForm:()=>{var e,t,s,r,a,n;const i=(null===(t=null===(e=null==m?void 0:m.data)||void 0===e?void 0:e.viewer)||void 0===t?void 0:t.countryCode)?u.formatDisplayName(m.data.viewer.countryCode,{type:"region"}):"";d({...null===(s=m.data)||void 0===s?void 0:s.viewer,...null===(r=g.data)||void 0===r?void 0:r.upsertUser}),h({...Ne,...null===(a=m.data)||void 0===a?void 0:a.viewer,...null===(n=g.data)||void 0===n?void 0:n.upsertUser,currentRegion:i})},onChange:e=>{const{name:t,value:s}=e.target;h((e=>({...e,[t]:s})))},setShowEdit:r}}}(N(this));return t(J,Object.assign({},e))}};Ae.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 Pe=class{constructor(t){e(this,t),this.columns=1,this.minHeight=200,this.background="var(--sl-color-gray-50)",this.paddingSize="large",this.wrapDirection="wrap",r(this)}disconnectedCallback(){}render(){const e={states:{...N(this)},content:{primaryColumn:t("slot",null),secondaryColumn:t("slot",{name:"secondary-column"})}};return t(Q,Object.assign({},e))}};function Le(e,s){const r=Boolean((e.header||e.description||e.buttonText)&&"overlay"===e.layout),a=L({Container:{position:"relative","&:before":{content:r?'""':"",width:"100%",height:"100%",position:"absolute",background:e.overlayColor||"var(--sl-color-primary-900)",opacity:e.overlayOpacity}},Image:{display:"block",width:"100%",height:"100%",objectFit:"cover"},Background:{backgroundImage:`url(${e.imageUrl})`,backgroundSize:"cover",backgroundPosition:e.imagePos||"center",display:"flex",justifyContent:"center",alignItems:"center"},Overlay:{zIndex:"1",padding:"calc(var(--sl-spacing-"+e.paddingText+") + var(--sl-spacing-"+e.paddingImage+"))",textAlign:"center",color:e.textColor||"var(--sl-color-neutral-0)",lineHeight:"var(--sl-line-height-dense)","@media (max-width: 599px)":{padding:"var(--sl-spacing-"+e.paddingText+")"}},Column:{display:"flex",background:e.backgroundColor||"",flexDirection:"right"===e.imagePos?"row-reverse":"row",lineHeight:"var(--sl-line-height-dense)",color:e.textColor||"var(--sl-color-neutral-900)","& .image-area":{width:e.imagePercentage?e.imagePercentage+"%":"50%",padding:"var(--sl-spacing-"+e.paddingImage+")",boxSizing:"border-box",display:"flex",justifyContent:"center",alignItems:"center","@media (max-width: 599px)":{width:"100%"}},"& .text-area":{width:e.imagePercentage?100-e.imagePercentage+"%":"50%",padding:"var(--sl-spacing-"+e.paddingText+")",alignSelf:"center",boxSizing:"border-box","@media (max-width: 599px)":{width:"100%",textAlign:"center",padding:"calc(0.5*var(--sl-spacing-"+e.paddingText+"))"}},"@media (max-width: 599px)":{flexDirection:"bottom"===e.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 t("div",{class:a.classes.Container,part:"sqm-base"},t("style",{type:"text/css"},"\n :host{\n display: block;\n }",n),"overlay"===e.layout&&t("div",{class:a.classes.Background},t("div",{class:a.classes.Overlay,part:"sqm-overlay"},e.header&&t("div",{class:a.classes.Header},e.header),e.description&&t("div",{class:a.classes.Description},e.description),e.buttonText&&t("sl-button",{class:a.classes.Button,type:"primary",onClick:()=>e.buttonNewTab?window.open(e.buttonLink):window.open(e.buttonLink,"_parent")},e.buttonText),s&&s)),"columns"===e.layout&&t("div",null,t("div",{class:a.classes.Column},t("div",{class:"image-area"},t("img",{class:a.classes.Image,src:e.imageUrl,part:"sqm-columns-image"})),t("div",{class:"text-area",part:"sqm-columns-text-area"},e.header&&t("div",{class:a.classes.Header,part:"sqm-columns-header"},e.header),e.description&&t("div",{class:a.classes.Description,part:"sqm-columns-description"},e.description),e.buttonText&&t("sl-button",{exportparts:"base: sqm-hero-image-button",class:a.classes.Button,type:"primary",onClick:()=>e.buttonNewTab?window.open(e.buttonLink):window.open(e.buttonLink,"_parent")},e.buttonText)))))}const De=class{constructor(t){e(this,t),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 t(Le,Object.assign({},N(this)),t("slot",null))}},$e=class{constructor(t){e(this,t),this.ignored=!0,r(this)}disconnectedCallback(){}render(){return t(this.hookStory,null)}};function Ve(e){const s=L({Container:{display:"flex",width:"100%",justifyContent:e.alignment||"center",background:e.backgroundColor||""},Image:{minHeight:e.minHeight||"100%",width:e.width||"100%",maxWidth:"max-content",objectFit:"cover"}}),r=s.toString();return t("div",null,t("style",{type:"text/css"},r,"\n :host{\n display: block; \n }\n "),t("div",{class:s.classes.Container,part:"sqm-base"},t("img",{part:"sqm-image",src:e.imageUrl,class:s.classes.Image})))}const Fe=class{constructor(t){e(this,t),this.alignment="center"}render(){return t(Ve,Object.assign({},N(this)))}},je=class{constructor(t){e(this,t),this.ignored=!0,this.fieldType="text",this.errorMessage="Cannot be empty",this.fieldOptional=!1,r(this)}disconnectedCallback(){}render(){const e={...N(this)},s=A([{attribute:"field-name",value:this.fieldName}]);if(!h()&&s)return t(ke,{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}=h()?T({states:{registrationFormState:{}}},this.demoData||{},{arrayMerge:(e,t)=>t}):{states:{registrationFormState:i(j)}};return t(ee,{states:r,content:e})}},Be=p.gql`
61
+ `,Ne={currentRegion:"",firstName:"",lastName:"",errors:{},error:""},Ae=class{constructor(t){e(this,t),this.ignored=!0,this.networkErrorMessage="Network request failed.",this.fieldEmptyText="Cannot be empty",this.formErrorText="Please correct the errors below to update your profile.",r(this)}disconnectedCallback(){}render(){const e=h()?function(e){return T({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:e.editprofileheader?e.editprofileheader:"Edit Profile",editprofiletext:e.editprofiletext?e.editprofiletext:"Update your profile.",firstnametext:e.firstnametext?e.firstnametext:"First Name",lastnametext:e.lastnametext?e.lastnametext:"Last Name",canceltext:e.canceltext?e.canceltext:"Cancel",updatetext:e.updatetext?e.updatetext:"Update",currentregiontext:e.currentregiontext?e.currentregiontext:"Region",showregion:!0,fieldEmptyText:e.fieldEmptyText}},callbacks:{onSubmit:e=>{console.log(e)},resetForm:()=>{console.log("reset")},onChange:()=>{console.log("change")},setShowEdit:e=>{console.log(e)}}},e.demoData||{},{arrayMerge:(e,t)=>t})}(N(this)):function(e){const t=v(),[s,r]=n(!1),[o,i]=n(""),[l,d]=n(void 0),[c,h]=n(Ne),m=b(_e,{},!(null==t?void 0:t.jwt)),[p,g]=f(Te);return a((()=>{!(null==g?void 0:g.loading)&&s&&((null==g?void 0:g.errors)?h((e=>{var t,s,r;return{...e,error:null===(r=null===(s=null===(t=null==g?void 0:g.errors)||void 0===t?void 0:t.response)||void 0===s?void 0:s.errors)||void 0===r?void 0:r[0].message}})):(d((e=>{var t;return{...e,...null===(t=null==g?void 0:g.data)||void 0===t?void 0:t.upsertUser}})),r(!1)))}),[null==g?void 0:g.loading]),a((()=>{d((e=>{var t;return{...e,...null===(t=null==m?void 0:m.data)||void 0===t?void 0:t.viewer}}))}),[null==m?void 0:m.data]),a((()=>{var t;(null===(t=null==g?void 0:g.errors)||void 0===t?void 0:t.message)&&h((t=>({...t,error:e.networkErrorMessage})))}),[null==g?void 0:g.errors]),{states:{loading:(null==m?void 0:m.loading)||g.loading,submitDisabled:!1,formState:c,user:l,showEdit:s,text:{editprofileheader:e.editprofileheader,editprofiletext:e.editprofiletext,firstnametext:e.firstnametext,lastnametext:e.lastnametext,canceltext:e.canceltext,updatetext:e.updatetext,currentregiontext:e.currentregiontext,showregion:e.showregion,fieldEmptyText:e.fieldEmptyText}},callbacks:{onSubmit:()=>{if(c.firstName&&c.lastName)return p({id:null==t?void 0:t.id,accountId:null==t?void 0:t.accountId,firstName:c.firstName,lastName:c.lastName}),void h((e=>({...e,errors:{}})));const s={};c.firstName||(s.firstName={message:e.fieldEmptyText}),c.lastName||(s.lastName={message:e.fieldEmptyText}),U(s)||h((t=>({...t,error:e.formErrorText}))),h((e=>({...e,errors:s})))},resetForm:()=>{var e,t,s,r,a,n;const o=(null===(t=null===(e=null==m?void 0:m.data)||void 0===e?void 0:e.viewer)||void 0===t?void 0:t.countryCode)?u.formatDisplayName(m.data.viewer.countryCode,{type:"region"}):"";d({...null===(s=m.data)||void 0===s?void 0:s.viewer,...null===(r=g.data)||void 0===r?void 0:r.upsertUser}),h({...Ne,...null===(a=m.data)||void 0===a?void 0:a.viewer,...null===(n=g.data)||void 0===n?void 0:n.upsertUser,currentRegion:o})},onChange:e=>{const{name:t,value:s}=e.target;h((e=>({...e,[t]:s})))},setShowEdit:r}}}(N(this));return t(J,Object.assign({},e))}};Ae.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 Pe=class{constructor(t){e(this,t),this.columns=1,this.minHeight=200,this.background="var(--sl-color-gray-50)",this.paddingSize="large",this.wrapDirection="wrap",r(this)}disconnectedCallback(){}render(){const e={states:{...N(this)},content:{primaryColumn:t("slot",null),secondaryColumn:t("slot",{name:"secondary-column"})}};return t(Q,Object.assign({},e))}};function Le(e,s){const r=Boolean((e.header||e.description||e.buttonText)&&"overlay"===e.layout),a=L({Container:{position:"relative","&:before":{content:r?'""':"",width:"100%",height:"100%",position:"absolute",background:e.overlayColor||"var(--sl-color-primary-900)",opacity:e.overlayOpacity}},Image:{display:"block",width:"100%",height:"100%",objectFit:"cover"},Background:{backgroundImage:`url(${e.imageUrl})`,backgroundSize:"cover",backgroundPosition:e.imagePos||"center",display:"flex",justifyContent:"center",alignItems:"center"},Overlay:{zIndex:"1",padding:"calc(var(--sl-spacing-"+e.paddingText+") + var(--sl-spacing-"+e.paddingImage+"))",textAlign:"center",color:e.textColor||"var(--sl-color-neutral-0)",lineHeight:"var(--sl-line-height-dense)","@media (max-width: 599px)":{padding:"var(--sl-spacing-"+e.paddingText+")"}},Column:{display:"flex",background:e.backgroundColor||"",flexDirection:"right"===e.imagePos?"row-reverse":"row",lineHeight:"var(--sl-line-height-dense)",color:e.textColor||"var(--sl-color-neutral-900)","& .image-area":{width:e.imagePercentage?e.imagePercentage+"%":"50%",padding:"var(--sl-spacing-"+e.paddingImage+")",boxSizing:"border-box",display:"flex",justifyContent:"center",alignItems:"center","@media (max-width: 599px)":{width:"100%"}},"& .text-area":{width:e.imagePercentage?100-e.imagePercentage+"%":"50%",padding:"var(--sl-spacing-"+e.paddingText+")",alignSelf:"center",boxSizing:"border-box","@media (max-width: 599px)":{width:"100%",textAlign:"center",padding:"calc(0.5*var(--sl-spacing-"+e.paddingText+"))"}},"@media (max-width: 599px)":{flexDirection:"bottom"===e.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 t("div",{class:a.classes.Container,part:"sqm-base"},t("style",{type:"text/css"},"\n :host{\n display: block;\n }",n),"overlay"===e.layout&&t("div",{class:a.classes.Background},t("div",{class:a.classes.Overlay,part:"sqm-overlay"},e.header&&t("div",{class:a.classes.Header},e.header),e.description&&t("div",{class:a.classes.Description},e.description),e.buttonText&&t("sl-button",{class:a.classes.Button,type:"primary",onClick:()=>e.buttonNewTab?window.open(e.buttonLink):window.open(e.buttonLink,"_parent")},e.buttonText),s&&s)),"columns"===e.layout&&t("div",null,t("div",{class:a.classes.Column},t("div",{class:"image-area"},t("img",{class:a.classes.Image,src:e.imageUrl,part:"sqm-columns-image"})),t("div",{class:"text-area",part:"sqm-columns-text-area"},e.header&&t("div",{class:a.classes.Header,part:"sqm-columns-header"},e.header),e.description&&t("div",{class:a.classes.Description,part:"sqm-columns-description"},e.description),e.buttonText&&t("sl-button",{exportparts:"base: sqm-hero-image-button",class:a.classes.Button,type:"primary",onClick:()=>e.buttonNewTab?window.open(e.buttonLink):window.open(e.buttonLink,"_parent")},e.buttonText)))))}const De=class{constructor(t){e(this,t),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 t(Le,Object.assign({},N(this)),t("slot",null))}},$e=class{constructor(t){e(this,t),this.ignored=!0,r(this)}disconnectedCallback(){}render(){return t(this.hookStory,null)}};function Ve(e){const s=L({Container:{display:"flex",width:"100%",justifyContent:e.alignment||"center",background:e.backgroundColor||""},Image:{minHeight:e.minHeight||"100%",width:e.width||"100%",maxWidth:"max-content",objectFit:"cover"}}),r=s.toString();return t("div",null,t("style",{type:"text/css"},r,"\n :host{\n display: block; \n }\n "),t("div",{class:s.classes.Container,part:"sqm-base"},t("img",{part:"sqm-image",src:e.imageUrl,class:s.classes.Image})))}const Fe=class{constructor(t){e(this,t),this.alignment="center"}render(){return t(Ve,Object.assign({},N(this)))}},je=class{constructor(t){e(this,t),this.ignored=!0,this.fieldType="text",this.errorMessage="Cannot be empty",this.fieldOptional=!1,r(this)}disconnectedCallback(){}render(){const e={...N(this)},s=A([{attribute:"field-name",value:this.fieldName}]);if(!h()&&s)return t(ke,{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}=h()?T({states:{registrationFormState:{}}},this.demoData||{},{arrayMerge:(e,t)=>t}):{states:{registrationFormState:o(j)}};return t(ee,{states:r,content:e})}},Be=p.gql`
62
62
  query (
63
63
  $type: String!
64
64
  $filter: UserLeaderboardFilterInput
@@ -134,7 +134,7 @@ import{r as e,h as t,c as s}from"./p-f708da7b.js";import{n as r,f as a,k as n,i,
134
134
  }
135
135
  }
136
136
  }
137
- `,He=class{constructor(t){e(this,t),this.width="100%",this.hideViewer=!1,this.viewingUserText="You",this.hideNames=!1,this.anonymousUser="Anonymous User",this.maxRows=10,this.ignored=!0,r(this),te(this)}disconnectedCallback(){}render(){const e={empty:t(We,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,viewingUserText:this.viewingUserText,hideNames:this.hideNames,showRank:this.showRank,rankSuffix:this.rankSuffix,width:this.width},s={...e,demoData:this.demoData},r=h()?function(e){var s,r;const a=(null===(r=null===(s=e.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 T({states:{loading:!1,hasLeaders:!0,isEssentials:!1,styles:{usersheading:e.usersheading?e.usersheading:"Top referrers",statsheading:e.statsheading?e.statsheading:"New customers",rankheading:e.rankheading?e.rankheading:"Rank",anonymousUser:e.anonymousUser?e.anonymousUser:"Anonymous User",showRank:e.showRank,hideViewer:e.hideViewer,viewingUserText:e.viewingUserText,hideNames:e.hideNames,rankSuffix:e.rankSuffix,width:e.width}},data:{rankType:"rowNumber",leaderboard:a},elements:{empty:t(We,null)}},e.demoData||{},{arrayMerge:(e,t)=>t})}(s):function(e){var t,s,r,a,n,i,l,d,c,u;const h=g(),m=null!==(t=e.programId)&&void 0!==t?t:h,p=v(),f=x(),y=m?{type:e.leaderboardType,filter:{programId_eq:m}}:{type:e.leaderboardType,filter:{}};e.interval&&(y.filter.interval=e.interval),f&&(y.locale=f),e.maxRows>0&&(y.limit=e.maxRows);const{data:w,loading:k,errors:C}=b(e.hideNames?ze:Be,y,!(null==p?void 0:p.jwt),{batch:!1}),{data:E}=b(e.hideNames?Oe:Ue,y,!(null==p?void 0:p.jwt)),S=null==(M=null===(s=null==w?void 0:w.userLeaderboard)||void 0===s?void 0:s.rows)?void 0:M.flatMap((t=>{var s,r;return{textValue:t.textValue,firstName:t.firstName,lastInitial:t.lastInitial,rank:null===(s=t.rank)||void 0===s?void 0:s[e.rankType],rowNumber:null===(r=t.rank)||void 0===r?void 0:r.rowNumber}})),I=null==S?void 0:S.sort((function(e,t){return e.rank-t.rank})),R={textValue:null===(a=null===(r=null==E?void 0:E.viewer)||void 0===r?void 0:r.leaderboardRank)||void 0===a?void 0:a.textValue,firstName:null===(n=null==E?void 0:E.viewer)||void 0===n?void 0:n.firstName,lastInitial:null===(i=null==E?void 0:E.viewer)||void 0===i?void 0:i.lastInitial,rank:null===(d=null===(l=null==E?void 0:E.viewer)||void 0===l?void 0:l.leaderboardRank)||void 0===d?void 0:d[e.rankType],rowNumber:null===(u=null===(c=null==E?void 0:E.viewer)||void 0===c?void 0:c.leaderboardRank)||void 0===u?void 0:u.rowNumber};var M;return{states:{loading:k,isEssentials:o((()=>{var e,t;return!!(null===(t=null===(e=null==C?void 0:C.response)||void 0===e?void 0:e.errors)||void 0===t?void 0:t.find((e=>{var t,s;return 403===(null===(s=null===(t=null==e?void 0:e.extensions)||void 0===t?void 0:t.apiError)||void 0===s?void 0:s.statusCode)})))}),[C]),hasLeaders:(null==I?void 0:I.length)>0,styles:e},data:{leaderboard:I,rankType:e.rankType,viewerRank:R},elements:{empty:e.empty}}}(e);return t(se,Object.assign({},r))}};function We(){return t("slot",{name:"empty"},t("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"}))}const Ge=L({Container:{display:"contents"},Link:{textDecoration:"none",color:"inherit"}}),Ze=Ge.toString();function Ke(e){const{onClick:s,buttonText:r}=e;return t("span",{class:Ge.classes.Container,part:"sqm-base"},t("style",{type:"text/css"},Ze,"\n:host{\n display: inline; \n}\n"),t("sl-button",{onClick:s,type:"primary",exportparts:"base: primarybutton-base"},t("a",{class:Ge.classes.Link,part:"sqm-link"},r)))}const Ye=class{constructor(t){e(this,t),this.openInNewTab=!1,this.buttonText="Click here"}render(){return t(Ke,Object.assign({},{...N(this),onClick:()=>{window.open(this.link,this.openInNewTab?"_blank":"_parent")}}))}},Xe=class{constructor(t){e(this,t),this.ignored=!0,this.firstNameLabel="First Name",this.lastNameLabel="Last Name",r(this)}disconnectedCallback(){}render(){const{states:e}=h()?T({states:{validationErrors:[],content:{firstNameLabel:this.firstNameLabel,lastNameLabel:this.lastNameLabel}}},this.demoData||{},{arrayMerge:(e,t)=>t}):function(e){return{states:{registrationFormState:i(j),content:{lastNameLabel:e.lastNameLabel,firstNameLabel:e.firstNameLabel}}}}(this);return t(re,{states:e})}};function Je(e){const{states:s}=e,{styles:r}=s;return s.includeDropdown?t("sl-dropdown",{style:"margin-bottom: var(--sl-spacing-large)"},t("sl-button",{slot:"trigger",caret:!0,onClick:e.callbacks.rerender,exportparts:"base: dropdownbutton-base"},r.menuLabel),t("sl-menu",{ref:t=>{void 0===e.ref.current&&(e.ref.current=t,e.callbacks.rerender())}},t("slot",null))):""}const Qe=class{constructor(t){e(this,t),this.ignored=!0,r(this)}disconnectedCallback(){}render(){const e=h()?function(e){return T({states:{includeDropdown:!0,styles:{...e,menuLabel:"Menu"}},callbacks:{rerender:()=>{}},ref:{current:void 0}},e.demoData||{},{arrayMerge:(e,t)=>t})}(N(this)):function(e){const t=l(),[,s]=w(),r=v();return a((()=>{var e;null===(e=t.current)||void 0===e||e.addEventListener("sl-select",(e=>function(e){k.push(e.detail.item.value)}(e)))}),[t.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:e.menuLabel}},callbacks:{rerender:s},ref:t}}(N(this));return t(s,{slot:"sqm-navigation-menu"},t(Je,Object.assign({},e)))}};Qe.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 et=class{constructor(t){e(this,t),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.nonMatchingPasswordErrorText="contain at least 1 lowercase character",this.invalidSessionErrorText="Please log in again to change your password.",this.hasErrorText="contain at least 1 number or symbol",r(this)}disconnectedCallback(){}render(){const{states:e,callbacks:s}=h()?function(e){const[t,s]=n(!1);return T({states:{open:t,error:"",content:{modalChangePasswordHeader:e.modalChangePasswordHeader,cancelText:e.cancelText,changePasswordButtonText:e.changePasswordButtonText,passwordFieldLabel:e.passwordFieldLabel,confirmPasswordFieldLabel:e.confirmPasswordFieldLabel,successMessage:e.successMessage,portalChangePasswordHeader:e.portalChangePasswordHeader,portalChangePasswordButtonText:e.portalChangePasswordButtonText,meetsRequirementsText:e.meetsRequirementsText,doesNotMeetRequirementsText:e.doesNotMeetRequirementsText,minErrorText:e.minErrorText,uppercaseErrorText:e.uppercaseErrorText,lowercaseErrorText:e.lowercaseErrorText,hasErrorText:e.hasErrorText}},callbacks:{setOpen:e=>s(e),submit:e=>console.log("Submit",e)}},e.demoData||{},{arrayMerge:(e,t)=>t})}(this):function(e){var t,s,r,a,i,o,l;const[d,{loading:c,errors:u}]=C(),[h,m]=n(!1),[p,g]=n(""),[f,b]=n(!1),y=v();return{states:{open:h,loading:c,success:f,error:p||(null===(a=null===(r=null===(s=null===(t=null==u?void 0:u.response)||void 0===t?void 0:t.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===(o=null===(i=null==u?void 0:u.response)||void 0===i?void 0:i.errors)||void 0===o?void 0:o[0])||void 0===l?void 0:l.message),content:{modalChangePasswordHeader:e.modalChangePasswordHeader,cancelText:e.cancelText,changePasswordButtonText:e.changePasswordButtonText,passwordFieldLabel:e.passwordFieldLabel,confirmPasswordFieldLabel:e.confirmPasswordFieldLabel,successMessage:e.successMessage,portalChangePasswordHeader:e.portalChangePasswordHeader,portalChangePasswordButtonText:e.portalChangePasswordButtonText,meetsRequirementsText:e.meetsRequirementsText,doesNotMeetRequirementsText:e.doesNotMeetRequirementsText,minErrorText:e.minErrorText,uppercaseErrorText:e.uppercaseErrorText,lowercaseErrorText:e.lowercaseErrorText,hasErrorText:e.hasErrorText}},data:{},callbacks:{setOpen:m,submit:async t=>{var s,r;b(!1);const a=null===(s=t.detail)||void 0===s?void 0:s.formData;if(null==a||a.forEach(((e,t)=>{_.set(a,t,e)})),!(null==y?void 0:y.jwt))return void g(e.invalidSessionErrorText);if(a.password!==a.confirmPassword)return void g(e.nonMatchingPasswordErrorText);g("");const n={password:a.password},i=await d(n);i instanceof Error||!(null===(r=i.changeManagedIdentityPassword)||void 0===r?void 0:r.success)||b(!0)}}}}(this);return t(ae,{states:e,callbacks:s})}},tt=class{constructor(t){e(this,t),this.ignored=!0,this.hideSupportText=!1,this.supportEmail="support@example.com",this.supportText="For program support, contact {email}",this.hidePoweredBy=!1,this.poweredByLink="https://impact.com/advocate/",this.paddingTop="large",this.paddingRight="large",this.paddingBottom="large",this.paddingLeft="large",r(this)}disconnectedCallback(){}render(){return t(ne,Object.assign({},N(this)))}static get assetsDirs(){return["../../assets"]}},st=class{constructor(t){e(this,t),this.ignored=!0,this.notFullScreen=!1,r(this)}disconnectedCallback(){}render(){const e=t("slot",{name:"footer"}),s=t("slot",{name:"header"}),r=h()?function(e,s,r){return T({notFullScreen:!0,data:{footer:e||t("span",null,"example@example.com"),header:s||t("div",{style:{display:"flex",flexDirection:"column"}},t("span",{style:{fontSize:"var(--sl-font-size-large)",fontWeight:"bold"}},"Portal Header"),t("span",{style:{fontSize:"var(--sl-font-size-small)"}},"A description for the portal"))},callbacks:{rerender:()=>{}}},r.demoData||{},{arrayMerge:(e,t)=>t})}(e,s,this):function(e,t){const[,s]=w();return{data:{footer:e,header:t},callbacks:{rerender:s}}}(e,s);return t(ie,Object.assign({},r),t("slot",null))}},rt=class{constructor(t){e(this,t),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",this.networkErrorMessage="An error occurred while logging you in. Please refresh the page and try again.",this.googleUserNotRegisteredError="Google user has not registered on our platform. Please complete the registration process with your Google account.",this.registerCTA="Don't have an account?",this.showGoogleLogin=!1,r(this)}disconnectedCallback(){}render(){const{states:e,callbacks:s}=h()?T({states:{error:"",loading:!1,forgotPasswordPath:"/forgotPassword",registerPath:"/register",showLoginForm:"manual"},callbacks:{googleSubmit:async()=>{console.log("google submit")},submit:async()=>{console.log("submit")}},content:{googleButton:null}},this.demoData||{},{arrayMerge:(e,t)=>t}):function(e){var t,s,r,a,i,o,l,d,c,u,h,m,p,v;const[g,{loading:f,errors:b}]=E(),[y,{loading:x,errors:w}]=S(),[C,I]=n(""),R=new URLSearchParams(k.location.search),M=R.get("nextPage"),q=(null===(a=null===(r=null===(s=null===(t=null==b?void 0:b.response)||void 0===t?void 0:t.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===(o=null===(i=null==b?void 0:b.response)||void 0===i?void 0:i.errors)||void 0===o?void 0:o[0])||void 0===l?void 0:l.message)||C,T=(null===(h=null===(u=null===(c=null===(d=null==w?void 0:w.response)||void 0===d?void 0:d.errors)||void 0===c?void 0:c[0])||void 0===u?void 0:u.extensions)||void 0===h?void 0:h.message)||(null===(v=null===(p=null===(m=null==w?void 0:w.response)||void 0===m?void 0:m.errors)||void 0===p?void 0:p[0])||void 0===v?void 0:v.message)||C;return{states:{loading:f||x,error:q||T,registerPath:e.registerPath,forgotPasswordPath:e.forgotPasswordPath},callbacks:{googleSubmit:async t=>{var s,r,a;if(!(null===(s=t.detail)||void 0===s?void 0:s.credential))return;const n=await y({idToken:t.detail.credential});if(n instanceof Error)((null==n?void 0:n.message)||(null===(r=null==n?void 0:n.response)||void 0===r?void 0:r.error))&&I(e.networkErrorMessage);else if(null===(a=n.authenticateManagedIdentityWithGoogle)||void 0===a?void 0:a.token){R.delete("nextPage");const t=P(M||e.nextPage);k.push(t.href)}},submit:async t=>{var s,r;I("");let a=t.detail.formData;null==a||a.forEach(((e,t)=>{_.set(a,t,e)}));const n={email:a.email,password:a.password},i=await g(n);if(i instanceof Error)((null==i?void 0:i.message)||(null===(s=null==i?void 0:i.response)||void 0===s?void 0:s.error))&&I(e.networkErrorMessage);else if(null===(r=i.authenticateManagedIdentityWithEmailAndPassword)||void 0===r?void 0:r.token){R.delete("nextPage");const t=P(M||e.nextPage);k.push(t.href)}}}}}(this),r=L({RegisterButton:{"&::part(label)":{padding:"0"}}}),a=r.toString(),i={forgotPasswordButton:t("slot",{name:"forgotPassword"},t("a",{onClick:()=>k.push(e.forgotPasswordPath)},this.forgotPasswordLabel)),googleButton:this.showGoogleLogin?t("sqm-google-sign-in",{onInitComplete:s.googleSubmit}):null,secondaryButton:t("slot",{name:"secondaryButton"},t("style",null,a),this.showGoogleLogin?t("span",null,this.registerCTA," ",t("sl-button",{size:"large",type:"text",disabled:e.loading,onClick:()=>k.push(e.registerPath),className:r.classes.RegisterButton},this.registerLabel)):t("sl-button",{type:"text",disabled:e.loading,onClick:()=>k.push(e.registerPath)},this.registerLabel)),emailLabel:this.emailLabel,passwordLabel:this.passwordLabel,submitLabel:this.submitLabel,pageLabel:this.pageLabel};return t(oe,{states:e,callbacks:s,content:i})}},at=class{constructor(t){e(this,t),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:e,callbacks:s,refs:r}=h()?T({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:(e,t)=>t}):function(e){var t,s,r,n,i,o,d,c,u;const h=l(null),{registrationFormState:m,setRegistrationFormState:p}=B({}),[v,{loading:g,errors:f}]=I();a((()=>{if(!h.current)return;const e=h.current;return e.addEventListener("sl-input",b),()=>{e.removeEventListener("sl-input",b)}}),[h.current]);const b=R((e=>{var t,s;if("tel"!==(null===(s=null===(t=e.target)||void 0===t?void 0:t.type)||void 0===s?void 0:s.toLowerCase()))return;const r=new z("US");e.target.value=r.input(e.target.value)}),[]);let y="";return y=(null===(t=null==f?void 0:f.response)||void 0===t?void 0:t.error)||(null==f?void 0:f.message)&&!(null===(s=null==f?void 0:f.response)||void 0===s?void 0:s.errors.length)?e.networkErrorMessage:(null===(o=null===(i=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===i?void 0:i.extensions)||void 0===o?void 0:o.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:e.confirmPassword,hideInputs:e.hideInputs,loginPath:e.loginPath,disablePasswordValidation:e.disablePasswordValidation},callbacks:{submit:async t=>{var s;let r=t.target.getFormControls(),a={},n={};if(null==r||r.forEach((t=>{if(!t.name)return;const s=t.name,r=t.value;if(_.set(a,s,r),t.required&&!r&&_.set(n,s,e.requiredFieldErrorMessage),"function"==typeof t.validationError){const e=(0,t.validationError)({control:t,key:s,value:r});e&&_.set(n,s,e)}})),(e.confirmPassword||a.confirmPassword)&&a.password!==a.confirmPassword&&(n={...n,confirmPassword:e.passwordMismatchErrorMessage}),Object.keys(n).length)return void p({loading:!1,error:"",validationErrors:n});p({loading:!0,error:"",validationErrors:{}});const{email:i,password:o}=a;delete a.email,delete a.password,delete a.confirmPassword,a={...a};const l={email:i,password:o,formData:a,redirectPath:e.redirectPath};try{const t=await v(l);if(t instanceof Error)throw t;p({loading:!1,error:"",validationErrors:{}}),(null===(s=t.registerManagedIdentityWithEmailAndPassword)||void 0===s?void 0:s.token)&&k.push(e.nextPage)}catch(t){p({loading:!1,error:e.networkErrorMessage,validationErrors:{}})}},inputFunction:b},refs:{formRef:h}}}(this);var n;const i={formData:t("slot",{name:"formData"}),secondaryButton:t("slot",{name:"secondaryButton"},t("sl-button",{type:"text",disabled:e.loading,onClick:()=>k.push(e.loginPath)},this.loginLabel)),terms:t("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 t(le,{states:e,callbacks:s,content:i,refs:r})}};function nt(e,s){const r=L({Container:{color:e.textColor||"var(--sl-color-neutral-900)",background:e.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 t("div",{class:r.classes.Container,part:"sqm-base"},t("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 }"),t("div",{class:r.classes.Header},t("div",{class:r.classes.Header,part:"sqm-header"},e.header)),t("div",{class:r.classes.Grid,part:"sqm-grid-container"},s))}const it=class{constructor(t){e(this,t),this.ignored=!0,r(this)}disconnectedCallback(){}render(){return t(nt,Object.assign({},N(this)),t("slot",null))}};function ot(e){const s=L({Container:{display:"flex",flexDirection:"column",width:"100%",padding:"var(--sl-spacing-x-large)",lineHeight:"var(--sl-line-height-dense)",color:e.textColor||"var(--sl-color-neutral-900)",background:e.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 t("div",{class:s.classes.Container,part:"sqm-base"},t("style",{type:"text/css"},r),t("div",null,e.imageUrl?t("img",{class:s.classes.Media,src:e.imageUrl,part:"sqm-media"}):t("div",{class:s.classes.Media,part:"sqm-media"},t("sl-icon",{name:e.icon}))),t("div",{class:s.classes.Text},t("div",{class:s.classes.Header,part:"sqm-header"},e.header),t("div",{class:s.classes.Description,part:"sqm-description"},e.description)))}const lt=class{constructor(t){e(this,t),r(this)}disconnectedCallback(){}render(){return t(ot,Object.assign({},N(this)))}},dt=d("sq:useProgramMenu"),ct=class{constructor(t){e(this,t),this.ignored=!0,r(this)}disconnectedCallback(){}render(){const{data:e,ref:r}=function(e){const t=g(),s=m();dt({programId:t,props:e});const r=l(),[,n]=w();return a((()=>{var e;null===(e=r.current)||void 0===e||e.addEventListener("sl-select",(e=>{s.dispatchEvent(new CustomEvent("sq:update-program-id",{detail:e.detail.item.value,bubbles:!0,composed:!0}))}))}),[r.current]),{data:{programId:t},callbacks:{rerender:n},ref:r}}(N(this));return t(s,{style:{display:"contents"}},t("sl-select",{style:{paddingBottom:"var(--sl-spacing-large)"},value:e.programId,ref:e=>r.current=e},t("slot",null)))}},ut=L({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"}}}),ht=ut.toString();function mt(e){return t("div",{part:"sqm-base",class:ut.classes.Container,style:{border:e.hideBorder?"none":"1px solid var(--sl-color-neutral-300)","padding-top":`var(--sl-spacing-${e.paddingTop})`,"padding-right":`var(--sl-spacing-${e.paddingRight})`,"padding-bottom":`var(--sl-spacing-${e.paddingBottom})`,"padding-left":`var(--sl-spacing-${e.paddingLeft})`,backgroundColor:e.backgroundColor,maxWidth:e.limitWidth?"600px":"none",margin:e.limitWidth?"auto":"none"}},t("style",{type:"text/css"},ht,"\n :host{\n display: block; \n }\n "),e.hasHeader&&t("div",{class:ut.classes.EndContainer},e.slots.header),t("div",{part:"sqm-column-container",class:ut.classes.ColumnContainer,style:{alignItems:e.verticalAlignment}},e.slots.left,e.slots.right),e.hasFooter&&t("div",{class:ut.classes.EndContainer},e.slots.footer))}const pt=class{constructor(t){e(this,t),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 e={left:t("slot",{name:"left"}),right:t("slot",{name:"right"}),header:t("slot",{name:"header"}),footer:t("slot",{name:"footer"})},s=V(),r=s.findIndex((e=>"header"===e.slot))>-1,a=s.findIndex((e=>"footer"===e.slot))>-1;return t(mt,Object.assign({},N(this),{slots:e,hasHeader:r,hasFooter:a}),t("slot",null))}},vt=p.gql`
137
+ `,He=class{constructor(t){e(this,t),this.width="100%",this.hideViewer=!1,this.viewingUserText="You",this.hideNames=!1,this.anonymousUser="Anonymous User",this.maxRows=10,this.ignored=!0,r(this),te(this)}disconnectedCallback(){}render(){const e={empty:t(We,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,viewingUserText:this.viewingUserText,hideNames:this.hideNames,showRank:this.showRank,rankSuffix:this.rankSuffix,width:this.width},s={...e,demoData:this.demoData},r=h()?function(e){var s,r;const a=(null===(r=null===(s=e.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 T({states:{loading:!1,hasLeaders:!0,isEssentials:!1,styles:{usersheading:e.usersheading?e.usersheading:"Top referrers",statsheading:e.statsheading?e.statsheading:"New customers",rankheading:e.rankheading?e.rankheading:"Rank",anonymousUser:e.anonymousUser?e.anonymousUser:"Anonymous User",showRank:e.showRank,hideViewer:e.hideViewer,viewingUserText:e.viewingUserText,hideNames:e.hideNames,rankSuffix:e.rankSuffix,width:e.width}},data:{rankType:"rowNumber",leaderboard:a},elements:{empty:t(We,null)}},e.demoData||{},{arrayMerge:(e,t)=>t})}(s):function(e){var t,s,r,a,n,o,l,d,c,u;const h=g(),m=null!==(t=e.programId)&&void 0!==t?t:h,p=v(),f=x(),y=m?{type:e.leaderboardType,filter:{programId_eq:m}}:{type:e.leaderboardType,filter:{}};e.interval&&(y.filter.interval=e.interval),f&&(y.locale=f),e.maxRows>0&&(y.limit=e.maxRows);const{data:w,loading:k,errors:C}=b(e.hideNames?ze:Be,y,!(null==p?void 0:p.jwt),{batch:!1}),{data:E}=b(e.hideNames?Oe:Ue,y,!(null==p?void 0:p.jwt)),S=null==(M=null===(s=null==w?void 0:w.userLeaderboard)||void 0===s?void 0:s.rows)?void 0:M.flatMap((t=>{var s,r;return{textValue:t.textValue,firstName:t.firstName,lastInitial:t.lastInitial,rank:null===(s=t.rank)||void 0===s?void 0:s[e.rankType],rowNumber:null===(r=t.rank)||void 0===r?void 0:r.rowNumber}})),I=null==S?void 0:S.sort((function(e,t){return e.rank-t.rank})),R={textValue:null===(a=null===(r=null==E?void 0:E.viewer)||void 0===r?void 0:r.leaderboardRank)||void 0===a?void 0:a.textValue,firstName:null===(n=null==E?void 0:E.viewer)||void 0===n?void 0:n.firstName,lastInitial:null===(o=null==E?void 0:E.viewer)||void 0===o?void 0:o.lastInitial,rank:null===(d=null===(l=null==E?void 0:E.viewer)||void 0===l?void 0:l.leaderboardRank)||void 0===d?void 0:d[e.rankType],rowNumber:null===(u=null===(c=null==E?void 0:E.viewer)||void 0===c?void 0:c.leaderboardRank)||void 0===u?void 0:u.rowNumber};var M;return{states:{loading:k,isEssentials:i((()=>{var e,t;return!!(null===(t=null===(e=null==C?void 0:C.response)||void 0===e?void 0:e.errors)||void 0===t?void 0:t.find((e=>{var t,s;return 403===(null===(s=null===(t=null==e?void 0:e.extensions)||void 0===t?void 0:t.apiError)||void 0===s?void 0:s.statusCode)})))}),[C]),hasLeaders:(null==I?void 0:I.length)>0,styles:e},data:{leaderboard:I,rankType:e.rankType,viewerRank:R},elements:{empty:e.empty}}}(e);return t(se,Object.assign({},r))}};function We(){return t("slot",{name:"empty"},t("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"}))}const Ge=L({Container:{display:"contents"},Link:{textDecoration:"none",color:"inherit"}}),Ze=Ge.toString();function Ke(e){const{onClick:s,buttonText:r}=e;return t("span",{class:Ge.classes.Container,part:"sqm-base"},t("style",{type:"text/css"},Ze,"\n:host{\n display: inline; \n}\n"),t("sl-button",{onClick:s,type:"primary",exportparts:"base: primarybutton-base"},t("a",{class:Ge.classes.Link,part:"sqm-link"},r)))}const Ye=class{constructor(t){e(this,t),this.openInNewTab=!1,this.buttonText="Click here"}render(){return t(Ke,Object.assign({},{...N(this),onClick:()=>{window.open(this.link,this.openInNewTab?"_blank":"_parent")}}))}},Xe=class{constructor(t){e(this,t),this.ignored=!0,this.firstNameLabel="First Name",this.lastNameLabel="Last Name",r(this)}disconnectedCallback(){}render(){const{states:e}=h()?T({states:{validationErrors:[],content:{firstNameLabel:this.firstNameLabel,lastNameLabel:this.lastNameLabel}}},this.demoData||{},{arrayMerge:(e,t)=>t}):function(e){return{states:{registrationFormState:o(j),content:{lastNameLabel:e.lastNameLabel,firstNameLabel:e.firstNameLabel}}}}(this);return t(re,{states:e})}};function Je(e){const{states:s}=e,{styles:r}=s;return s.includeDropdown?t("sl-dropdown",{style:"margin-bottom: var(--sl-spacing-large)"},t("sl-button",{slot:"trigger",caret:!0,onClick:e.callbacks.rerender,exportparts:"base: dropdownbutton-base"},r.menuLabel),t("sl-menu",{ref:t=>{void 0===e.ref.current&&(e.ref.current=t,e.callbacks.rerender())}},t("slot",null))):""}const Qe=class{constructor(t){e(this,t),this.ignored=!0,r(this)}disconnectedCallback(){}render(){const e=h()?function(e){return T({states:{includeDropdown:!0,styles:{...e,menuLabel:"Menu"}},callbacks:{rerender:()=>{}},ref:{current:void 0}},e.demoData||{},{arrayMerge:(e,t)=>t})}(N(this)):function(e){const t=l(),[,s]=w(),r=v();return a((()=>{var e;null===(e=t.current)||void 0===e||e.addEventListener("sl-select",(e=>function(e){k.push(e.detail.item.value)}(e)))}),[t.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:e.menuLabel}},callbacks:{rerender:s},ref:t}}(N(this));return t(s,{slot:"sqm-navigation-menu"},t(Je,Object.assign({},e)))}};Qe.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 et=class{constructor(t){e(this,t),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.nonMatchingPasswordErrorText="contain at least 1 lowercase character",this.invalidSessionErrorText="Please log in again to change your password.",this.hasErrorText="contain at least 1 number or symbol",r(this)}disconnectedCallback(){}render(){const{states:e,callbacks:s}=h()?function(e){const[t,s]=n(!1);return T({states:{open:t,error:"",content:{modalChangePasswordHeader:e.modalChangePasswordHeader,cancelText:e.cancelText,changePasswordButtonText:e.changePasswordButtonText,passwordFieldLabel:e.passwordFieldLabel,confirmPasswordFieldLabel:e.confirmPasswordFieldLabel,successMessage:e.successMessage,portalChangePasswordHeader:e.portalChangePasswordHeader,portalChangePasswordButtonText:e.portalChangePasswordButtonText,meetsRequirementsText:e.meetsRequirementsText,doesNotMeetRequirementsText:e.doesNotMeetRequirementsText,minErrorText:e.minErrorText,uppercaseErrorText:e.uppercaseErrorText,lowercaseErrorText:e.lowercaseErrorText,hasErrorText:e.hasErrorText}},callbacks:{setOpen:e=>s(e),submit:e=>console.log("Submit",e)}},e.demoData||{},{arrayMerge:(e,t)=>t})}(this):function(e){var t,s,r,a,o,i,l;const[d,{loading:c,errors:u}]=C(),[h,m]=n(!1),[p,g]=n(""),[f,b]=n(!1),y=v();return{states:{open:h,loading:c,success:f,error:p||(null===(a=null===(r=null===(s=null===(t=null==u?void 0:u.response)||void 0===t?void 0:t.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:e.modalChangePasswordHeader,cancelText:e.cancelText,changePasswordButtonText:e.changePasswordButtonText,passwordFieldLabel:e.passwordFieldLabel,confirmPasswordFieldLabel:e.confirmPasswordFieldLabel,successMessage:e.successMessage,portalChangePasswordHeader:e.portalChangePasswordHeader,portalChangePasswordButtonText:e.portalChangePasswordButtonText,meetsRequirementsText:e.meetsRequirementsText,doesNotMeetRequirementsText:e.doesNotMeetRequirementsText,minErrorText:e.minErrorText,uppercaseErrorText:e.uppercaseErrorText,lowercaseErrorText:e.lowercaseErrorText,hasErrorText:e.hasErrorText}},data:{},callbacks:{setOpen:m,submit:async t=>{var s,r;b(!1);const a=null===(s=t.detail)||void 0===s?void 0:s.formData;if(null==a||a.forEach(((e,t)=>{_.set(a,t,e)})),!(null==y?void 0:y.jwt))return void g(e.invalidSessionErrorText);if(a.password!==a.confirmPassword)return void g(e.nonMatchingPasswordErrorText);g("");const n={password:a.password},o=await d(n);o instanceof Error||!(null===(r=o.changeManagedIdentityPassword)||void 0===r?void 0:r.success)||b(!0)}}}}(this);return t(ae,{states:e,callbacks:s})}},tt=class{constructor(t){e(this,t),this.ignored=!0,this.hideSupportText=!1,this.supportEmail="support@example.com",this.supportText="For program support, contact {email}",this.hidePoweredBy=!1,this.poweredByLink="https://impact.com/advocate/",this.paddingTop="large",this.paddingRight="large",this.paddingBottom="large",this.paddingLeft="large",r(this)}disconnectedCallback(){}render(){return t(ne,Object.assign({},N(this)))}static get assetsDirs(){return["../../assets"]}},st=class{constructor(t){e(this,t),this.ignored=!0,this.notFullScreen=!1,r(this)}disconnectedCallback(){}render(){const e=t("slot",{name:"footer"}),s=t("slot",{name:"header"}),r=h()?function(e,s,r){return T({notFullScreen:!0,data:{footer:e||t("span",null,"example@example.com"),header:s||t("div",{style:{display:"flex",flexDirection:"column"}},t("span",{style:{fontSize:"var(--sl-font-size-large)",fontWeight:"bold"}},"Portal Header"),t("span",{style:{fontSize:"var(--sl-font-size-small)"}},"A description for the portal"))},callbacks:{rerender:()=>{}}},r.demoData||{},{arrayMerge:(e,t)=>t})}(e,s,this):function(e,t){const[,s]=w();return{data:{footer:e,header:t},callbacks:{rerender:s}}}(e,s);return t(oe,Object.assign({},r),t("slot",null))}},rt=class{constructor(t){e(this,t),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",this.networkErrorMessage="An error occurred while logging you in. Please refresh the page and try again.",this.googleUserNotRegisteredError="Google user has not registered on our platform. Please complete the registration process with your Google account.",this.registerCTA="Don't have an account?",this.showGoogleLogin=!1,r(this)}disconnectedCallback(){}render(){const{states:e,callbacks:s}=h()?T({states:{error:"",loading:!1,forgotPasswordPath:"/forgotPassword",registerPath:"/register",showLoginForm:"manual"},callbacks:{googleSubmit:async()=>{console.log("google submit")},submit:async()=>{console.log("submit")}},content:{googleButton:null}},this.demoData||{},{arrayMerge:(e,t)=>t}):function(e){var t,s,r,a,o,i,l,d,c,u,h,m,p,v;const[g,{loading:f,errors:b}]=E(),[y,{loading:x,errors:w}]=S(),[C,I]=n(""),R=new URLSearchParams(k.location.search),M=R.get("nextPage"),q=(null===(a=null===(r=null===(s=null===(t=null==b?void 0:b.response)||void 0===t?void 0:t.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==b?void 0:b.response)||void 0===o?void 0:o.errors)||void 0===i?void 0:i[0])||void 0===l?void 0:l.message)||C,T=(null===(h=null===(u=null===(c=null===(d=null==w?void 0:w.response)||void 0===d?void 0:d.errors)||void 0===c?void 0:c[0])||void 0===u?void 0:u.extensions)||void 0===h?void 0:h.message)||(null===(v=null===(p=null===(m=null==w?void 0:w.response)||void 0===m?void 0:m.errors)||void 0===p?void 0:p[0])||void 0===v?void 0:v.message)||C;return{states:{loading:f||x,error:q||T,registerPath:e.registerPath,forgotPasswordPath:e.forgotPasswordPath},callbacks:{googleSubmit:async t=>{var s,r,a;if(!(null===(s=t.detail)||void 0===s?void 0:s.credential))return;const n=await y({idToken:t.detail.credential});if(n instanceof Error)return console.log(n,"resultGoogleError"),void(((null==n?void 0:n.message)||(null===(r=null==n?void 0:n.response)||void 0===r?void 0:r.error))&&I(e.networkErrorMessage));if(null===(a=n.authenticateManagedIdentityWithGoogle)||void 0===a?void 0:a.token){console.log(n,"resultGoogle"),R.delete("nextPage");const t=P(M||e.nextPage);k.push(t.href)}},submit:async t=>{var s,r;I("");let a=t.detail.formData;null==a||a.forEach(((e,t)=>{_.set(a,t,e)}));const n={email:a.email,password:a.password},o=await g(n);if(o instanceof Error)return console.log(o,"resultRegular"),void(((null==o?void 0:o.message)||(null===(s=null==o?void 0:o.response)||void 0===s?void 0:s.error))&&I(e.networkErrorMessage));if(null===(r=o.authenticateManagedIdentityWithEmailAndPassword)||void 0===r?void 0:r.token){console.log(o,"resultRegular"),R.delete("nextPage");const t=P(M||e.nextPage);k.push(t.href)}}}}}(this),r=L({RegisterButton:{"&::part(label)":{padding:"0"}}}),a=r.toString(),o={forgotPasswordButton:t("slot",{name:"forgotPassword"},t("a",{onClick:()=>k.push(e.forgotPasswordPath)},this.forgotPasswordLabel)),googleButton:this.showGoogleLogin?t("sqm-google-sign-in",{onInitComplete:s.googleSubmit}):null,secondaryButton:t("slot",{name:"secondaryButton"},t("style",null,a),this.showGoogleLogin?t("span",null,this.registerCTA," ",t("sl-button",{size:"large",type:"text",disabled:e.loading,onClick:()=>k.push(e.registerPath),className:r.classes.RegisterButton},this.registerLabel)):t("sl-button",{type:"text",disabled:e.loading,onClick:()=>k.push(e.registerPath)},this.registerLabel)),emailLabel:this.emailLabel,passwordLabel:this.passwordLabel,submitLabel:this.submitLabel,pageLabel:this.pageLabel};return t(ie,{states:e,callbacks:s,content:o})}},at=class{constructor(t){e(this,t),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:e,callbacks:s,refs:r}=h()?T({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:(e,t)=>t}):function(e){var t,s,r,n,o,i,d,c,u;const h=l(null),{registrationFormState:m,setRegistrationFormState:p}=B({}),[v,{loading:g,errors:f}]=I();a((()=>{if(!h.current)return;const e=h.current;return e.addEventListener("sl-input",b),()=>{e.removeEventListener("sl-input",b)}}),[h.current]);const b=R((e=>{var t,s;if("tel"!==(null===(s=null===(t=e.target)||void 0===t?void 0:t.type)||void 0===s?void 0:s.toLowerCase()))return;const r=new z("US");e.target.value=r.input(e.target.value)}),[]);let y="";return y=(null===(t=null==f?void 0:f.response)||void 0===t?void 0:t.error)||(null==f?void 0:f.message)&&!(null===(s=null==f?void 0:f.response)||void 0===s?void 0:s.errors.length)?e.networkErrorMessage:(null===(i=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===i?void 0:i.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:e.confirmPassword,hideInputs:e.hideInputs,loginPath:e.loginPath,disablePasswordValidation:e.disablePasswordValidation},callbacks:{submit:async t=>{var s;let r=t.target.getFormControls(),a={},n={};if(null==r||r.forEach((t=>{if(!t.name)return;const s=t.name,r=t.value;if(_.set(a,s,r),t.required&&!r&&_.set(n,s,e.requiredFieldErrorMessage),"function"==typeof t.validationError){const e=(0,t.validationError)({control:t,key:s,value:r});e&&_.set(n,s,e)}})),(e.confirmPassword||a.confirmPassword)&&a.password!==a.confirmPassword&&(n={...n,confirmPassword:e.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:e.redirectPath};try{const t=await v(l);if(t instanceof Error)throw t;p({loading:!1,error:"",validationErrors:{}}),(null===(s=t.registerManagedIdentityWithEmailAndPassword)||void 0===s?void 0:s.token)&&k.push(e.nextPage)}catch(t){p({loading:!1,error:e.networkErrorMessage,validationErrors:{}})}},inputFunction:b},refs:{formRef:h}}}(this);var n;const o={formData:t("slot",{name:"formData"}),secondaryButton:t("slot",{name:"secondaryButton"},t("sl-button",{type:"text",disabled:e.loading,onClick:()=>k.push(e.loginPath)},this.loginLabel)),terms:t("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 t(le,{states:e,callbacks:s,content:o,refs:r})}};function nt(e,s){const r=L({Container:{color:e.textColor||"var(--sl-color-neutral-900)",background:e.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 t("div",{class:r.classes.Container,part:"sqm-base"},t("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 }"),t("div",{class:r.classes.Header},t("div",{class:r.classes.Header,part:"sqm-header"},e.header)),t("div",{class:r.classes.Grid,part:"sqm-grid-container"},s))}const ot=class{constructor(t){e(this,t),this.ignored=!0,r(this)}disconnectedCallback(){}render(){return t(nt,Object.assign({},N(this)),t("slot",null))}};function it(e){const s=L({Container:{display:"flex",flexDirection:"column",width:"100%",padding:"var(--sl-spacing-x-large)",lineHeight:"var(--sl-line-height-dense)",color:e.textColor||"var(--sl-color-neutral-900)",background:e.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 t("div",{class:s.classes.Container,part:"sqm-base"},t("style",{type:"text/css"},r),t("div",null,e.imageUrl?t("img",{class:s.classes.Media,src:e.imageUrl,part:"sqm-media"}):t("div",{class:s.classes.Media,part:"sqm-media"},t("sl-icon",{name:e.icon}))),t("div",{class:s.classes.Text},t("div",{class:s.classes.Header,part:"sqm-header"},e.header),t("div",{class:s.classes.Description,part:"sqm-description"},e.description)))}const lt=class{constructor(t){e(this,t),r(this)}disconnectedCallback(){}render(){return t(it,Object.assign({},N(this)))}},dt=d("sq:useProgramMenu"),ct=class{constructor(t){e(this,t),this.ignored=!0,r(this)}disconnectedCallback(){}render(){const{data:e,ref:r}=function(e){const t=g(),s=m();dt({programId:t,props:e});const r=l(),[,n]=w();return a((()=>{var e;null===(e=r.current)||void 0===e||e.addEventListener("sl-select",(e=>{s.dispatchEvent(new CustomEvent("sq:update-program-id",{detail:e.detail.item.value,bubbles:!0,composed:!0}))}))}),[r.current]),{data:{programId:t},callbacks:{rerender:n},ref:r}}(N(this));return t(s,{style:{display:"contents"}},t("sl-select",{style:{paddingBottom:"var(--sl-spacing-large)"},value:e.programId,ref:e=>r.current=e},t("slot",null)))}},ut=L({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"}}}),ht=ut.toString();function mt(e){return t("div",{part:"sqm-base",class:ut.classes.Container,style:{border:e.hideBorder?"none":"1px solid var(--sl-color-neutral-300)","padding-top":`var(--sl-spacing-${e.paddingTop})`,"padding-right":`var(--sl-spacing-${e.paddingRight})`,"padding-bottom":`var(--sl-spacing-${e.paddingBottom})`,"padding-left":`var(--sl-spacing-${e.paddingLeft})`,backgroundColor:e.backgroundColor,maxWidth:e.limitWidth?"600px":"none",margin:e.limitWidth?"auto":"none"}},t("style",{type:"text/css"},ht,"\n :host{\n display: block; \n }\n "),e.hasHeader&&t("div",{class:ut.classes.EndContainer},e.slots.header),t("div",{part:"sqm-column-container",class:ut.classes.ColumnContainer,style:{alignItems:e.verticalAlignment}},e.slots.left,e.slots.right),e.hasFooter&&t("div",{class:ut.classes.EndContainer},e.slots.footer))}const pt=class{constructor(t){e(this,t),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 e={left:t("slot",{name:"left"}),right:t("slot",{name:"right"}),header:t("slot",{name:"header"}),footer:t("slot",{name:"footer"})},s=V(),r=s.findIndex((e=>"header"===e.slot))>-1,a=s.findIndex((e=>"footer"===e.slot))>-1;return t(mt,Object.assign({},N(this),{slots:e,hasHeader:r,hasFooter:a}),t("slot",null))}},vt=p.gql`
138
138
  query getUser($programId: ID) {
139
139
  viewer {
140
140
  ... on User {
@@ -142,7 +142,7 @@ import{r as e,h as t,c as s}from"./p-f708da7b.js";import{n as r,f as a,k as n,i,
142
142
  }
143
143
  }
144
144
  }
145
- `,gt=class{constructor(t){e(this,t),this.ignored=!0,this.iframeHeight="100%",this.iframeWidth="100%",r(this)}disconnectedCallback(){}render(){const e=A([{attribute:"iframe-src",value:this.iframeSrc}]);if(e)return t(ke,{missingProps:e,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}=h()?(n=N(this),T({states:{content:{iframeSrc:"https://example.com",...n}},data:{shareCode:"SHARECODE123"}},n.demoData||{},{arrayMerge:(e,t)=>t})):function(e){var t;const s=g(),r=v(),{data:a}=b(vt,{programId:s},!(null==r?void 0:r.jwt)||!s);return{states:{content:e},data:{shareCode:null===(t=null==a?void 0:a.viewer)||void 0===t?void 0:t.referralCode}}}(N(this));var n;return t(s,{style:{display:"contents"}},t(de,{data:a,states:r}))}};var ft={};!function e(t,s,r,a){var n=!!(t.Worker&&t.Blob&&t.Promise&&t.OffscreenCanvas&&t.OffscreenCanvasRenderingContext2D&&t.HTMLCanvasElement&&t.HTMLCanvasElement.prototype.transferControlToOffscreen&&t.URL&&t.URL.createObjectURL);function i(){}function o(e){var r=s.exports.Promise,a=void 0!==r?r:t.Promise;return"function"==typeof a?new a(e):(e(i,i),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(e){var t=Math.random();return u[t]=requestAnimationFrame((function s(r){h===r||h+c-1<r?(h=r,delete u[t],e()):u[t]=requestAnimationFrame(s)})),t},d=function(e){u[e]&&cancelAnimationFrame(u[e])}):(l=function(e){return setTimeout(e,c)},d=function(e){return clearTimeout(e)}),{frame:l,cancel:d}),f=(v={},function(){if(m)return m;if(!r&&n){var t=["var CONFETTI, SIZE = {}, module = {};","("+e.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([t])))}catch(e){return void 0!==typeof console&&"function"==typeof console.warn&&console.warn("🎊 Could not load worker",e),null}!function(e){function t(t,s){e.postMessage({options:t||{},callback:s})}e.init=function(t){var s=t.transferControlToOffscreen();e.postMessage({canvas:s},[s])},e.fire=function(s,r,a){if(p)return t(s,null),p;var n=Math.random().toString(36).slice(2);return p=o((function(r){function i(t){t.data.callback===n&&(delete v[n],e.removeEventListener("message",i),p=null,a(),r())}e.addEventListener("message",i),t(s,n),v[n]=i.bind(null,{data:{callback:n}})}))},e.reset=function(){for(var t in e.postMessage({reset:!0}),v)v[t](),delete v[t]}}(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(e,t,s){return function(e,t){return t?t(e):e}(e&&null!=e[t]?e[t]:b[t],s)}function x(e){return e<0?0:Math.floor(e)}function w(e){return parseInt(e,16)}function k(e){return e.map(C)}function C(e){var t=String(e).replace(/[^0-9a-f]/gi,"");return t.length<6&&(t=t[0]+t[0]+t[1]+t[1]+t[2]+t[2]),{r:w(t.substring(0,2)),g:w(t.substring(2,4)),b:w(t.substring(4,6))}}function E(e){e.width=document.documentElement.clientWidth,e.height=document.documentElement.clientHeight}function S(e){var t=e.getBoundingClientRect();e.width=t.width,e.height=t.height}function I(e,s){var i,l=!e,d=!!y(s||{},"resize"),c=y(s,"disableForReducedMotion",Boolean),u=n&&y(s||{},"useWorker")?f():null,h=l?E:S,m=!(!e||!u||!e.__confetti_initialized),p="function"==typeof matchMedia&&matchMedia("(prefers-reduced-motion)").matches;function v(t,s,n){for(var l,d,c,u,m=y(t,"particleCount",x),p=y(t,"angle",Number),v=y(t,"spread",Number),f=y(t,"startVelocity",Number),b=y(t,"decay",Number),w=y(t,"gravity",Number),C=y(t,"drift",Number),E=y(t,"colors",k),S=y(t,"ticks",Number),I=y(t,"shapes"),R=y(t,"scalar"),M=function(e){var t=y(e,"origin",Object);return t.x=y(t,"x",Number),t.y=y(t,"y",Number),t}(t),q=m,_=[],T=e.width*M.x,N=e.height*M.y;q--;)_.push((void 0,void 0,d=(l={x:T,y:N,angle:p,spread:v,startVelocity:f,color:E[q%E.length],shape:I[(0,u=I.length,Math.floor(Math.random()*(u-0))+0)],ticks:S,decay:b,gravity:w,drift:C,scalar:R}).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 i?i.addFettis(_):(i=function(e,t,s,n,i){var l,d,c=t.slice(),u=e.getContext("2d"),h=o((function(t){function o(){l=d=null,u.clearRect(0,0,n.width,n.height),i(),t()}l=g.frame((function t(){!r||n.width===a.width&&n.height===a.height||(n.width=e.width=a.width,n.height=e.height=a.height),n.width||n.height||(s(e),n.width=e.width,n.height=e.height),u.clearRect(0,0,n.width,n.height),(c=c.filter((function(e){return function(e,t){t.x+=Math.cos(t.angle2D)*t.velocity+t.drift,t.y+=Math.sin(t.angle2D)*t.velocity+t.gravity,t.wobble+=.1,t.velocity*=t.decay,t.tiltAngle+=.1,t.tiltSin=Math.sin(t.tiltAngle),t.tiltCos=Math.cos(t.tiltAngle),t.random=Math.random()+5,t.wobbleX=t.x+10*t.scalar*Math.cos(t.wobble),t.wobbleY=t.y+10*t.scalar*Math.sin(t.wobble);var s=t.tick++/t.totalTicks,r=t.x+t.random*t.tiltCos,a=t.y+t.random*t.tiltSin,n=t.wobbleX+t.random*t.tiltCos,i=t.wobbleY+t.random*t.tiltSin;return e.fillStyle="rgba("+t.color.r+", "+t.color.g+", "+t.color.b+", "+(1-s)+")",e.beginPath(),"circle"===t.shape?e.ellipse?e.ellipse(t.x,t.y,Math.abs(n-r)*t.ovalScalar,Math.abs(i-a)*t.ovalScalar,Math.PI/10*t.wobble,0,2*Math.PI):function(e,t,s,r,a,n,i,o){e.save(),e.translate(t,s),e.rotate(n),e.scale(r,a),e.arc(0,0,1,0,o,void 0),e.restore()}(e,t.x,t.y,Math.abs(n-r)*t.ovalScalar,Math.abs(i-a)*t.ovalScalar,Math.PI/10*t.wobble,0,2*Math.PI):(e.moveTo(Math.floor(t.x),Math.floor(t.y)),e.lineTo(Math.floor(t.wobbleX),Math.floor(a)),e.lineTo(Math.floor(n),Math.floor(i)),e.lineTo(Math.floor(r),Math.floor(t.wobbleY))),e.closePath(),e.fill(),t.tick<t.totalTicks}(u,e)}))).length?l=g.frame(t):o()})),d=o}));return{addFettis:function(e){return c=c.concat(e),h},canvas:e,promise:h,reset:function(){l&&g.cancel(l),d&&d()}}}(e,_,h,s,n)).promise}function b(s){var r=c||y(s,"disableForReducedMotion",Boolean),a=y(s,"zIndex",Number);if(r&&p)return o((function(e){e()}));l&&i?e=i.canvas:l&&!e&&(e=function(e){var t=document.createElement("canvas");return t.style.position="fixed",t.style.top="0px",t.style.left="0px",t.style.pointerEvents="none",t.style.zIndex=e,t}(a),document.body.appendChild(e)),d&&!m&&h(e);var n={width:e.width,height:e.height};function g(){if(u){var t={getBoundingClientRect:function(){if(!l)return e.getBoundingClientRect()}};return h(t),void u.postMessage({resize:{width:t.width,height:t.height}})}n.width=n.height=null}function f(){i=null,d&&t.removeEventListener("resize",g),l&&e&&(document.body.removeChild(e),e=null,m=!1)}return u&&!m&&u.init(e),m=!0,u&&(e.__confetti_initialized=!0),d&&t.addEventListener("resize",g,!1),u?u.fire(s,n,f):v(s,n,f)}return b.reset=function(){u&&u.reset(),i&&i.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||{}}(),ft,!1);const bt=ft.exports,yt=p.gql`
145
+ `,gt=class{constructor(t){e(this,t),this.ignored=!0,this.iframeHeight="100%",this.iframeWidth="100%",r(this)}disconnectedCallback(){}render(){const e=A([{attribute:"iframe-src",value:this.iframeSrc}]);if(e)return t(ke,{missingProps:e,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}=h()?(n=N(this),T({states:{content:{iframeSrc:"https://example.com",...n}},data:{shareCode:"SHARECODE123"}},n.demoData||{},{arrayMerge:(e,t)=>t})):function(e){var t;const s=g(),r=v(),{data:a}=b(vt,{programId:s},!(null==r?void 0:r.jwt)||!s);return{states:{content:e},data:{shareCode:null===(t=null==a?void 0:a.viewer)||void 0===t?void 0:t.referralCode}}}(N(this));var n;return t(s,{style:{display:"contents"}},t(de,{data:a,states:r}))}};var ft={};!function e(t,s,r,a){var n=!!(t.Worker&&t.Blob&&t.Promise&&t.OffscreenCanvas&&t.OffscreenCanvasRenderingContext2D&&t.HTMLCanvasElement&&t.HTMLCanvasElement.prototype.transferControlToOffscreen&&t.URL&&t.URL.createObjectURL);function o(){}function i(e){var r=s.exports.Promise,a=void 0!==r?r:t.Promise;return"function"==typeof a?new a(e):(e(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(e){var t=Math.random();return u[t]=requestAnimationFrame((function s(r){h===r||h+c-1<r?(h=r,delete u[t],e()):u[t]=requestAnimationFrame(s)})),t},d=function(e){u[e]&&cancelAnimationFrame(u[e])}):(l=function(e){return setTimeout(e,c)},d=function(e){return clearTimeout(e)}),{frame:l,cancel:d}),f=(v={},function(){if(m)return m;if(!r&&n){var t=["var CONFETTI, SIZE = {}, module = {};","("+e.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([t])))}catch(e){return void 0!==typeof console&&"function"==typeof console.warn&&console.warn("🎊 Could not load worker",e),null}!function(e){function t(t,s){e.postMessage({options:t||{},callback:s})}e.init=function(t){var s=t.transferControlToOffscreen();e.postMessage({canvas:s},[s])},e.fire=function(s,r,a){if(p)return t(s,null),p;var n=Math.random().toString(36).slice(2);return p=i((function(r){function o(t){t.data.callback===n&&(delete v[n],e.removeEventListener("message",o),p=null,a(),r())}e.addEventListener("message",o),t(s,n),v[n]=o.bind(null,{data:{callback:n}})}))},e.reset=function(){for(var t in e.postMessage({reset:!0}),v)v[t](),delete v[t]}}(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(e,t,s){return function(e,t){return t?t(e):e}(e&&null!=e[t]?e[t]:b[t],s)}function x(e){return e<0?0:Math.floor(e)}function w(e){return parseInt(e,16)}function k(e){return e.map(C)}function C(e){var t=String(e).replace(/[^0-9a-f]/gi,"");return t.length<6&&(t=t[0]+t[0]+t[1]+t[1]+t[2]+t[2]),{r:w(t.substring(0,2)),g:w(t.substring(2,4)),b:w(t.substring(4,6))}}function E(e){e.width=document.documentElement.clientWidth,e.height=document.documentElement.clientHeight}function S(e){var t=e.getBoundingClientRect();e.width=t.width,e.height=t.height}function I(e,s){var o,l=!e,d=!!y(s||{},"resize"),c=y(s,"disableForReducedMotion",Boolean),u=n&&y(s||{},"useWorker")?f():null,h=l?E:S,m=!(!e||!u||!e.__confetti_initialized),p="function"==typeof matchMedia&&matchMedia("(prefers-reduced-motion)").matches;function v(t,s,n){for(var l,d,c,u,m=y(t,"particleCount",x),p=y(t,"angle",Number),v=y(t,"spread",Number),f=y(t,"startVelocity",Number),b=y(t,"decay",Number),w=y(t,"gravity",Number),C=y(t,"drift",Number),E=y(t,"colors",k),S=y(t,"ticks",Number),I=y(t,"shapes"),R=y(t,"scalar"),M=function(e){var t=y(e,"origin",Object);return t.x=y(t,"x",Number),t.y=y(t,"y",Number),t}(t),q=m,_=[],T=e.width*M.x,N=e.height*M.y;q--;)_.push((void 0,void 0,d=(l={x:T,y:N,angle:p,spread:v,startVelocity:f,color:E[q%E.length],shape:I[(0,u=I.length,Math.floor(Math.random()*(u-0))+0)],ticks:S,decay:b,gravity:w,drift:C,scalar:R}).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(_):(o=function(e,t,s,n,o){var l,d,c=t.slice(),u=e.getContext("2d"),h=i((function(t){function i(){l=d=null,u.clearRect(0,0,n.width,n.height),o(),t()}l=g.frame((function t(){!r||n.width===a.width&&n.height===a.height||(n.width=e.width=a.width,n.height=e.height=a.height),n.width||n.height||(s(e),n.width=e.width,n.height=e.height),u.clearRect(0,0,n.width,n.height),(c=c.filter((function(e){return function(e,t){t.x+=Math.cos(t.angle2D)*t.velocity+t.drift,t.y+=Math.sin(t.angle2D)*t.velocity+t.gravity,t.wobble+=.1,t.velocity*=t.decay,t.tiltAngle+=.1,t.tiltSin=Math.sin(t.tiltAngle),t.tiltCos=Math.cos(t.tiltAngle),t.random=Math.random()+5,t.wobbleX=t.x+10*t.scalar*Math.cos(t.wobble),t.wobbleY=t.y+10*t.scalar*Math.sin(t.wobble);var s=t.tick++/t.totalTicks,r=t.x+t.random*t.tiltCos,a=t.y+t.random*t.tiltSin,n=t.wobbleX+t.random*t.tiltCos,o=t.wobbleY+t.random*t.tiltSin;return e.fillStyle="rgba("+t.color.r+", "+t.color.g+", "+t.color.b+", "+(1-s)+")",e.beginPath(),"circle"===t.shape?e.ellipse?e.ellipse(t.x,t.y,Math.abs(n-r)*t.ovalScalar,Math.abs(o-a)*t.ovalScalar,Math.PI/10*t.wobble,0,2*Math.PI):function(e,t,s,r,a,n,o,i){e.save(),e.translate(t,s),e.rotate(n),e.scale(r,a),e.arc(0,0,1,0,i,void 0),e.restore()}(e,t.x,t.y,Math.abs(n-r)*t.ovalScalar,Math.abs(o-a)*t.ovalScalar,Math.PI/10*t.wobble,0,2*Math.PI):(e.moveTo(Math.floor(t.x),Math.floor(t.y)),e.lineTo(Math.floor(t.wobbleX),Math.floor(a)),e.lineTo(Math.floor(n),Math.floor(o)),e.lineTo(Math.floor(r),Math.floor(t.wobbleY))),e.closePath(),e.fill(),t.tick<t.totalTicks}(u,e)}))).length?l=g.frame(t):i()})),d=i}));return{addFettis:function(e){return c=c.concat(e),h},canvas:e,promise:h,reset:function(){l&&g.cancel(l),d&&d()}}}(e,_,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(e){e()}));l&&o?e=o.canvas:l&&!e&&(e=function(e){var t=document.createElement("canvas");return t.style.position="fixed",t.style.top="0px",t.style.left="0px",t.style.pointerEvents="none",t.style.zIndex=e,t}(a),document.body.appendChild(e)),d&&!m&&h(e);var n={width:e.width,height:e.height};function g(){if(u){var t={getBoundingClientRect:function(){if(!l)return e.getBoundingClientRect()}};return h(t),void u.postMessage({resize:{width:t.width,height:t.height}})}n.width=n.height=null}function f(){o=null,d&&t.removeEventListener("resize",g),l&&e&&(document.body.removeChild(e),e=null,m=!1)}return u&&!m&&u.init(e),m=!0,u&&(e.__confetti_initialized=!0),d&&t.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||{}}(),ft,!1);const bt=ft.exports,yt=p.gql`
146
146
  query getExchangeList {
147
147
  viewer {
148
148
  ... on User {
@@ -193,7 +193,7 @@ import{r as e,h as t,c as s}from"./p-f708da7b.js";import{n as r,f as a,k as n,i,
193
193
  }
194
194
  }
195
195
  }
196
- `,wt=class{constructor(t){e(this,t),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 e={...N(this),empty:t(kt,null)},{states:r,data:i,callbacks:o,refs:d}=h()?function(e){return T({states:{content:{text:e},redeemStage:"chooseReward",amount:0,selectedStep:void 0,selectedItem:void 0,open:!1,exchangeError:!1,queryError:!1,loading:!1,noExchangeOptions:!1,empty:kt()},data:{shareCode:"SHARECODE123",exchangeList:ce.data.exchangeList},callbacks:{exchangeReward:()=>{},setExchangeState:()=>{},setStage:()=>{},resetState:()=>{},copyFuelTankCode:()=>{}},refs:{canvasRef:{}}},e.demoData||{},{arrayMerge:(e,t)=>t})}(e):function(e){var t,s,r,i,o;const[d,u]=c(((e,t)=>({...e,...t})),{selectedItem:void 0,selectedStep:void 0,redeemStage:"chooseReward",amount:0,exchangeError:!1}),[h,m]=n(!1),{selectedItem:p,selectedStep:g,redeemStage:y,amount:x,exchangeError:w}=d,k=v(),[C,{data:E,loading:S,errors:I}]=f(xt),{data:R,loading:q,refetch:_,errors:T}=b(yt,{},!(null==k?void 0:k.jwt));a((()=>{var e,t;(null===(t=null===(e=null==E?void 0:E.exchangeReward)||void 0===e?void 0:e.reward)||void 0===t?void 0:t.id)&&u({redeemStage:"success",exchangeError:!1}),I&&u({exchangeError:!0})}),[E,I]);const N=l();a((()=>{if(!N.current)return;const e=N.current;e.confetti=e.confetti||bt.create(e,{resize:!0}),e.confetti()}),[N.current]);const{refresh:A}=M();return{states:{content:{text:e},selectedItem:p,redeemStage:y,amount:x,selectedStep:g,exchangeError:w,queryError:!!T,loading:q||S,open:h,noExchangeOptions:0===(null===(t=null==R?void 0:R.viewer)||void 0===t?void 0:t.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===(o=null===(i=null==E?void 0:E.exchangeReward)||void 0===i?void 0:i.reward)||void 0===o?void 0:o.fuelTankCode},callbacks:{exchangeReward:async function(){if(!p)return;let e={accountId:null==k?void 0:k.accountId,userId:k.id};switch(p.ruleType){case"FIXED_GLOBAL_REWARD":e={...e,redeemCreditInput:{amount:p.sourceValue,unit:p.sourceUnit},globalRewardKey:p.globalRewardKey};break;case"STEPPED_FIXED_GLOBAL_REWARD":e={...e,redeemCreditInput:{amount:g.sourceValue,unit:p.sourceUnit},globalRewardKey:g.globalRewardKey};break;case"VARIABLE_GLOBAL_REWARD":e={...e,redeemCreditInput:{amount:x,unit:p.sourceUnit},globalRewardKey:p.globalRewardKey,rewardInput:g.rewardInput};break;case"VARIABLE_CREDIT_REWARD":e={...e,redeemCreditInput:{amount:x,unit:p.sourceUnit},rewardInput:{type:"CREDIT",unit:p.destinationUnit,assignedCredit:g.destinationValue}};break;default:e={...e,...g.rewardInput}}await C({exchangeRewardInput:e}),A()},setExchangeState:u,setStage:function(e){u({redeemStage:e})},resetState:e=>{e&&_(),u({amount:0,selectedStep:void 0,selectedItem:void 0,exchangeError:!1,redeemStage:"chooseReward"})},copyFuelTankCode:function(){var e,t;navigator.clipboard.writeText(null===(t=null===(e=null==E?void 0:E.exchangeReward)||void 0===e?void 0:e.reward)||void 0===t?void 0:t.fuelTankCode),m(!0),setTimeout((()=>m(!1)),1e3)}},refs:{canvasRef:N}}}(e);return t(s,{style:{display:"contents"}},t(ue,{states:r,data:i,callbacks:o,refs:d}))}static get assetsDirs(){return["assets"]}};function kt(){return t("slot",{name:"empty"},t("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 Ct=d("sq:useRouter");function Et(e,t){if(e)return F(e).exec(t)}const St=class{constructor(t){e(this,t),this.ignored=!0,r(this)}disconnectedCallback(){}render(){const{callbacks:e}=function(){const e=q(),t=m(),[s,r]=n(void 0),[i,o]=n(void 0),l=e.pathname;return a((()=>{const e=t.querySelectorAll("sqm-route");Array.from(e).forEach((e=>{const t=document.createElement("template");t.setAttribute("path",e.path),t.innerHTML=e.innerHTML,e.parentNode.appendChild(t),e.parentNode.removeChild(e)}))}),[]),a((()=>{var e,t;if(!i||!s)return void Ct("DOM not ready for navigation rendering on:",l);const r=s.querySelectorAll("template"),a=Array.from(r).find((e=>{var t,s,r;if(null===(r=Et(null===(s=null===(t=e.attributes)||void 0===t?void 0:t.path)||void 0===s?void 0:s.nodeValue,l))||void 0===r?void 0:r.length)return e})),n=null===(t=null===(e=null==a?void 0:a.attributes)||void 0===e?void 0:e.path)||void 0===t?void 0:t.nodeValue;if(Ct({containerDatasetPage:i.dataset.page,templatePath:n,page:l}),!a)return Ct("No matching page found for ",l,", so render nothing"),i.innerHTML="",void(i.dataset.page=l);Ct("Page updated to ",l,a),Et(n,i.dataset.page)?Ct("don't rerender"):a&&(i.innerHTML=a.innerHTML,i.dataset.page=l)}),[s,i,l]),{callbacks:{setSlot:r,setContainer:o}}}();return t(s,null,t("div",{ref:e.setSlot,style:{display:"none"}},t("slot",null)),t("div",{style:{display:"contents"},ref:e.setContainer}))}};St.style="sqm-router{display:contents}";const It=class{constructor(t){e(this,t),this.ignored=!0,this.buttonType="default",this.scrollAnimation="smooth",r(this)}disconnectedCallback(){}render(){var e;const{callbacks:s}=function(e){const{scrollTagName:t,scrollId:s}=e;return{callbacks:{scroll:async function(){const r=null===document||void 0===document?void 0:document.querySelector(t||`#${s}`);r.dispatchEvent(new CustomEvent("sq:reveal",{detail:t||`#${s}`,bubbles:!0,composed:!0})),await new Promise((e=>setTimeout(e,500))),r.scrollIntoView({behavior:e.scrollAnimation})}}}}(this),r=null!==(e=this.buttonType)&&void 0!==e?e:"primary",a=L({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 i="";return this.outline&&"default"!=this.buttonType&&(i+="outline "),"neutral"===this.buttonType&&(i+="neutral "),this.mobile&&(i+="mobile "),t("div",{class:a.classes.Button},t("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),t("sl-button",{type:this.buttonType,onClick:s.scroll,size:this.size,pill:this.pill,circle:this.circle,class:i},(this.iconSlot||this.iconName)&&t("sl-icon",{slot:this.iconSlot||"prefix",name:this.iconName}),this.buttonText,t("slot",null)))}},Rt=class{constructor(t){e(this,t),this.type="default",this.iconslot="prefix",this.hideicon=!1,this.hidetext=!1,this.undefinedLinkText="Error: message link undefined!",this.unsupportedPlatformText="Error: not on a supported device",r(this)}disconnectedCallback(){}render(){const e=N(this),s=h()?function(e){return T({...e,loading:!1,hide:!1,onClick:()=>{}},e.demoData||{},{arrayMerge:(e,t)=>t})}(e):he(e);return t(me,Object.assign({},s),t("slot",null))}};Rt.style=":host{display:block}:host([hidden]){display:none}sl-button{display:block}";const Mt=p.gql`
196
+ `,wt=class{constructor(t){e(this,t),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 e={...N(this),empty:t(kt,null)},{states:r,data:o,callbacks:i,refs:d}=h()?function(e){return T({states:{content:{text:e},redeemStage:"chooseReward",amount:0,selectedStep:void 0,selectedItem:void 0,open:!1,exchangeError:!1,queryError:!1,loading:!1,noExchangeOptions:!1,empty:kt()},data:{shareCode:"SHARECODE123",exchangeList:ce.data.exchangeList},callbacks:{exchangeReward:()=>{},setExchangeState:()=>{},setStage:()=>{},resetState:()=>{},copyFuelTankCode:()=>{}},refs:{canvasRef:{}}},e.demoData||{},{arrayMerge:(e,t)=>t})}(e):function(e){var t,s,r,o,i;const[d,u]=c(((e,t)=>({...e,...t})),{selectedItem:void 0,selectedStep:void 0,redeemStage:"chooseReward",amount:0,exchangeError:!1}),[h,m]=n(!1),{selectedItem:p,selectedStep:g,redeemStage:y,amount:x,exchangeError:w}=d,k=v(),[C,{data:E,loading:S,errors:I}]=f(xt),{data:R,loading:q,refetch:_,errors:T}=b(yt,{},!(null==k?void 0:k.jwt));a((()=>{var e,t;(null===(t=null===(e=null==E?void 0:E.exchangeReward)||void 0===e?void 0:e.reward)||void 0===t?void 0:t.id)&&u({redeemStage:"success",exchangeError:!1}),I&&u({exchangeError:!0})}),[E,I]);const N=l();a((()=>{if(!N.current)return;const e=N.current;e.confetti=e.confetti||bt.create(e,{resize:!0}),e.confetti()}),[N.current]);const{refresh:A}=M();return{states:{content:{text:e},selectedItem:p,redeemStage:y,amount:x,selectedStep:g,exchangeError:w,queryError:!!T,loading:q||S,open:h,noExchangeOptions:0===(null===(t=null==R?void 0:R.viewer)||void 0===t?void 0:t.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===(i=null===(o=null==E?void 0:E.exchangeReward)||void 0===o?void 0:o.reward)||void 0===i?void 0:i.fuelTankCode},callbacks:{exchangeReward:async function(){if(!p)return;let e={accountId:null==k?void 0:k.accountId,userId:k.id};switch(p.ruleType){case"FIXED_GLOBAL_REWARD":e={...e,redeemCreditInput:{amount:p.sourceValue,unit:p.sourceUnit},globalRewardKey:p.globalRewardKey};break;case"STEPPED_FIXED_GLOBAL_REWARD":e={...e,redeemCreditInput:{amount:g.sourceValue,unit:p.sourceUnit},globalRewardKey:g.globalRewardKey};break;case"VARIABLE_GLOBAL_REWARD":e={...e,redeemCreditInput:{amount:x,unit:p.sourceUnit},globalRewardKey:p.globalRewardKey,rewardInput:g.rewardInput};break;case"VARIABLE_CREDIT_REWARD":e={...e,redeemCreditInput:{amount:x,unit:p.sourceUnit},rewardInput:{type:"CREDIT",unit:p.destinationUnit,assignedCredit:g.destinationValue}};break;default:e={...e,...g.rewardInput}}await C({exchangeRewardInput:e}),A()},setExchangeState:u,setStage:function(e){u({redeemStage:e})},resetState:e=>{e&&_(),u({amount:0,selectedStep:void 0,selectedItem:void 0,exchangeError:!1,redeemStage:"chooseReward"})},copyFuelTankCode:function(){var e,t;navigator.clipboard.writeText(null===(t=null===(e=null==E?void 0:E.exchangeReward)||void 0===e?void 0:e.reward)||void 0===t?void 0:t.fuelTankCode),m(!0),setTimeout((()=>m(!1)),1e3)}},refs:{canvasRef:N}}}(e);return t(s,{style:{display:"contents"}},t(ue,{states:r,data:o,callbacks:i,refs:d}))}static get assetsDirs(){return["assets"]}};function kt(){return t("slot",{name:"empty"},t("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 Ct=d("sq:useRouter");function Et(e,t){if(e)return F(e).exec(t)}const St=class{constructor(t){e(this,t),this.ignored=!0,r(this)}disconnectedCallback(){}render(){const{callbacks:e}=function(){const e=q(),t=m(),[s,r]=n(void 0),[o,i]=n(void 0),l=e.pathname;return a((()=>{const e=t.querySelectorAll("sqm-route");Array.from(e).forEach((e=>{const t=document.createElement("template");t.setAttribute("path",e.path),t.innerHTML=e.innerHTML,e.parentNode.appendChild(t),e.parentNode.removeChild(e)}))}),[]),a((()=>{var e,t;if(!o||!s)return void Ct("DOM not ready for navigation rendering on:",l);const r=s.querySelectorAll("template"),a=Array.from(r).find((e=>{var t,s,r;if(null===(r=Et(null===(s=null===(t=e.attributes)||void 0===t?void 0:t.path)||void 0===s?void 0:s.nodeValue,l))||void 0===r?void 0:r.length)return e})),n=null===(t=null===(e=null==a?void 0:a.attributes)||void 0===e?void 0:e.path)||void 0===t?void 0:t.nodeValue;if(Ct({containerDatasetPage:o.dataset.page,templatePath:n,page:l}),!a)return Ct("No matching page found for ",l,", so render nothing"),o.innerHTML="",void(o.dataset.page=l);Ct("Page updated to ",l,a),Et(n,o.dataset.page)?Ct("don't rerender"):a&&(o.innerHTML=a.innerHTML,o.dataset.page=l)}),[s,o,l]),{callbacks:{setSlot:r,setContainer:i}}}();return t(s,null,t("div",{ref:e.setSlot,style:{display:"none"}},t("slot",null)),t("div",{style:{display:"contents"},ref:e.setContainer}))}};St.style="sqm-router{display:contents}";const It=class{constructor(t){e(this,t),this.ignored=!0,this.buttonType="default",this.scrollAnimation="smooth",r(this)}disconnectedCallback(){}render(){var e;const{callbacks:s}=function(e){const{scrollTagName:t,scrollId:s}=e;return{callbacks:{scroll:async function(){const r=null===document||void 0===document?void 0:document.querySelector(t||`#${s}`);r.dispatchEvent(new CustomEvent("sq:reveal",{detail:t||`#${s}`,bubbles:!0,composed:!0})),await new Promise((e=>setTimeout(e,500))),r.scrollIntoView({behavior:e.scrollAnimation})}}}}(this),r=null!==(e=this.buttonType)&&void 0!==e?e:"primary",a=L({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 "),t("div",{class:a.classes.Button},t("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),t("sl-button",{type:this.buttonType,onClick:s.scroll,size:this.size,pill:this.pill,circle:this.circle,class:o},(this.iconSlot||this.iconName)&&t("sl-icon",{slot:this.iconSlot||"prefix",name:this.iconName}),this.buttonText,t("slot",null)))}},Rt=class{constructor(t){e(this,t),this.type="default",this.iconslot="prefix",this.hideicon=!1,this.hidetext=!1,this.undefinedLinkText="Error: message link undefined!",this.unsupportedPlatformText="Error: not on a supported device",r(this)}disconnectedCallback(){}render(){const e=N(this),s=h()?function(e){return T({...e,loading:!1,hide:!1,onClick:()=>{}},e.demoData||{},{arrayMerge:(e,t)=>t})}(e):he(e);return t(me,Object.assign({},s),t("slot",null))}};Rt.style=":host{display:block}:host([hidden]){display:none}sl-button{display:block}";const Mt=p.gql`
197
197
  query ($programId: ID) {
198
198
  user: viewer {
199
199
  ... on User {
@@ -205,13 +205,13 @@ import{r as e,h as t,c as s}from"./p-f708da7b.js";import{n as r,f as a,k as n,i,
205
205
  mutation loadEvent($eventMeta: UserAnalyticsEvent!) {
206
206
  createUserAnalyticsEvent(eventMeta: $eventMeta)
207
207
  }
208
- `,_t=class{constructor(t){e(this,t),this.tooltiptext="Copied to Clipboard",this.tooltiplifespan=1e3,this.textAlign="left",this.copyButtonLabel="Copy Code",this.buttonStyle="icon",r(this)}disconnectedCallback(){}render(){const e=N(this),s=h()?function(e){const[t,s]=n(!1),r="SHARECODE001";return T({copyString:r,tooltiptext:e.tooltiptext,textAlign:e.textAlign,copyButtonLabel:e.copyButtonLabel,buttonStyle:e.buttonStyle,rewardStatus:"AVAILABLE",open:t,onClick:()=>{navigator.clipboard.writeText(r),s(!0),setTimeout((()=>s(!1)),e.tooltiplifespan)}},e.demoData||{},{arrayMerge:(e,t)=>t})}(e):function(e){var t,s;const{programId:r=g()}=e,a=v(),i=y(),{data:o}=b(Mt,{programId:r},!(null==a?void 0:a.jwt)),[l]=f(qt),d=null!==(s=null===(t=null==o?void 0:o.user)||void 0===t?void 0:t.referralCode)&&void 0!==s?s:"...",[c,u]=n(!1);return{...e,onClick:function(){navigator.clipboard.writeText(d),u(!0),setTimeout((()=>u(!1)),e.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:i,shareMedium:"DIRECT"}}})},open:c,copyString:d}}(e);return t(D,Object.assign({},s))}},Tt=class{constructor(t){e(this,t),this.tooltiptext="Copied to Clipboard",this.tooltiplifespan=1e3,this.textAlign="left",this.copyButtonLabel="Copy Link",this.buttonStyle="icon",r(this)}disconnectedCallback(){}render(){const e=N(this),s=h()?function(e){const[t,s]=n(!1),r="https://www.example.com/sharelink/abc";return T({copyString:r,tooltiptext:e.tooltiptext,textAlign:e.textAlign,buttonStyle:e.buttonStyle,copyButtonLabel:e.copyButtonLabel,rewardStatus:"AVAILABLE",open:t,onClick:()=>{navigator.clipboard.writeText(r),s(!0),setTimeout((()=>s(!1)),e.tooltiplifespan)}},e.demoData||{},{arrayMerge:(e,t)=>t})}(e):pe(e);return t(D,Object.assign({},s))}},Nt=class{constructor(t){e(this,t),this.ignored=!0,this.space="xxx-large",this.display="grid",r(this)}disconnectedCallback(){}render(){return t(ve,Object.assign({},N(this)),t("slot",null))}},At=p.gql`
208
+ `,_t=class{constructor(t){e(this,t),this.tooltiptext="Copied to Clipboard",this.tooltiplifespan=1e3,this.textAlign="left",this.copyButtonLabel="Copy Code",this.buttonStyle="icon",r(this)}disconnectedCallback(){}render(){const e=N(this),s=h()?function(e){const[t,s]=n(!1),r="SHARECODE001";return T({copyString:r,tooltiptext:e.tooltiptext,textAlign:e.textAlign,copyButtonLabel:e.copyButtonLabel,buttonStyle:e.buttonStyle,rewardStatus:"AVAILABLE",open:t,onClick:()=>{navigator.clipboard.writeText(r),s(!0),setTimeout((()=>s(!1)),e.tooltiplifespan)}},e.demoData||{},{arrayMerge:(e,t)=>t})}(e):function(e){var t,s;const{programId:r=g()}=e,a=v(),o=y(),{data:i}=b(Mt,{programId:r},!(null==a?void 0:a.jwt)),[l]=f(qt),d=null!==(s=null===(t=null==i?void 0:i.user)||void 0===t?void 0:t.referralCode)&&void 0!==s?s:"...",[c,u]=n(!1);return{...e,onClick:function(){navigator.clipboard.writeText(d),u(!0),setTimeout((()=>u(!1)),e.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}}(e);return t(D,Object.assign({},s))}},Tt=class{constructor(t){e(this,t),this.tooltiptext="Copied to Clipboard",this.tooltiplifespan=1e3,this.textAlign="left",this.copyButtonLabel="Copy Link",this.buttonStyle="icon",r(this)}disconnectedCallback(){}render(){const e=N(this),s=h()?function(e){const[t,s]=n(!1),r="https://www.example.com/sharelink/abc";return T({copyString:r,tooltiptext:e.tooltiptext,textAlign:e.textAlign,buttonStyle:e.buttonStyle,copyButtonLabel:e.copyButtonLabel,rewardStatus:"AVAILABLE",open:t,onClick:()=>{navigator.clipboard.writeText(r),s(!0),setTimeout((()=>s(!1)),e.tooltiplifespan)}},e.demoData||{},{arrayMerge:(e,t)=>t})}(e):pe(e);return t(D,Object.assign({},s))}},Nt=class{constructor(t){e(this,t),this.ignored=!0,this.space="xxx-large",this.display="grid",r(this)}disconnectedCallback(){}render(){return t(ve,Object.assign({},N(this)),t("slot",null))}},At=p.gql`
209
209
  mutation taskCardEvent($userEventInput: UserEventInput!) {
210
210
  logUserEvent(userEventInput: $userEventInput) {
211
211
  userId
212
212
  }
213
213
  }
214
- `,Pt=class{constructor(t){e(this,t),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:e}=h()?O(this):H({...N(this),programId:this.programId}),{value:s,loading:r}=e,{states:n,callbacks:i}=h()?function(e){return T({states:{loadingEvent:!1,locale:"en"},callbacks:{sendEvent:e=>console.log(e),onClick:()=>console.log("clicked")}},e.demoData||{},{arrayMerge:(e,t)=>t})}(this):function(e){const t=v(),s=x(),[r,{data:n,loading:i}]=f(At),{refresh:o}=M();function l(){e.openNewTab?window.open(e.buttonLink):window.open(e.buttonLink,"_parent")}function d(e){r({userEventInput:{userId:null==t?void 0:t.id,accountId:null==t?void 0:t.accountId,events:[{key:e,fields:{}}]}})}return a((()=>{n&&(o(),l())}),[n]),{states:{loadingEvent:i,locale:s},callbacks:{sendEvent:d,onClick:function(){e.eventKey?d(e.eventKey):l()}}}}(this);return t(ge,{callbacks:i,states:{loading:r,loadingEvent:n.loadingEvent,progress:s,locale:n.locale},content:{...N(this)}})}},Lt=class{constructor(t){e(this,t),this.ignored=!0,this.icon="gift",r(this)}disconnectedCallback(){}render(){return V().forEach((e=>{try{e.setIcon(this.icon)}catch{}})),t("div",null,t("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"),t("slot",null))}},Dt=()=>t("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("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"}),t("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"}),t("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M2.25 13.5V15H21.75V13.5H2.25Z",fill:"#BE9720"}),t("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"})),$t=()=>t("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("circle",{cx:"12",cy:"12",r:"9",fill:"currentColor",stroke:"currentColor","stroke-width":"2"})),Vt=L({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)"}}}),Ft=Vt.toString();function jt(e){var s;const r=null!==(s=e.icon)&&void 0!==s?s:e.iconState;return t("div",{class:Vt.classes.TimelineReward,part:"sqm-base"},t("style",{type:"text/css"},Ft,"\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"),t("div",{class:"container",part:"sqm-entry-container"},t("div",{class:"line"},"/"),t("div",{class:"step"},"gift"===r&&t("div",{class:"icon"},t(Dt,null)),"circle"===r&&t("div",{class:"icon"},t($t,null)),t("div",null,t("div",null,t("span",{class:"reward",part:"sqm-reward"},e.reward),t("span",{class:"unit",part:"sqm-unit"},e.unit)),t("div",{class:"description",part:"sqm-description"},e.desc)))))}const Bt=class{constructor(t){e(this,t),this.ignored=!0,this.iconState="gift",r(this)}async setIcon(e){this.iconState=e}disconnectedCallback(){}render(){return $([this.reward]),t(jt,Object.assign({},N(this)))}};function zt(e){return t(s,null,e.loading?e.loadingText:e.username)}const Ut=p.gql`
214
+ `,Pt=class{constructor(t){e(this,t),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:e}=h()?O(this):H({...N(this),programId:this.programId}),{value:s,loading:r}=e,{states:n,callbacks:o}=h()?function(e){return T({states:{loadingEvent:!1,locale:"en"},callbacks:{sendEvent:e=>console.log(e),onClick:()=>console.log("clicked")}},e.demoData||{},{arrayMerge:(e,t)=>t})}(this):function(e){const t=v(),s=x(),[r,{data:n,loading:o}]=f(At),{refresh:i}=M();function l(){e.openNewTab?window.open(e.buttonLink):window.open(e.buttonLink,"_parent")}function d(e){r({userEventInput:{userId:null==t?void 0:t.id,accountId:null==t?void 0:t.accountId,events:[{key:e,fields:{}}]}})}return a((()=>{n&&(i(),l())}),[n]),{states:{loadingEvent:o,locale:s},callbacks:{sendEvent:d,onClick:function(){e.eventKey?d(e.eventKey):l()}}}}(this);return t(ge,{callbacks:o,states:{loading:r,loadingEvent:n.loadingEvent,progress:s,locale:n.locale},content:{...N(this)}})}},Lt=class{constructor(t){e(this,t),this.ignored=!0,this.icon="gift",r(this)}disconnectedCallback(){}render(){return V().forEach((e=>{try{e.setIcon(this.icon)}catch{}})),t("div",null,t("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"),t("slot",null))}},Dt=()=>t("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("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"}),t("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"}),t("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M2.25 13.5V15H21.75V13.5H2.25Z",fill:"#BE9720"}),t("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"})),$t=()=>t("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("circle",{cx:"12",cy:"12",r:"9",fill:"currentColor",stroke:"currentColor","stroke-width":"2"})),Vt=L({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)"}}}),Ft=Vt.toString();function jt(e){var s;const r=null!==(s=e.icon)&&void 0!==s?s:e.iconState;return t("div",{class:Vt.classes.TimelineReward,part:"sqm-base"},t("style",{type:"text/css"},Ft,"\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"),t("div",{class:"container",part:"sqm-entry-container"},t("div",{class:"line"},"/"),t("div",{class:"step"},"gift"===r&&t("div",{class:"icon"},t(Dt,null)),"circle"===r&&t("div",{class:"icon"},t($t,null)),t("div",null,t("div",null,t("span",{class:"reward",part:"sqm-reward"},e.reward),t("span",{class:"unit",part:"sqm-unit"},e.unit)),t("div",{class:"description",part:"sqm-description"},e.desc)))))}const Bt=class{constructor(t){e(this,t),this.ignored=!0,this.iconState="gift",r(this)}async setIcon(e){this.iconState=e}disconnectedCallback(){}render(){return $([this.reward]),t(jt,Object.assign({},N(this)))}};function zt(e){return t(s,null,e.loading?e.loadingText:e.username)}const Ut=p.gql`
215
215
  query getUserName {
216
216
  viewer {
217
217
  ... on User {
@@ -220,4 +220,4 @@ import{r as e,h as t,c as s}from"./p-f708da7b.js";import{n as r,f as a,k as n,i,
220
220
  }
221
221
  }
222
222
  }
223
- `,Ot=class{constructor(t){e(this,t),this.ignored=!0,this.fallback="Anonymous User",this.loadingText="...",r(this)}disconnectedCallback(){}render(){const e=h()?function(e){return T({loading:!1,loadingText:"...",username:"John Smith"},e.demoData||{},{arrayMerge:(e,t)=>t})}(this):function(e){var t,s,r,a,n,i,o,l;const d=v(),c=b(Ut,{},!(null==d?void 0:d.jwt)),u=(null===(s=null===(t=c.data)||void 0===t?void 0:t.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===(i=null===(n=c.data)||void 0===n?void 0:n.viewer)||void 0===i?void 0:i.firstName} ${null===(l=null===(o=c.data)||void 0===o?void 0:o.viewer)||void 0===l?void 0:l.lastName}`:e.fallback;return{loadingText:e.loadingText,loading:c.loading,username:u}}(this);return t(zt,Object.assign({},e))}};export{fe as sqm_big_stat,be as sqm_brand,ye as sqm_card_feed,Ce as sqm_checkbox_field,Ie as sqm_coupon_code,Me as sqm_divided_layout,qe as sqm_dropdown_field,Ae as sqm_edit_profile,Pe as sqm_hero,De as sqm_hero_image,$e as sqm_hook_story_container,Fe as sqm_image,je as sqm_input_field,He as sqm_leaderboard,Ye as sqm_link_button,Xe as sqm_name_fields,Qe as sqm_navigation_menu,et as sqm_portal_change_password,tt as sqm_portal_footer,st as sqm_portal_frame,rt as sqm_portal_login,at as sqm_portal_register,it as sqm_program_explainer,lt as sqm_program_explainer_step,ct as sqm_program_menu,pt as sqm_referral_card,gt as sqm_referral_iframe,wt as sqm_reward_exchange_list,St as sqm_router,It as sqm_scroll,Rt as sqm_share_button,_t as sqm_share_code,Tt as sqm_share_link,Nt as sqm_stat_container,Pt as sqm_task_card,Lt as sqm_timeline,Bt as sqm_timeline_entry,Ot as sqm_user_name}
223
+ `,Ot=class{constructor(t){e(this,t),this.ignored=!0,this.fallback="Anonymous User",this.loadingText="...",r(this)}disconnectedCallback(){}render(){const e=h()?function(e){return T({loading:!1,loadingText:"...",username:"John Smith"},e.demoData||{},{arrayMerge:(e,t)=>t})}(this):function(e){var t,s,r,a,n,o,i,l;const d=v(),c=b(Ut,{},!(null==d?void 0:d.jwt)),u=(null===(s=null===(t=c.data)||void 0===t?void 0:t.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}`:e.fallback;return{loadingText:e.loadingText,loading:c.loading,username:u}}(this);return t(zt,Object.assign({},e))}};export{fe as sqm_big_stat,be as sqm_brand,ye as sqm_card_feed,Ce as sqm_checkbox_field,Ie as sqm_coupon_code,Me as sqm_divided_layout,qe as sqm_dropdown_field,Ae as sqm_edit_profile,Pe as sqm_hero,De as sqm_hero_image,$e as sqm_hook_story_container,Fe as sqm_image,je as sqm_input_field,He as sqm_leaderboard,Ye as sqm_link_button,Xe as sqm_name_fields,Qe as sqm_navigation_menu,et as sqm_portal_change_password,tt as sqm_portal_footer,st as sqm_portal_frame,rt as sqm_portal_login,at as sqm_portal_register,ot as sqm_program_explainer,lt as sqm_program_explainer_step,ct as sqm_program_menu,pt as sqm_referral_card,gt as sqm_referral_iframe,wt as sqm_reward_exchange_list,St as sqm_router,It as sqm_scroll,Rt as sqm_share_button,_t as sqm_share_code,Tt as sqm_share_link,Nt as sqm_stat_container,Pt as sqm_task_card,Lt as sqm_timeline,Bt as sqm_timeline_entry,Ot as sqm_user_name}