@saasquatch/mint-components 1.15.5-3 → 1.15.5-4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (40) hide show
  1. package/dist/cjs/loader.cjs.js +1 -1
  2. package/dist/cjs/mint-components.cjs.js +1 -1
  3. package/dist/cjs/sqm-banking-info-form_17.cjs.entry.js +10 -4
  4. package/dist/cjs/sqm-big-stat_43.cjs.entry.js +11 -4
  5. package/dist/cjs/{usePayoutStatus-fc4e609e.js → usePayoutStatus-7892433f.js} +9 -0
  6. package/dist/collection/components/tax-and-cash/sqm-payout-status-alert/sqm-payout-status-alert-view.js +6 -4
  7. package/dist/collection/components/tax-and-cash/sqm-payout-status-alert/sqm-payout-status-alert.js +26 -0
  8. package/dist/collection/components/tax-and-cash/sqm-payout-status-alert/usePayoutStatus.js +9 -0
  9. package/dist/collection/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.js +10 -4
  10. package/dist/esm/loader.js +1 -1
  11. package/dist/esm/mint-components.js +1 -1
  12. package/dist/esm/sqm-banking-info-form_17.entry.js +11 -5
  13. package/dist/esm/sqm-big-stat_43.entry.js +12 -5
  14. package/dist/esm/{usePayoutStatus-b4bdbfa7.js → usePayoutStatus-c21ef382.js} +9 -0
  15. package/dist/esm-es5/loader.js +1 -1
  16. package/dist/esm-es5/mint-components.js +1 -1
  17. package/dist/esm-es5/sqm-banking-info-form_17.entry.js +1 -1
  18. package/dist/esm-es5/sqm-big-stat_43.entry.js +1 -1
  19. package/dist/esm-es5/{usePayoutStatus-b4bdbfa7.js → usePayoutStatus-c21ef382.js} +1 -1
  20. package/dist/mint-components/mint-components.esm.js +1 -1
  21. package/dist/mint-components/p-37996351.system.js +1 -1
  22. package/dist/mint-components/p-48552798.system.entry.js +1 -0
  23. package/dist/mint-components/p-67035b70.system.entry.js +1 -0
  24. package/dist/mint-components/{p-93db61eb.system.js → p-aa595246.system.js} +2 -2
  25. package/dist/mint-components/{p-e3deed72.entry.js → p-bdbf26da.entry.js} +21 -21
  26. package/dist/mint-components/{p-e8981f26.entry.js → p-d289d251.entry.js} +9 -9
  27. package/dist/mint-components/{p-fde41ad1.js → p-d9da598f.js} +5 -5
  28. package/dist/types/components/tax-and-cash/sqm-payout-status-alert/sqm-payout-status-alert-view.d.ts +2 -0
  29. package/dist/types/components/tax-and-cash/sqm-payout-status-alert/sqm-payout-status-alert.d.ts +4 -0
  30. package/dist/types/components/tax-and-cash/sqm-payout-status-alert/usePayoutStatus.d.ts +1 -0
  31. package/dist/types/components.d.ts +8 -0
  32. package/docs/docs.docx +0 -0
  33. package/grapesjs/grapesjs.js +1 -1
  34. package/package.json +1 -1
  35. package/dist/mint-components/p-50988798.system.entry.js +0 -1
  36. package/dist/mint-components/p-a4f494ee.system.entry.js +0 -1
  37. package/dist/types/global/android.d.ts +0 -7
  38. package/dist/types/global/demo.d.ts +0 -2
  39. package/dist/types/stories/features.d.ts +0 -4
  40. package/dist/types/stories/templates.d.ts +0 -4
@@ -1,4 +1,4 @@
1
- import{r as t,h as e,c as r}from"./p-f708da7b.js";import{n as a,f as s,i,k as o,m as n,u as l,b as c,j as d}from"./p-cd651f81.js";import{i as u}from"./p-65069b66.js";import{i as h,_ as m,d as p,J as v,H as g,$ as f,w as b,B as y,u as x,L as w,y as k,j as E,r as C,V as I,Q as R,k as _}from"./p-94a876b9.js";import{j as S}from"./p-e7e129ac.js";import{c as T}from"./p-c1086930.js";import{g as N,a as M}from"./p-9ec99ced.js";import{c as A}from"./p-cef45012.js";import"./p-3f7b81b8.js";import"./p-91521e9d.js";import{C as q}from"./p-31015791.js";import{a as L}from"./p-4e451f75.js";import{u as D}from"./p-19ccb4ce.js";import"./p-5bedb58c.js";import"./p-c9f1dde7.js";import{p as P}from"./p-8d363802.js";import{R as F,u as O}from"./p-98698131.js";import{R as V,L as $,u as j}from"./p-f98a4354.js";import{P as U}from"./p-dbcb5359.js";import{u as B}from"./p-4e526a94.js";import{A as H}from"./p-121cdc60.js";import{i as z}from"./p-8c23d1b8.js";import{b as W,W as Y,B as G,U as K,J as Z,i as X,K as Q,D as J,E as tt,H as et,I as rt,Q as at,O as st,X as it,L as ot,N as nt,C as lt,d as ct,h as dt,P as ut,e as ht,R as mt,Y as pt,j as vt,a as gt,S as ft,u as bt,c as yt,T as xt}from"./p-c1b074b6.js";import"./p-a9f4ddb1.js";import{u as wt}from"./p-fde41ad1.js";const kt=class{constructor(e){t(this,e),this.flexReverse=!1,this.ignored=!0,a(this)}disconnectedCallback(){}render(){var t;const{props:r,label:a}=h()?W(this):Y(this),s=!!(null===(t=m().innerHTML)||void 0===t?void 0:t.trim()),i=e("slot",{name:"label"},s?e("slot",null):a);return e(G,Object.assign({},r,{labelSlot:i}))}},Et=class{constructor(e){t(this,e),a(this)}disconnectedCallback(){}render(){var t,a;const i=null!==(t=function(t){if(t)try{return K(t)}catch{}}(this.brandColor))&&void 0!==t?t:"",o=(null!==(a=this.brandFont)&&void 0!==a?a:"Nunito Sans").trim()||void 0;s((()=>{if(!o)return;const t=document.createElement("link");return t.setAttribute("href",function(...t){return`https://fonts.googleapis.com/css2?${t.map((t=>`family=${encodeURIComponent(t)}`)).join("&")}`}(o)),t.setAttribute("rel","stylesheet"),document.head.appendChild(t),()=>document.head.removeChild(t)}),[o]);const n=null!=o?o:"";return e(r,null,e("style",null,`\n\n :host{\n display: contents;\n }\n /* \n Selects any element placed inside a slot\n - resets css variable inheritence for fonts\n \n */\n ::slotted(*) {\n --sl-font-sans: "${n}", arial;\n --sl-input-font-family: "${n}", arial;\n --sl-tooltip-font-family: "${n}", arial;\n font-family: "${n}", arial;\n\t\t\t\n ${i}\n\n --sl-focus-ring-color-primary: var(--sl-color-primary-100);\n --sl-input-border-color-focus: var(--sl-color-primary-500);\n --sl-color-primary-hue: var(--sl-color-primary-500);\n }`),e("slot",null))}},Ct=class{constructor(e){t(this,e),this.ignored=!0,this.width=347,this.gap=24,a(this)}disconnectedCallback(){}render(){return e(Z,Object.assign({},N(this)),e("slot",null))}};function It(t){var e;const r=i(F),[a,n]=o(!1);return s((()=>{var e,a;(null===(e=null==r?void 0:r.initialData)||void 0===e?void 0:e[t.checkboxName])&&n(!!(null===(a=null==r?void 0:r.initialData)||void 0===a?void 0:a[t.checkboxName]))}),[null===(e=null==r?void 0:r.initialData)||void 0===e?void 0:e[t.checkboxName]]),{states:{registrationFormState:r,checked:a},callbacks:{setChecked:n}}}const Rt=class{constructor(e){t(this,e),this.ignored=!0,this.checkboxLabel="By signing up you agree to the {labelLink}",this.checkboxLabelLink="https://example.com",this.checkboxLabelLinkText="Terms and Conditions",this.errorMessage="Must be checked",this.checkboxOptional=!1,a(this)}disconnectedCallback(){}render(){const t=M([{attribute:"checkbox-name",value:this.checkboxName}]);if(!h()&&t)return e(V,{missingProps:t,heading:"An error occured while loading this form",subheading:"A technical problem prevented this checkbox field from loading. Please contact us with the link to this page.",description:"Values for the following attributes are missing:"});const r={...N(this)},{states:a,callbacks:s}=h()?T({states:{registrationFormState:{},checked:!1},callbacks:{setChecked:()=>{}}},this.demoData||{},{arrayMerge:(t,e)=>e}):It(this);return e(X,{states:a,content:r,callbacks:s})}},_t=p.gql`
1
+ import{r as t,h as e,c as r,F as a}from"./p-f708da7b.js";import{n as s,f as i,i as o,k as n,m as l,u as c,b as d,j as u}from"./p-cd651f81.js";import{i as h}from"./p-65069b66.js";import{i as m,_ as p,d as v,J as g,H as f,$ as b,w as y,B as x,u as w,L as k,y as E,j as C,r as I,V as R,Q as S,k as _}from"./p-94a876b9.js";import{j as T}from"./p-e7e129ac.js";import{c as N}from"./p-c1086930.js";import{g as M,a as A}from"./p-9ec99ced.js";import{c as q}from"./p-cef45012.js";import"./p-3f7b81b8.js";import"./p-91521e9d.js";import{C as L}from"./p-31015791.js";import{a as D}from"./p-4e451f75.js";import{u as P}from"./p-19ccb4ce.js";import"./p-5bedb58c.js";import"./p-c9f1dde7.js";import{p as F}from"./p-8d363802.js";import{R as O,u as V}from"./p-98698131.js";import{R as $,L as j,u as U}from"./p-f98a4354.js";import{P as B}from"./p-dbcb5359.js";import{u as H}from"./p-4e526a94.js";import{A as z}from"./p-121cdc60.js";import{i as W}from"./p-8c23d1b8.js";import{b as Y,W as G,B as K,U as Z,J as X,i as Q,K as J,D as tt,E as et,H as rt,I as at,Q as st,O as it,X as ot,L as nt,N as lt,C as ct,d as dt,h as ut,P as ht,e as mt,R as pt,Y as vt,j as gt,a as ft,S as bt,u as yt,c as xt,T as wt}from"./p-c1b074b6.js";import"./p-a9f4ddb1.js";import{u as kt}from"./p-d9da598f.js";const Et=class{constructor(e){t(this,e),this.flexReverse=!1,this.ignored=!0,s(this)}disconnectedCallback(){}render(){var t;const{props:r,label:a}=m()?Y(this):G(this),s=!!(null===(t=p().innerHTML)||void 0===t?void 0:t.trim()),i=e("slot",{name:"label"},s?e("slot",null):a);return e(K,Object.assign({},r,{labelSlot:i}))}},Ct=class{constructor(e){t(this,e),s(this)}disconnectedCallback(){}render(){var t,a;const s=null!==(t=function(t){if(t)try{return Z(t)}catch{}}(this.brandColor))&&void 0!==t?t:"",o=(null!==(a=this.brandFont)&&void 0!==a?a:"Nunito Sans").trim()||void 0;i((()=>{if(!o)return;const t=document.createElement("link");return t.setAttribute("href",function(...t){return`https://fonts.googleapis.com/css2?${t.map((t=>`family=${encodeURIComponent(t)}`)).join("&")}`}(o)),t.setAttribute("rel","stylesheet"),document.head.appendChild(t),()=>document.head.removeChild(t)}),[o]);const n=null!=o?o:"";return e(r,null,e("style",null,`\n\n :host{\n display: contents;\n }\n /* \n Selects any element placed inside a slot\n - resets css variable inheritence for fonts\n \n */\n ::slotted(*) {\n --sl-font-sans: "${n}", arial;\n --sl-input-font-family: "${n}", arial;\n --sl-tooltip-font-family: "${n}", arial;\n font-family: "${n}", arial;\n\t\t\t\n ${s}\n\n --sl-focus-ring-color-primary: var(--sl-color-primary-100);\n --sl-input-border-color-focus: var(--sl-color-primary-500);\n --sl-color-primary-hue: var(--sl-color-primary-500);\n }`),e("slot",null))}},It=class{constructor(e){t(this,e),this.ignored=!0,this.width=347,this.gap=24,s(this)}disconnectedCallback(){}render(){return e(X,Object.assign({},M(this)),e("slot",null))}};function Rt(t){var e;const r=o(O),[a,s]=n(!1);return i((()=>{var e,a;(null===(e=null==r?void 0:r.initialData)||void 0===e?void 0:e[t.checkboxName])&&s(!!(null===(a=null==r?void 0:r.initialData)||void 0===a?void 0:a[t.checkboxName]))}),[null===(e=null==r?void 0:r.initialData)||void 0===e?void 0:e[t.checkboxName]]),{states:{registrationFormState:r,checked:a},callbacks:{setChecked:s}}}const St=class{constructor(e){t(this,e),this.ignored=!0,this.checkboxLabel="By signing up you agree to the {labelLink}",this.checkboxLabelLink="https://example.com",this.checkboxLabelLinkText="Terms and Conditions",this.errorMessage="Must be checked",this.checkboxOptional=!1,s(this)}disconnectedCallback(){}render(){const t=A([{attribute:"checkbox-name",value:this.checkboxName}]);if(!m()&&t)return e($,{missingProps:t,heading:"An error occured while loading this form",subheading:"A technical problem prevented this checkbox field from loading. Please contact us with the link to this page.",description:"Values for the following attributes are missing:"});const r={...M(this)},{states:a,callbacks:s}=m()?N({states:{registrationFormState:{},checked:!1},callbacks:{setChecked:()=>{}}},this.demoData||{},{arrayMerge:(t,e)=>e}):Rt(this);return e(Q,{states:a,content:r,callbacks:s})}},_t=v.gql`
2
2
  query fuelTankRewardsQuery($programId: ID!) {
3
3
  user: viewer {
4
4
  ... on User {
@@ -23,11 +23,11 @@ import{r as t,h as e,c as r}from"./p-f708da7b.js";import{n as a,f as s,i,k as o,
23
23
  }
24
24
  }
25
25
  }
26
- `,St=p.gql`
26
+ `,Tt=v.gql`
27
27
  mutation loadEvent($eventMeta: UserAnalyticsEvent!) {
28
28
  createUserAnalyticsEvent(eventMeta: $eventMeta)
29
29
  }
30
- `;const Tt=class{constructor(e){t(this,e),this.tooltiptext="Copied to Clipboard",this.tooltiplifespan=1e3,this.textAlign="left",this.copyButtonLabel="Copy Coupon",this.buttonStyle="icon",this.couponCodeLabel="Your coupon code:",this.cancelledErrorText="This code has been cancelled. Please reach out to the Support team for help resolving this issue.",this.redeemedErrorText="Looks like you’ve already redeemed this code.",this.expiredErrorText="Looks like this code has expired. Please reach out to the Support team for help resolving this issue.",this.fullfillmentErrorText="We couldn't fetch your code. Please try again later or reach out to the Support team for help resolving this issue.",this.pendingErrorText="Your code will be available on {unpendDate}. Mark your calendar and come back then to redeem your reward!",this.codeSyncErrorRetryText="We're experiencing an issue generating your coupon code. If it doesn't appear shortly, please contact {supportEmail}. Retrying in {timeRemaining} seconds.",this.codeSyncErrorText="We're still experiencing an issue generating your coupon code. Please contact {supportEmail} for assistance.",this.genericErrorText="We couldn't fetch your code. Please try again later or reach out to the Support team for help resolving this issue.",this.couponCodePlaceholder="...",a(this)}disconnectedCallback(){}render(){const t=N(this),r=h()?function(t){const[e,r]=o(!1),a="THANKSJANE125uv125";return T({copyString:a,tooltiptext:t.tooltiptext,textAlign:t.textAlign,buttonStyle:t.buttonStyle,copyButtonLabel:t.copyButtonLabel,error:!1,couponCodePlaceholder:t.couponCodePlaceholder,couponCodeLabel:t.couponCodeLabel,codeSyncErrorText:t.codeSyncErrorText,codeSyncErrorRetryText:t.codeSyncErrorRetryText,open:e,onClick:()=>{navigator.clipboard.writeText(a),r(!0),setTimeout((()=>r(!1)),t.tooltiplifespan)}},t.demoData||{},{arrayMerge:(t,e)=>e})}(t):function(t){var e,r,a;const i=v(),l=g(),c=y(),[d]=f(St),[h,m]=o(!1),[p,x]=o(60),w=n(void 0),k=n(void 0),{data:E,loading:C,refetch:I}=b(_t,{programId:l},!(null==i?void 0:i.jwt));async function R(){var t,e,r,a,s,i;const o=await I();if(m(!0),!(null===(i=null===(s=null===(a=null===(r=null===(e=null===(t=o)||void 0===t?void 0:t.user)||void 0===e?void 0:e.instantAccessRewards)||void 0===r?void 0:r.data)||void 0===a?void 0:a[0])||void 0===s?void 0:s.pendingReasons)||void 0===i?void 0:i.includes("ERROR_SYNCING_FUEL_TANK_CODE")))return clearInterval(w.current)}const _=null===(a=null===(r=null===(e=null==E?void 0:E.user)||void 0===e?void 0:e.instantAccessRewards)||void 0===r?void 0:r.data)||void 0===a?void 0:a[0],S=(t=61e3)=>setInterval(R,t);s((()=>{var t,e;return!w.current&&(null===(t=null==_?void 0:_.statuses)||void 0===t?void 0:t.includes("PENDING"))&&(null===(e=null==_?void 0:_.pendingReasons)||void 0===e?void 0:e.includes("ERROR_SYNCING_FUEL_TANK_CODE"))&&(w.current=S()),()=>{clearInterval(w.current)}}),[]),s((()=>{var t,e;return p>0&&(null===(t=null==_?void 0:_.statuses)||void 0===t?void 0:t.includes("PENDING"))&&(null===(e=null==_?void 0:_.pendingReasons)||void 0===e?void 0:e.includes("ERROR_SYNCING_FUEL_TANK_CODE"))&&(clearInterval(k.current),k.current=(t=>setInterval((()=>x(t)),1e3))(p-1)),()=>{clearInterval(k.current)}}),[p,_]),s((()=>{var t,e;(null===(t=null==_?void 0:_.statuses)||void 0===t?void 0:t.includes("PENDING"))&&(null===(e=null==_?void 0:_.pendingReasons)||void 0===e?void 0:e.includes("ERROR_SYNCING_FUEL_TANK_CODE"))&&S()}),[_]);const T=(t=>{if(!t||!t.statuses)return"ERROR";const e=t.statuses[t.statuses.length-1];return"PENDING"===e&&t.pendingReasons.includes("ERROR_SYNCING_FUEL_TANK_CODE")?"ERROR_SYNCING_FUEL_TANK_CODE":"PENDING"===e&&null===t.dateScheduledFor?"EMPTY_TANK":e})(_),N="PENDING"===T&&_.dateScheduledFor?new Date(_.dateScheduledFor).toLocaleDateString("default",{day:"numeric",month:"long",year:"numeric"}):void 0,M=(null==_?void 0:_.fuelTankCode)||"...",[A,q]=o(!1),L=(e=>{switch(e){case"CANCELLED":return t.cancelledErrorText;case"EXPIRED":return t.expiredErrorText;case"EMPTY_TANK":return t.fullfillmentErrorText;case"ERROR_SYNCING_FUEL_TANK_CODE":return h?u.formatMessage({id:"codeSyncErrorText",defaultMessage:t.codeSyncErrorText},{supportEmail:"advocate-support@impact.com"}):u.formatMessage({id:"codeSyncErrorText",defaultMessage:t.codeSyncErrorRetryText},{supportEmail:"advocate-support@impact.com",timeRemaining:p});case"PENDING":return t.pendingErrorText.replace("{unpendDate}",N);case"REDEEMED":return t.redeemedErrorText;case"AVAILABLE":return"";default:return t.genericErrorText}})(T),D=(t=>{switch(t){case"EXPIRED":case"EMPTY_TANK":case"CANCELLED":case"ERROR":case"ERROR_SYNCING_FUEL_TANK_CODE":return"warning";case"PENDING":return"info";case"REDEEMED":return"success";default:return}})(T),P="AVAILABLE"!==T;return{...t,onClick:function(){navigator.clipboard.writeText(M),q(!0),setTimeout((()=>q(!1)),t.tooltiplifespan),d({eventMeta:{programId:l,id:null==i?void 0:i.id,accountId:null==i?void 0:i.accountId,type:"USER_REFERRAL_PROGRAM_ENGAGEMENT_EVENT",meta:{engagementMedium:c,shareMedium:"DIRECT"}}})},open:A,copyString:M,error:P,errorText:L,dateAvailable:N,loading:C,errorType:D}}(t);return e(Q,Object.assign({},r))}};function Nt(t,r){const a=()=>"row"===t.direction?{"border-right":t.dividerStyle||"1px solid #EAEAEA"}:{"border-bottom":t.dividerStyle||"1px solid #EAEAEA"},s={LayoutContainer:{display:"contents","& > :not(:last-child)":{...a()},"& > ::slotted(*:not(:last-child))":{...a()}}},i=`\n display: flex;\n flex: 1;\n box-sizing: border-box;\n flex-direction: ${t.direction};\n background-color: var(--sqm-content-background);\n overflow-x: clip;\n ${"column"===t.direction?"width: 100%; max-width: var(--sqm-portal-main-width);":""}\n ${null!==t.contentAreaWidth?`max-width: ${t.contentAreaWidth} !important;`:""}\n `,o=`\n :host{\n ${i}\n }\n @media screen and (max-width: 570px) {\n :host {\n display: flex;\n flex-direction: column;\n }\n }\n sqm-divided-layout {\n ${i}\n }\n `,n=A(s),l=n.toString();return e("div",{class:n.classes.LayoutContainer,part:"sqm-base"},e("style",{type:"text/css"},o,l),r)}const Mt=class{constructor(e){t(this,e),this.dividerStyle="1px solid #EAEAEA",a(this)}disconnectedCallback(){}render(){return e(Nt,Object.assign({},N(this)),e("slot",null))}},At=class{constructor(e){t(this,e),this.ignored=!0,this.dropdownLabel="Select an option",this.errorMessage="Select an option",this.dropdownOptional=!1,a(this)}disconnectedCallback(){}render(){const t=M([{attribute:"dropdown-name",value:this.dropdownName}]);if(!h()&&t)return e(V,{missingProps:t,heading:"An error occured while loading this form",subheading:"A technical problem prevented this drop down field from loading. Please contact us with the link to this page.",description:"Values for the following attributes are missing:"},e("slot",null));const r={...N(this),selectOptions:e("slot",null)},{states:a}=h()?T({states:{registrationFormState:{}}},this.demoData||{},{arrayMerge:(t,e)=>e}):{states:{registrationFormState:i(F)}};return e(J,{states:a,content:r})}},qt=p.gql`
30
+ `;const Nt=class{constructor(e){t(this,e),this.tooltiptext="Copied to Clipboard",this.tooltiplifespan=1e3,this.textAlign="left",this.copyButtonLabel="Copy Coupon",this.buttonStyle="icon",this.couponCodeLabel="Your coupon code:",this.cancelledErrorText="This code has been cancelled. Please reach out to the Support team for help resolving this issue.",this.redeemedErrorText="Looks like you’ve already redeemed this code.",this.expiredErrorText="Looks like this code has expired. Please reach out to the Support team for help resolving this issue.",this.fullfillmentErrorText="We couldn't fetch your code. Please try again later or reach out to the Support team for help resolving this issue.",this.pendingErrorText="Your code will be available on {unpendDate}. Mark your calendar and come back then to redeem your reward!",this.codeSyncErrorRetryText="We're experiencing an issue generating your coupon code. If it doesn't appear shortly, please contact {supportEmail}. Retrying in {timeRemaining} seconds.",this.codeSyncErrorText="We're still experiencing an issue generating your coupon code. Please contact {supportEmail} for assistance.",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="...",s(this)}disconnectedCallback(){}render(){const t=M(this),r=m()?function(t){const[e,r]=n(!1),a="THANKSJANE125uv125";return N({copyString:a,tooltiptext:t.tooltiptext,textAlign:t.textAlign,buttonStyle:t.buttonStyle,copyButtonLabel:t.copyButtonLabel,error:!1,couponCodePlaceholder:t.couponCodePlaceholder,couponCodeLabel:t.couponCodeLabel,codeSyncErrorText:t.codeSyncErrorText,codeSyncErrorRetryText:t.codeSyncErrorRetryText,open:e,onClick:()=>{navigator.clipboard.writeText(a),r(!0),setTimeout((()=>r(!1)),t.tooltiplifespan)}},t.demoData||{},{arrayMerge:(t,e)=>e})}(t):function(t){var e,r,a;const s=g(),o=f(),c=x(),[d]=b(Tt),[u,m]=n(!1),[p,v]=n(60),w=l(void 0),k=l(void 0),{data:E,loading:C,refetch:I}=y(_t,{programId:o},!(null==s?void 0:s.jwt));async function R(){var t,e,r,a,s,i;const o=await I();if(m(!0),!(null===(i=null===(s=null===(a=null===(r=null===(e=null===(t=o)||void 0===t?void 0:t.user)||void 0===e?void 0:e.instantAccessRewards)||void 0===r?void 0:r.data)||void 0===a?void 0:a[0])||void 0===s?void 0:s.pendingReasons)||void 0===i?void 0:i.includes("ERROR_SYNCING_FUEL_TANK_CODE")))return clearInterval(w.current)}const S=null===(a=null===(r=null===(e=null==E?void 0:E.user)||void 0===e?void 0:e.instantAccessRewards)||void 0===r?void 0:r.data)||void 0===a?void 0:a[0],_=(t=61e3)=>setInterval(R,t);i((()=>{var t,e;return!w.current&&(null===(t=null==S?void 0:S.statuses)||void 0===t?void 0:t.includes("PENDING"))&&(null===(e=null==S?void 0:S.pendingReasons)||void 0===e?void 0:e.includes("ERROR_SYNCING_FUEL_TANK_CODE"))&&(w.current=_()),()=>{clearInterval(w.current)}}),[]),i((()=>{var t,e;return p>0&&(null===(t=null==S?void 0:S.statuses)||void 0===t?void 0:t.includes("PENDING"))&&(null===(e=null==S?void 0:S.pendingReasons)||void 0===e?void 0:e.includes("ERROR_SYNCING_FUEL_TANK_CODE"))&&(clearInterval(k.current),k.current=(t=>setInterval((()=>v(t)),1e3))(p-1)),()=>{clearInterval(k.current)}}),[p,S]),i((()=>{var t,e;(null===(t=null==S?void 0:S.statuses)||void 0===t?void 0:t.includes("PENDING"))&&(null===(e=null==S?void 0:S.pendingReasons)||void 0===e?void 0:e.includes("ERROR_SYNCING_FUEL_TANK_CODE"))&&_()}),[S]);const T=(t=>{if(!t||!t.statuses)return"ERROR";const e=t.statuses[t.statuses.length-1];return"PENDING"===e&&t.pendingReasons.includes("ERROR_SYNCING_FUEL_TANK_CODE")?"ERROR_SYNCING_FUEL_TANK_CODE":"PENDING"===e&&null===t.dateScheduledFor?"EMPTY_TANK":e})(S),N="PENDING"===T&&S.dateScheduledFor?new Date(S.dateScheduledFor).toLocaleDateString("default",{day:"numeric",month:"long",year:"numeric"}):void 0,M=(null==S?void 0:S.fuelTankCode)||"...",[A,q]=n(!1),L=(e=>{switch(e){case"CANCELLED":return t.cancelledErrorText;case"EXPIRED":return t.expiredErrorText;case"EMPTY_TANK":return t.fullfillmentErrorText;case"ERROR_SYNCING_FUEL_TANK_CODE":return u?h.formatMessage({id:"codeSyncErrorText",defaultMessage:t.codeSyncErrorText},{supportEmail:"advocate-support@impact.com"}):h.formatMessage({id:"codeSyncErrorText",defaultMessage:t.codeSyncErrorRetryText},{supportEmail:"advocate-support@impact.com",timeRemaining:p});case"PENDING":return t.pendingErrorText.replace("{unpendDate}",N);case"REDEEMED":return t.redeemedErrorText;case"AVAILABLE":return"";default:return t.genericErrorText}})(T),D=(t=>{switch(t){case"EXPIRED":case"EMPTY_TANK":case"CANCELLED":case"ERROR":case"ERROR_SYNCING_FUEL_TANK_CODE":return"warning";case"PENDING":return"info";case"REDEEMED":return"success";default:return}})(T),P="AVAILABLE"!==T;return{...t,onClick:function(){navigator.clipboard.writeText(M),q(!0),setTimeout((()=>q(!1)),t.tooltiplifespan),d({eventMeta:{programId:o,id:null==s?void 0:s.id,accountId:null==s?void 0:s.accountId,type:"USER_REFERRAL_PROGRAM_ENGAGEMENT_EVENT",meta:{engagementMedium:c,shareMedium:"DIRECT"}}})},open:A,copyString:M,error:P,errorText:L,dateAvailable:N,loading:C,errorType:D}}(t);return e(J,Object.assign({},r))}};function Mt(t,r){const a=()=>"row"===t.direction?{"border-right":t.dividerStyle||"1px solid #EAEAEA"}:{"border-bottom":t.dividerStyle||"1px solid #EAEAEA"},s={LayoutContainer:{display:"contents","& > :not(:last-child)":{...a()},"& > ::slotted(*:not(:last-child))":{...a()}}},i=`\n display: flex;\n flex: 1;\n box-sizing: border-box;\n flex-direction: ${t.direction};\n background-color: var(--sqm-content-background);\n overflow-x: clip;\n ${"column"===t.direction?"width: 100%; max-width: var(--sqm-portal-main-width);":""}\n ${null!==t.contentAreaWidth?`max-width: ${t.contentAreaWidth} !important;`:""}\n `,o=`\n :host{\n ${i}\n }\n @media screen and (max-width: 570px) {\n :host {\n display: flex;\n flex-direction: column;\n }\n }\n sqm-divided-layout {\n ${i}\n }\n `,n=q(s),l=n.toString();return e("div",{class:n.classes.LayoutContainer,part:"sqm-base"},e("style",{type:"text/css"},o,l),r)}const At=class{constructor(e){t(this,e),this.dividerStyle="1px solid #EAEAEA",s(this)}disconnectedCallback(){}render(){return e(Mt,Object.assign({},M(this)),e("slot",null))}},qt=class{constructor(e){t(this,e),this.ignored=!0,this.dropdownLabel="Select an option",this.errorMessage="Select an option",this.dropdownOptional=!1,s(this)}disconnectedCallback(){}render(){const t=A([{attribute:"dropdown-name",value:this.dropdownName}]);if(!m()&&t)return e($,{missingProps:t,heading:"An error occured while loading this form",subheading:"A technical problem prevented this drop down field from loading. Please contact us with the link to this page.",description:"Values for the following attributes are missing:"},e("slot",null));const r={...M(this),selectOptions:e("slot",null)},{states:a}=m()?N({states:{registrationFormState:{}}},this.demoData||{},{arrayMerge:(t,e)=>e}):{states:{registrationFormState:o(O)}};return e(tt,{states:a,content:r})}},Lt=v.gql`
31
31
  query {
32
32
  viewer {
33
33
  ... on User {
@@ -40,7 +40,7 @@ import{r as t,h as e,c as r}from"./p-f708da7b.js";import{n as a,f as s,i,k as o,
40
40
  }
41
41
  }
42
42
  }
43
- `,Lt=p.gql`
43
+ `,Dt=v.gql`
44
44
  mutation (
45
45
  $id: String!
46
46
  $accountId: String!
@@ -59,13 +59,13 @@ import{r as t,h as e,c as r}from"./p-f708da7b.js";import{n as a,f as s,i,k as o,
59
59
  lastName
60
60
  }
61
61
  }
62
- `,Dt={currentRegion:"",firstName:"",lastName:"",errors:{},error:""},Pt=class{constructor(e){t(this,e),this.ignored=!0,this.networkErrorMessage="Network request failed.",this.fieldEmptyText="Cannot be empty",this.formErrorText="Please correct the errors below to update your profile.",a(this)}disconnectedCallback(){}render(){const t=h()?function(t){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:t.editprofileheader?t.editprofileheader:"Edit Profile",editprofiletext:t.editprofiletext?t.editprofiletext:"Update your profile.",firstnametext:t.firstnametext?t.firstnametext:"First Name",lastnametext:t.lastnametext?t.lastnametext:"Last Name",canceltext:t.canceltext?t.canceltext:"Cancel",updatetext:t.updatetext?t.updatetext:"Update",currentregiontext:t.currentregiontext?t.currentregiontext:"Region",showregion:!0,fieldEmptyText:t.fieldEmptyText}},callbacks:{onSubmit:t=>{console.log(t)},resetForm:()=>{console.log("reset")},onChange:()=>{console.log("change")},setShowEdit:t=>{console.log(t)}}},t.demoData||{},{arrayMerge:(t,e)=>e})}(N(this)):function(t){const e=v(),[r,a]=o(!1),[i,n]=o(""),[l,c]=o(void 0),[d,h]=o(Dt),m=b(qt,{},!(null==e?void 0:e.jwt)),[p,g]=f(Lt);return s((()=>{!(null==g?void 0:g.loading)&&r&&((null==g?void 0:g.errors)?h((t=>{var e,r,a;return{...t,error:null===(a=null===(r=null===(e=null==g?void 0:g.errors)||void 0===e?void 0:e.response)||void 0===r?void 0:r.errors)||void 0===a?void 0:a[0].message}})):(c((t=>{var e;return{...t,...null===(e=null==g?void 0:g.data)||void 0===e?void 0:e.upsertUser}})),a(!1)))}),[null==g?void 0:g.loading]),s((()=>{c((t=>{var e;return{...t,...null===(e=null==m?void 0:m.data)||void 0===e?void 0:e.viewer}}))}),[null==m?void 0:m.data]),s((()=>{var e;(null===(e=null==g?void 0:g.errors)||void 0===e?void 0:e.message)&&h((e=>({...e,error:t.networkErrorMessage})))}),[null==g?void 0:g.errors]),{states:{loading:(null==m?void 0:m.loading)||g.loading,submitDisabled:!1,formState:d,user:l,showEdit:r,text:{editprofileheader:t.editprofileheader,editprofiletext:t.editprofiletext,firstnametext:t.firstnametext,lastnametext:t.lastnametext,canceltext:t.canceltext,updatetext:t.updatetext,currentregiontext:t.currentregiontext,showregion:t.showregion,fieldEmptyText:t.fieldEmptyText}},callbacks:{onSubmit:()=>{if(d.firstName&&d.lastName)return p({id:null==e?void 0:e.id,accountId:null==e?void 0:e.accountId,firstName:d.firstName,lastName:d.lastName}),void h((t=>({...t,errors:{}})));const r={};d.firstName||(r.firstName={message:t.fieldEmptyText}),d.lastName||(r.lastName={message:t.fieldEmptyText}),z(r)||h((e=>({...e,error:t.formErrorText}))),h((t=>({...t,errors:r})))},resetForm:()=>{var t,e,r,a,s,i;const o=(null===(e=null===(t=null==m?void 0:m.data)||void 0===t?void 0:t.viewer)||void 0===e?void 0:e.countryCode)?u.formatDisplayName(m.data.viewer.countryCode,{type:"region"}):"";c({...null===(r=m.data)||void 0===r?void 0:r.viewer,...null===(a=g.data)||void 0===a?void 0:a.upsertUser}),h({...Dt,...null===(s=m.data)||void 0===s?void 0:s.viewer,...null===(i=g.data)||void 0===i?void 0:i.upsertUser,currentRegion:o})},onChange:t=>{const{name:e,value:r}=t.target;h((t=>({...t,[e]:r})))},setShowEdit:a}}}(N(this));return e(tt,Object.assign({},t))}};Pt.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 Ft=class{constructor(e){t(this,e),this.columns=1,this.minHeight=200,this.background="var(--sl-color-gray-50)",this.paddingSize="large",this.wrapDirection="wrap",a(this)}disconnectedCallback(){}render(){const t={states:{...N(this)},content:{primaryColumn:e("slot",null),secondaryColumn:e("slot",{name:"secondary-column"})}};return e(et,Object.assign({},t))}};function Ot(t,r){const a=Boolean((t.header||t.description||t.buttonText)&&"overlay"===t.layout),s=A({Container:{position:"relative","&:before":{content:a?'""':"",width:"100%",height:"100%",position:"absolute",background:t.overlayColor||"var(--sl-color-primary-900)",opacity:t.overlayOpacity}},Image:{display:"block",width:"100%",height:"100%",objectFit:"cover"},Background:{backgroundImage:`url(${t.imageUrl})`,backgroundSize:"cover",backgroundPosition:t.imagePos||"center",display:"flex",justifyContent:"center",alignItems:"center"},Overlay:{zIndex:"1",padding:"calc(var(--sl-spacing-"+t.paddingText+") + var(--sl-spacing-"+t.paddingImage+"))",textAlign:"center",color:t.textColor||"var(--sl-color-neutral-0)",lineHeight:"var(--sl-line-height-dense)","@media (max-width: 599px)":{padding:"var(--sl-spacing-"+t.paddingText+")"}},Column:{display:"flex",background:t.backgroundColor||"",flexDirection:"right"===t.imagePos?"row-reverse":"row",lineHeight:"var(--sl-line-height-dense)",color:t.textColor||"var(--sl-color-neutral-900)","& .image-area":{width:t.imagePercentage?t.imagePercentage+"%":"50%",padding:"var(--sl-spacing-"+t.paddingImage+")",boxSizing:"border-box",display:"flex",justifyContent:"center",alignItems:"center","@media (max-width: 599px)":{width:"100%"}},"& .text-area":{width:t.imagePercentage?100-t.imagePercentage+"%":"50%",padding:"var(--sl-spacing-"+t.paddingText+")",alignSelf:"center",boxSizing:"border-box","@media (max-width: 599px)":{width:"100%",textAlign:"center",padding:"calc(0.5*var(--sl-spacing-"+t.paddingText+"))"}},"@media (max-width: 599px)":{flexDirection:"bottom"===t.imageMobilePos?"column-reverse":"column"}},Header:{fontSize:"var(--sl-font-size-xxx-large)",fontWeight:"var(--sl-font-weight-bold)","@media (max-width: 599px)":{fontSize:"var(--sl-font-size-xx-large)"}},Description:{fontSize:"var(--sl-font-size-x-large)",margin:"var(--sl-spacing-small) 0","@media (max-width: 599px)":{fontSize:"var(--sl-font-size-large)"}},Button:{marginTop:"var(--sl-spacing-medium)","&::part(base)":{padding:"0 var(--sl-spacing-x-large)"},"@media (max-width: 599px)":{width:"100%"}}}),i=s.toString();return e("div",{class:s.classes.Container,part:"sqm-base"},e("style",{type:"text/css"},"\n :host{\n display: block;\n }",i),"overlay"===t.layout&&e("div",{class:s.classes.Background},e("div",{class:s.classes.Overlay,part:"sqm-overlay"},t.header&&e("div",{class:s.classes.Header},t.header),t.description&&e("div",{class:s.classes.Description},t.description),t.buttonText&&e("sl-button",{class:s.classes.Button,type:"primary",onClick:()=>t.buttonNewTab?window.open(t.buttonLink):window.open(t.buttonLink,"_parent")},t.buttonText),r&&r)),"columns"===t.layout&&e("div",null,e("div",{class:s.classes.Column},e("div",{class:"image-area"},e("img",{class:s.classes.Image,src:t.imageUrl,part:"sqm-columns-image"})),e("div",{class:"text-area",part:"sqm-columns-text-area"},t.header&&e("div",{class:s.classes.Header,part:"sqm-columns-header"},t.header),t.description&&e("div",{class:s.classes.Description,part:"sqm-columns-description"},t.description),t.buttonText&&e("sl-button",{exportparts:"base: sqm-hero-image-button",class:s.classes.Button,type:"primary",onClick:()=>t.buttonNewTab?window.open(t.buttonLink):window.open(t.buttonLink,"_parent")},t.buttonText)))))}const Vt=class{constructor(e){t(this,e),this.overlayOpacity="0.75",this.layout="overlay",this.imagePercentage=50,this.imagePos="center",this.imageMobilePos="top",this.buttonNewTab=!1,this.paddingText="xxxx-large",this.paddingImage="none",a(this)}disconnectedCallback(){}render(){return e(Ot,Object.assign({},N(this)),e("slot",null))}},$t=class{constructor(e){t(this,e),this.ignored=!0,a(this)}disconnectedCallback(){}render(){return e(this.hookStory,null)}};function jt(t){const r=A({Container:{display:"flex",width:"100%",justifyContent:t.alignment||"center",background:t.backgroundColor||""},Image:{minHeight:t.minHeight||"100%",width:t.width||"100%",maxWidth:"max-content",objectFit:"cover"}}),a=r.toString();return e("div",null,e("style",{type:"text/css"},a,"\n :host{\n display: block; \n }\n "),e("div",{class:r.classes.Container,part:"sqm-base"},e("img",{part:"sqm-image",src:t.imageUrl,class:r.classes.Image})))}const Ut=class{constructor(e){t(this,e),this.alignment="center"}render(){return e(jt,Object.assign({},N(this)))}},Bt=class{constructor(e){t(this,e),this.ignored=!0,this.fieldType="text",this.errorMessage="Cannot be empty",this.fieldOptional=!1,a(this)}disconnectedCallback(){}render(){const t={...N(this)},r=M([{attribute:"field-name",value:this.fieldName}]);if(!h()&&r)return e(V,{missingProps:r,heading:"An error occured while loading this form",subheading:"A technical problem prevented this input field from loading. Please contact us with the link to this page.",description:"Values for the following attributes are missing:"});const{states:a}=h()?T({states:{registrationFormState:{}}},this.demoData||{},{arrayMerge:(t,e)=>e}):{states:{registrationFormState:i(F)}};return e(rt,{states:a,content:t})}},Ht=class{constructor(e){t(this,e),this.ignored=!0,this.dropdownLabel="Select an option",this.requiredFieldErrorMessage="Please select a {dropdownLabel}",this.optionalLabel="(optional)",this.dropdownOptional=!1,this.multiple=!1,a(this)}disconnectedCallback(){}render(){const t=M([{attribute:"dropdown-name",value:this.dropdownName}]);if(!h()&&t)return e(V,{missingProps:t,heading:"An error occured while loading this form",subheading:"A technical problem prevented this drop down field from loading. Please contact us with the link to this page.",description:"Values for the following attributes are missing:"},e("slot",null));const r={...N(this),selectOptions:e("slot",null)},{states:a}=h()?T({states:{leadFormState:{}},content:{dropdownName:(s=this).dropdownName,dropdownLabel:s.dropdownLabel,requiredFieldErrorMessage:s.requiredFieldErrorMessage,dropdownOptional:s.dropdownOptional}},s.demoData||{},{arrayMerge:(t,e)=>e}):{states:{leadFormState:i($)}};var s;return e(at,{states:a,content:r})}},zt=p.gql`
62
+ `,Pt={currentRegion:"",firstName:"",lastName:"",errors:{},error:""},Ft=class{constructor(e){t(this,e),this.ignored=!0,this.networkErrorMessage="Network request failed.",this.fieldEmptyText="Cannot be empty",this.formErrorText="Please correct the errors below to update your profile.",s(this)}disconnectedCallback(){}render(){const t=m()?function(t){return N({states:{loading:!1,submitDisabled:!1,formState:{currentRegion:"Canada",firstName:"Bill",lastName:"Bob",errors:{},error:"An error string"},user:{firstName:"Bill",lastName:"Bob",email:"billbob@example.com"},showEdit:!1,text:{editprofileheader:t.editprofileheader?t.editprofileheader:"Edit Profile",editprofiletext:t.editprofiletext?t.editprofiletext:"Update your profile.",firstnametext:t.firstnametext?t.firstnametext:"First Name",lastnametext:t.lastnametext?t.lastnametext:"Last Name",canceltext:t.canceltext?t.canceltext:"Cancel",updatetext:t.updatetext?t.updatetext:"Update",currentregiontext:t.currentregiontext?t.currentregiontext:"Region",showregion:!0,fieldEmptyText:t.fieldEmptyText}},callbacks:{onSubmit:t=>{console.log(t)},resetForm:()=>{console.log("reset")},onChange:()=>{console.log("change")},setShowEdit:t=>{console.log(t)}}},t.demoData||{},{arrayMerge:(t,e)=>e})}(M(this)):function(t){const e=g(),[r,a]=n(!1),[s,o]=n(""),[l,c]=n(void 0),[d,u]=n(Pt),m=y(Lt,{},!(null==e?void 0:e.jwt)),[p,v]=b(Dt);return i((()=>{!(null==v?void 0:v.loading)&&r&&((null==v?void 0:v.errors)?u((t=>{var e,r,a;return{...t,error:null===(a=null===(r=null===(e=null==v?void 0:v.errors)||void 0===e?void 0:e.response)||void 0===r?void 0:r.errors)||void 0===a?void 0:a[0].message}})):(c((t=>{var e;return{...t,...null===(e=null==v?void 0:v.data)||void 0===e?void 0:e.upsertUser}})),a(!1)))}),[null==v?void 0:v.loading]),i((()=>{c((t=>{var e;return{...t,...null===(e=null==m?void 0:m.data)||void 0===e?void 0:e.viewer}}))}),[null==m?void 0:m.data]),i((()=>{var e;(null===(e=null==v?void 0:v.errors)||void 0===e?void 0:e.message)&&u((e=>({...e,error:t.networkErrorMessage})))}),[null==v?void 0:v.errors]),{states:{loading:(null==m?void 0:m.loading)||v.loading,submitDisabled:!1,formState:d,user:l,showEdit:r,text:{editprofileheader:t.editprofileheader,editprofiletext:t.editprofiletext,firstnametext:t.firstnametext,lastnametext:t.lastnametext,canceltext:t.canceltext,updatetext:t.updatetext,currentregiontext:t.currentregiontext,showregion:t.showregion,fieldEmptyText:t.fieldEmptyText}},callbacks:{onSubmit:()=>{if(d.firstName&&d.lastName)return p({id:null==e?void 0:e.id,accountId:null==e?void 0:e.accountId,firstName:d.firstName,lastName:d.lastName}),void u((t=>({...t,errors:{}})));const r={};d.firstName||(r.firstName={message:t.fieldEmptyText}),d.lastName||(r.lastName={message:t.fieldEmptyText}),W(r)||u((e=>({...e,error:t.formErrorText}))),u((t=>({...t,errors:r})))},resetForm:()=>{var t,e,r,a,s,i;const o=(null===(e=null===(t=null==m?void 0:m.data)||void 0===t?void 0:t.viewer)||void 0===e?void 0:e.countryCode)?h.formatDisplayName(m.data.viewer.countryCode,{type:"region"}):"";c({...null===(r=m.data)||void 0===r?void 0:r.viewer,...null===(a=v.data)||void 0===a?void 0:a.upsertUser}),u({...Pt,...null===(s=m.data)||void 0===s?void 0:s.viewer,...null===(i=v.data)||void 0===i?void 0:i.upsertUser,currentRegion:o})},onChange:t=>{const{name:e,value:r}=t.target;u((t=>({...t,[e]:r})))},setShowEdit:a}}}(M(this));return e(et,Object.assign({},t))}};Ft.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 Ot=class{constructor(e){t(this,e),this.columns=1,this.minHeight=200,this.background="var(--sl-color-gray-50)",this.paddingSize="large",this.wrapDirection="wrap",s(this)}disconnectedCallback(){}render(){const t={states:{...M(this)},content:{primaryColumn:e("slot",null),secondaryColumn:e("slot",{name:"secondary-column"})}};return e(rt,Object.assign({},t))}};function Vt(t,r){const a=Boolean((t.header||t.description||t.buttonText)&&"overlay"===t.layout),s=q({Container:{position:"relative","&:before":{content:a?'""':"",width:"100%",height:"100%",position:"absolute",background:t.overlayColor||"var(--sl-color-primary-900)",opacity:t.overlayOpacity}},Image:{display:"block",width:"100%",height:"100%",objectFit:"cover"},Background:{backgroundImage:`url(${t.imageUrl})`,backgroundSize:"cover",backgroundPosition:t.imagePos||"center",display:"flex",justifyContent:"center",alignItems:"center"},Overlay:{zIndex:"1",padding:"calc(var(--sl-spacing-"+t.paddingText+") + var(--sl-spacing-"+t.paddingImage+"))",textAlign:"center",color:t.textColor||"var(--sl-color-neutral-0)",lineHeight:"var(--sl-line-height-dense)","@media (max-width: 599px)":{padding:"var(--sl-spacing-"+t.paddingText+")"}},Column:{display:"flex",background:t.backgroundColor||"",flexDirection:"right"===t.imagePos?"row-reverse":"row",lineHeight:"var(--sl-line-height-dense)",color:t.textColor||"var(--sl-color-neutral-900)","& .image-area":{width:t.imagePercentage?t.imagePercentage+"%":"50%",padding:"var(--sl-spacing-"+t.paddingImage+")",boxSizing:"border-box",display:"flex",justifyContent:"center",alignItems:"center","@media (max-width: 599px)":{width:"100%"}},"& .text-area":{width:t.imagePercentage?100-t.imagePercentage+"%":"50%",padding:"var(--sl-spacing-"+t.paddingText+")",alignSelf:"center",boxSizing:"border-box","@media (max-width: 599px)":{width:"100%",textAlign:"center",padding:"calc(0.5*var(--sl-spacing-"+t.paddingText+"))"}},"@media (max-width: 599px)":{flexDirection:"bottom"===t.imageMobilePos?"column-reverse":"column"}},Header:{fontSize:"var(--sl-font-size-xxx-large)",fontWeight:"var(--sl-font-weight-bold)","@media (max-width: 599px)":{fontSize:"var(--sl-font-size-xx-large)"}},Description:{fontSize:"var(--sl-font-size-x-large)",margin:"var(--sl-spacing-small) 0","@media (max-width: 599px)":{fontSize:"var(--sl-font-size-large)"}},Button:{marginTop:"var(--sl-spacing-medium)","&::part(base)":{padding:"0 var(--sl-spacing-x-large)"},"@media (max-width: 599px)":{width:"100%"}}}),i=s.toString();return e("div",{class:s.classes.Container,part:"sqm-base"},e("style",{type:"text/css"},"\n :host{\n display: block;\n }",i),"overlay"===t.layout&&e("div",{class:s.classes.Background},e("div",{class:s.classes.Overlay,part:"sqm-overlay"},t.header&&e("div",{class:s.classes.Header},t.header),t.description&&e("div",{class:s.classes.Description},t.description),t.buttonText&&e("sl-button",{class:s.classes.Button,type:"primary",onClick:()=>t.buttonNewTab?window.open(t.buttonLink):window.open(t.buttonLink,"_parent")},t.buttonText),r&&r)),"columns"===t.layout&&e("div",null,e("div",{class:s.classes.Column},e("div",{class:"image-area"},e("img",{class:s.classes.Image,src:t.imageUrl,part:"sqm-columns-image"})),e("div",{class:"text-area",part:"sqm-columns-text-area"},t.header&&e("div",{class:s.classes.Header,part:"sqm-columns-header"},t.header),t.description&&e("div",{class:s.classes.Description,part:"sqm-columns-description"},t.description),t.buttonText&&e("sl-button",{exportparts:"base: sqm-hero-image-button",class:s.classes.Button,type:"primary",onClick:()=>t.buttonNewTab?window.open(t.buttonLink):window.open(t.buttonLink,"_parent")},t.buttonText)))))}const $t=class{constructor(e){t(this,e),this.overlayOpacity="0.75",this.layout="overlay",this.imagePercentage=50,this.imagePos="center",this.imageMobilePos="top",this.buttonNewTab=!1,this.paddingText="xxxx-large",this.paddingImage="none",s(this)}disconnectedCallback(){}render(){return e(Vt,Object.assign({},M(this)),e("slot",null))}},jt=class{constructor(e){t(this,e),this.ignored=!0,s(this)}disconnectedCallback(){}render(){return e(this.hookStory,null)}};function Ut(t){const r=q({Container:{display:"flex",width:"100%",justifyContent:t.alignment||"center",background:t.backgroundColor||""},Image:{minHeight:t.minHeight||"100%",width:t.width||"100%",maxWidth:"max-content",objectFit:"cover"}}),a=r.toString();return e("div",null,e("style",{type:"text/css"},a,"\n :host{\n display: block; \n }\n "),e("div",{class:r.classes.Container,part:"sqm-base"},e("img",{part:"sqm-image",src:t.imageUrl,class:r.classes.Image})))}const Bt=class{constructor(e){t(this,e),this.alignment="center"}render(){return e(Ut,Object.assign({},M(this)))}},Ht=class{constructor(e){t(this,e),this.ignored=!0,this.fieldType="text",this.errorMessage="Cannot be empty",this.fieldOptional=!1,s(this)}disconnectedCallback(){}render(){const t={...M(this)},r=A([{attribute:"field-name",value:this.fieldName}]);if(!m()&&r)return e($,{missingProps:r,heading:"An error occured while loading this form",subheading:"A technical problem prevented this input field from loading. Please contact us with the link to this page.",description:"Values for the following attributes are missing:"});const{states:a}=m()?N({states:{registrationFormState:{}}},this.demoData||{},{arrayMerge:(t,e)=>e}):{states:{registrationFormState:o(O)}};return e(at,{states:a,content:t})}},zt=class{constructor(e){t(this,e),this.ignored=!0,this.dropdownLabel="Select an option",this.requiredFieldErrorMessage="Please select a {dropdownLabel}",this.optionalLabel="(optional)",this.dropdownOptional=!1,this.multiple=!1,s(this)}disconnectedCallback(){}render(){const t=A([{attribute:"dropdown-name",value:this.dropdownName}]);if(!m()&&t)return e($,{missingProps:t,heading:"An error occured while loading this form",subheading:"A technical problem prevented this drop down field from loading. Please contact us with the link to this page.",description:"Values for the following attributes are missing:"},e("slot",null));const r={...M(this),selectOptions:e("slot",null)},{states:a}=m()?N({states:{leadFormState:{}},content:{dropdownName:(s=this).dropdownName,dropdownLabel:s.dropdownLabel,requiredFieldErrorMessage:s.requiredFieldErrorMessage,dropdownOptional:s.dropdownOptional}},s.demoData||{},{arrayMerge:(t,e)=>e}):{states:{leadFormState:o(j)}};var s;return e(st,{states:a,content:r})}},Wt=v.gql`
63
63
  mutation submitForm($formSubmissionInput: FormSubmissionInput!) {
64
64
  submitForm(formSubmissionInput: $formSubmissionInput) {
65
65
  success
66
66
  }
67
67
  }
68
- `,Wt=p.gql`
68
+ `,Yt=v.gql`
69
69
  query getUser($programId: ID) {
70
70
  viewer {
71
71
  ... on User {
@@ -73,7 +73,7 @@ import{r as t,h as e,c as r}from"./p-f708da7b.js";import{n as a,f as s,i,k as o,
73
73
  }
74
74
  }
75
75
  }
76
- `,Yt=class{constructor(e){t(this,e),this.ignored=!0,this.emailLabel="Email",this.firstNameLabel="First name",this.lastNameLabel="Last name",this.submitLabel="Submit",this.resubmitFormLabel="Refer Another Friend",this.pageLabel="Refer your friend",this.formKey="lead-form",this.supportLinkText="Support",this.submitSuccessHeader="Lead submitted",this.submitSuccessDescription="Our team will contact your friend to see if they’re a good fit. In the meantime, you can track this referral on Activity page.",this.submitErrorHeader="An error occurred while submitting",this.submitErrorDescription="Please try again later. If the problem continues, contact {supportLink}",this.requiredFieldErrorMessage="Please enter a valid {fieldLabel}",this.networkErrorMessage="Network request failed.",this.invalidEmailErrorMessage="Must be a valid email address",a(this)}disconnectedCallback(){}render(){const{states:t,callbacks:r,refs:a}=h()?T({states:{error:"",loading:!1,success:!1},callbacks:{submit:async()=>{console.log("submit")},inputFunction:()=>{},resetForm:()=>{}},refs:{formRef:{}}},this.demoData||{},{arrayMerge:(t,e)=>e}):function(t){var e,r,a,i,l,c,d,u,h,m;const p=n(null),{leadFormState:y,setLeadFormState:w}=j({}),k=g(),E=v(),{data:C}=b(Wt,{programId:k},!(null==E?void 0:E.jwt)||!k),[I,{loading:R,errors:_}]=f(zt),[T,N]=o(!1);s((()=>{if(!p.current)return;const t=p.current;return t.addEventListener("sl-input",M),()=>{t.removeEventListener("sl-input",M)}}),[p.current]);const M=x((t=>{var e,r;if("tel"!==(null===(r=null===(e=t.target)||void 0===e?void 0:e.type)||void 0===r?void 0:r.toLowerCase()))return;const a=new H("US");t.target.value=a.input(t.target.value)}),[]);let A="";return A=(null===(e=null==_?void 0:_.response)||void 0===e?void 0:e.error)||(null==_?void 0:_.message)&&!(null===(r=null==_?void 0:_.response)||void 0===r?void 0:r.errors.length)?t.networkErrorMessage:(null===(c=null===(l=null===(i=null===(a=null==_?void 0:_.response)||void 0===a?void 0:a.errors)||void 0===i?void 0:i[0])||void 0===l?void 0:l.extensions)||void 0===c?void 0:c.message)||(null===(h=null===(u=null===(d=null==_?void 0:_.response)||void 0===d?void 0:d.errors)||void 0===u?void 0:u[0])||void 0===h?void 0:h.message)||(null==y?void 0:y.error),{states:{loading:R,error:A,success:T,leadFormState:y,referralCode:(null===(m=null==C?void 0:C.viewer)||void 0===m?void 0:m.referralCode)||""},callbacks:{submit:async e=>{var r;let a=e.target.getFormControls(),s={},i={};if(null==a||a.forEach((e=>{if(!e.name)return;const r=e.name,a=e.value;if(S.set(s,r,a),e.required&&!a&&S.set(i,r,t.requiredFieldErrorMessage),"function"==typeof e.validationError){const t=(0,e.validationError)({control:e,key:r,value:a});t&&S.set(i,r,t)}})),Object.keys(i).length)return void w({loading:!1,error:"",validationErrors:i});w({loading:!0,error:"",validationErrors:{}});const o={key:t.formKey,formData:s};try{const t=await I({formSubmissionInput:o});if(t instanceof Error)throw t;w({loading:!1,error:"",validationErrors:{}}),(null===(r=null==t?void 0:t.submitForm)||void 0===r?void 0:r.success)&&N(!0)}catch(e){w({loading:!1,error:t.networkErrorMessage,validationErrors:{}})}},inputFunction:M,resetForm:function(){var t,e;w({loading:!1,error:"",validationErrors:{}}),null===(e=null===(t=p.current)||void 0===t?void 0:t.getFormControls())||void 0===e||e.forEach((t=>{var e;"checkbox"===(null===(e=t.input)||void 0===e?void 0:e.type)?(t.checked=!1,t.value=!1):t.value=""})),N(!1)}},refs:{formRef:p}}}(this),i={formData:e("slot",{name:"formData"}),emailLabel:this.emailLabel,submitLabel:this.submitLabel,resubmitFormLabel:this.resubmitFormLabel,pageLabel:this.pageLabel,supportLinkText:this.supportLinkText,submitSuccessHeader:this.submitSuccessHeader,submitSuccessDescription:this.submitSuccessDescription,submitErrorHeader:this.submitErrorHeader,submitErrorDescription:this.submitErrorDescription,invalidEmailErrorMessage:this.invalidEmailErrorMessage,requiredFieldErrorMessage:this.requiredFieldErrorMessage,firstNameLabel:this.firstNameLabel,lastNameLabel:this.lastNameLabel};return e(st,{states:t,callbacks:r,content:i,refs:a})}},Gt=p.gql`
76
+ `,Gt=class{constructor(e){t(this,e),this.ignored=!0,this.emailLabel="Email",this.firstNameLabel="First name",this.lastNameLabel="Last name",this.submitLabel="Submit",this.resubmitFormLabel="Refer Another Friend",this.pageLabel="Refer your friend",this.formKey="lead-form",this.supportLinkText="Support",this.submitSuccessHeader="Lead submitted",this.submitSuccessDescription="Our team will contact your friend to see if they’re a good fit. In the meantime, you can track this referral on Activity page.",this.submitErrorHeader="An error occurred while submitting",this.submitErrorDescription="Please try again later. If the problem continues, contact {supportLink}",this.requiredFieldErrorMessage="Please enter a valid {fieldLabel}",this.networkErrorMessage="Network request failed.",this.invalidEmailErrorMessage="Must be a valid email address",s(this)}disconnectedCallback(){}render(){const{states:t,callbacks:r,refs:a}=m()?N({states:{error:"",loading:!1,success:!1},callbacks:{submit:async()=>{console.log("submit")},inputFunction:()=>{},resetForm:()=>{}},refs:{formRef:{}}},this.demoData||{},{arrayMerge:(t,e)=>e}):function(t){var e,r,a,s,o,c,d,u,h,m;const p=l(null),{leadFormState:v,setLeadFormState:x}=U({}),k=f(),E=g(),{data:C}=y(Yt,{programId:k},!(null==E?void 0:E.jwt)||!k),[I,{loading:R,errors:S}]=b(Wt),[_,N]=n(!1);i((()=>{if(!p.current)return;const t=p.current;return t.addEventListener("sl-input",M),()=>{t.removeEventListener("sl-input",M)}}),[p.current]);const M=w((t=>{var e,r;if("tel"!==(null===(r=null===(e=t.target)||void 0===e?void 0:e.type)||void 0===r?void 0:r.toLowerCase()))return;const a=new z("US");t.target.value=a.input(t.target.value)}),[]);let A="";return A=(null===(e=null==S?void 0:S.response)||void 0===e?void 0:e.error)||(null==S?void 0:S.message)&&!(null===(r=null==S?void 0:S.response)||void 0===r?void 0:r.errors.length)?t.networkErrorMessage:(null===(c=null===(o=null===(s=null===(a=null==S?void 0:S.response)||void 0===a?void 0:a.errors)||void 0===s?void 0:s[0])||void 0===o?void 0:o.extensions)||void 0===c?void 0:c.message)||(null===(h=null===(u=null===(d=null==S?void 0:S.response)||void 0===d?void 0:d.errors)||void 0===u?void 0:u[0])||void 0===h?void 0:h.message)||(null==v?void 0:v.error),{states:{loading:R,error:A,success:_,leadFormState:v,referralCode:(null===(m=null==C?void 0:C.viewer)||void 0===m?void 0:m.referralCode)||""},callbacks:{submit:async e=>{var r;let a=e.target.getFormControls(),s={},i={};if(null==a||a.forEach((e=>{if(!e.name)return;const r=e.name,a=e.value;if(T.set(s,r,a),e.required&&!a&&T.set(i,r,t.requiredFieldErrorMessage),"function"==typeof e.validationError){const t=(0,e.validationError)({control:e,key:r,value:a});t&&T.set(i,r,t)}})),Object.keys(i).length)return void x({loading:!1,error:"",validationErrors:i});x({loading:!0,error:"",validationErrors:{}});const o={key:t.formKey,formData:s};try{const t=await I({formSubmissionInput:o});if(t instanceof Error)throw t;x({loading:!1,error:"",validationErrors:{}}),(null===(r=null==t?void 0:t.submitForm)||void 0===r?void 0:r.success)&&N(!0)}catch(e){x({loading:!1,error:t.networkErrorMessage,validationErrors:{}})}},inputFunction:M,resetForm:function(){var t,e;x({loading:!1,error:"",validationErrors:{}}),null===(e=null===(t=p.current)||void 0===t?void 0:t.getFormControls())||void 0===e||e.forEach((t=>{var e;"checkbox"===(null===(e=t.input)||void 0===e?void 0:e.type)?(t.checked=!1,t.value=!1):t.value=""})),N(!1)}},refs:{formRef:p}}}(this),s={formData:e("slot",{name:"formData"}),emailLabel:this.emailLabel,submitLabel:this.submitLabel,resubmitFormLabel:this.resubmitFormLabel,pageLabel:this.pageLabel,supportLinkText:this.supportLinkText,submitSuccessHeader:this.submitSuccessHeader,submitSuccessDescription:this.submitSuccessDescription,submitErrorHeader:this.submitErrorHeader,submitErrorDescription:this.submitErrorDescription,invalidEmailErrorMessage:this.invalidEmailErrorMessage,requiredFieldErrorMessage:this.requiredFieldErrorMessage,firstNameLabel:this.firstNameLabel,lastNameLabel:this.lastNameLabel};return e(it,{states:t,callbacks:r,content:s,refs:a})}},Kt=v.gql`
77
77
  query (
78
78
  $type: String!
79
79
  $filter: UserLeaderboardFilterInput
@@ -94,7 +94,7 @@ import{r as t,h as e,c as r}from"./p-f708da7b.js";import{n as a,f as s,i,k as o,
94
94
  }
95
95
  }
96
96
  }
97
- `,Kt=p.gql`
97
+ `,Zt=v.gql`
98
98
  query (
99
99
  $type: String!
100
100
  $filter: UserLeaderboardFilterInput
@@ -113,7 +113,7 @@ import{r as t,h as e,c as r}from"./p-f708da7b.js";import{n as a,f as s,i,k as o,
113
113
  }
114
114
  }
115
115
  }
116
- `,Zt=p.gql`
116
+ `,Xt=v.gql`
117
117
  query (
118
118
  $type: String!
119
119
  $filter: UserLeaderboardFilterInput
@@ -132,7 +132,7 @@ import{r as t,h as e,c as r}from"./p-f708da7b.js";import{n as a,f as s,i,k as o,
132
132
  }
133
133
  }
134
134
  }
135
- `,Xt=p.gql`
135
+ `,Qt=v.gql`
136
136
  query (
137
137
  $type: String!
138
138
  $filter: UserLeaderboardFilterInput
@@ -149,7 +149,7 @@ import{r as t,h as e,c as r}from"./p-f708da7b.js";import{n as a,f as s,i,k as o,
149
149
  }
150
150
  }
151
151
  }
152
- `,Qt=class{constructor(e){t(this,e),this.width="100%",this.hideViewer=!1,this.viewingUserText="You",this.hideNames=!1,this.anonymousUser="Anonymous User",this.maxRows=10,this.ignored=!0,a(this),it(this)}disconnectedCallback(){}render(){const t={empty:e(Jt,null),usersheading:this.usersheading,statsheading:this.statsheading,rankheading:this.rankheading,rankType:this.rankType,leaderboardType:this.leaderboardType,maxRows:this.maxRows,programId:this.programId,anonymousUser:this.anonymousUser,interval:this.interval,hideViewer:this.hideViewer,viewingUserText:this.viewingUserText,hideNames:this.hideNames,showRank:this.showRank,rankSuffix:this.rankSuffix,width:this.width},r={...t,demoData:this.demoData},a=h()?function(t){var r,a;const s=(null===(a=null===(r=t.demoData)||void 0===r?void 0:r.data)||void 0===a?void 0:a.leaderboard)||[{firstName:"Viktor",lastInitial:"V",textValue:"82",rank:1,rowNumber:1},{firstName:"MF",lastInitial:"D",textValue:"73",rank:2,rowNumber:2},{firstName:"Freddie",lastInitial:"G",textValue:"64",rank:3,rowNumber:3},{firstName:"Benny",lastInitial:"B",textValue:"55",rank:4,rowNumber:4},{textValue:"46",rank:5,rowNumber:5}];return T({states:{loading:!1,hasLeaders:!0,isEssentials:!1,styles:{usersheading:t.usersheading?t.usersheading:"Top referrers",statsheading:t.statsheading?t.statsheading:"New customers",rankheading:t.rankheading?t.rankheading:"Rank",anonymousUser:t.anonymousUser?t.anonymousUser:"Anonymous User",showRank:t.showRank,hideViewer:t.hideViewer,viewingUserText:t.viewingUserText,hideNames:t.hideNames,rankSuffix:t.rankSuffix,width:t.width}},data:{rankType:"rowNumber",leaderboard:s},elements:{empty:e(Jt,null)}},t.demoData||{},{arrayMerge:(t,e)=>e})}(r):function(t){var e,r,a,s,i,o,n,c,d,u;const h=g(),m=null!==(e=t.programId)&&void 0!==e?e:h,p=v(),f=w(),y=m?{type:t.leaderboardType,filter:{programId_eq:m}}:{type:t.leaderboardType,filter:{}};t.interval&&(y.filter.interval=t.interval),f&&(y.locale=f),t.maxRows>0&&(y.limit=t.maxRows);const{data:x,loading:k,errors:E}=b(t.hideNames?Kt:Gt,y,!(null==p?void 0:p.jwt),{batch:!1}),{data:C}=b(t.hideNames?Xt:Zt,y,!(null==p?void 0:p.jwt)),I=null==(S=null===(r=null==x?void 0:x.userLeaderboard)||void 0===r?void 0:r.rows)?void 0:S.flatMap((e=>{var r,a;return{textValue:e.textValue,firstName:e.firstName,lastInitial:e.lastInitial,rank:null===(r=e.rank)||void 0===r?void 0:r[t.rankType],rowNumber:null===(a=e.rank)||void 0===a?void 0:a.rowNumber}})),R=null==I?void 0:I.sort((function(t,e){return t.rank-e.rank})),_={textValue:null===(s=null===(a=null==C?void 0:C.viewer)||void 0===a?void 0:a.leaderboardRank)||void 0===s?void 0:s.textValue,firstName:null===(i=null==C?void 0:C.viewer)||void 0===i?void 0:i.firstName,lastInitial:null===(o=null==C?void 0:C.viewer)||void 0===o?void 0:o.lastInitial,rank:null===(c=null===(n=null==C?void 0:C.viewer)||void 0===n?void 0:n.leaderboardRank)||void 0===c?void 0:c[t.rankType],rowNumber:null===(u=null===(d=null==C?void 0:C.viewer)||void 0===d?void 0:d.leaderboardRank)||void 0===u?void 0:u.rowNumber};var S;return{states:{loading:k,isEssentials:l((()=>{var t,e;return!!(null===(e=null===(t=null==E?void 0:E.response)||void 0===t?void 0:t.errors)||void 0===e?void 0:e.find((t=>{var e,r;return 403===(null===(r=null===(e=null==t?void 0:t.extensions)||void 0===e?void 0:e.apiError)||void 0===r?void 0:r.statusCode)})))}),[E]),hasLeaders:(null==R?void 0:R.length)>0,styles:t},data:{leaderboard:R,rankType:t.rankType,viewerRank:_},elements:{empty:t.empty}}}(t);return e(ot,Object.assign({},a))}};function Jt(){return e("slot",{name:"empty"},e("sqm-empty",{"empty-state-image":"https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png","empty-state-header":"View your rank in the leaderboard","empty-state-text":"Be the first to refer a friend and reach the top of the leaderboard"}))}const te=A({Container:{display:"contents"},Link:{textDecoration:"none",color:"inherit"}}),ee=te.toString();function re(t){const{onClick:r,buttonText:a}=t;return e("span",{class:te.classes.Container,part:"sqm-base"},e("style",{type:"text/css"},ee,"\n:host{\n display: inline; \n}\n"),e("sl-button",{onClick:r,type:"primary",exportparts:"base: primarybutton-base"},e("a",{class:te.classes.Link,part:"sqm-link"},a)))}const ae=class{constructor(e){t(this,e),this.openInNewTab=!1,this.buttonText="Click here"}render(){return e(re,Object.assign({},{...N(this),onClick:()=>{window.open(this.link,this.openInNewTab?"_blank":"_parent")}}))}},se=class{constructor(e){t(this,e),this.ignored=!0,this.checkboxLabel="I would like to receive marketing and promotional emails for this referral program",this.checkboxName="marketingEmailOptIn",a(this)}disconnectedCallback(){}render(){const t={...N(this)},{states:r,callbacks:a}=h()?T({states:{registrationFormState:{},checked:!1},callbacks:{setChecked:()=>{}}},this.demoData||{},{arrayMerge:(t,e)=>e}):It(this);return e(X,{states:r,content:t,callbacks:a})}},ie=class{constructor(e){t(this,e),this.ignored=!0,this.firstNameLabel="First Name",this.lastNameLabel="Last Name",a(this)}disconnectedCallback(){}render(){const{states:t}=h()?T({states:{validationErrors:[],content:{firstNameLabel:this.firstNameLabel,lastNameLabel:this.lastNameLabel}}},this.demoData||{},{arrayMerge:(t,e)=>e}):function(t){return{states:{registrationFormState:i(F),content:{lastNameLabel:t.lastNameLabel,firstNameLabel:t.firstNameLabel}}}}(this);return e(nt,{states:t})}};function oe(t){const{states:r}=t,{styles:a}=r;return r.includeDropdown?e("sl-dropdown",{style:"margin-bottom: var(--sl-spacing-large)"},e("sl-button",{slot:"trigger",caret:!0,onClick:t.callbacks.rerender,exportparts:"base: dropdownbutton-base"},a.menuLabel),e("sl-menu",{ref:e=>{void 0===t.ref.current&&(t.ref.current=e,t.callbacks.rerender())}},e("slot",null))):""}const ne=class{constructor(e){t(this,e),this.ignored=!0,a(this)}disconnectedCallback(){}render(){const t=h()?function(t){return T({states:{includeDropdown:!0,styles:{...t,menuLabel:"Menu"}},callbacks:{rerender:()=>{}},ref:{current:void 0}},t.demoData||{},{arrayMerge:(t,e)=>e})}(N(this)):function(t){const e=n(),[,r]=k(),a=v();return s((()=>{var t;null===(t=e.current)||void 0===t||t.addEventListener("sl-select",(t=>function(t){E.push(t.detail.item.value)}(t)))}),[e.current]),{states:{includeDropdown:void 0!==((null==a?void 0:a.id)||(null==a?void 0:a.accountId)||(null==a?void 0:a.jwt)),styles:{menuLabel:t.menuLabel}},callbacks:{rerender:r},ref:e}}(N(this));return e(r,{slot:"sqm-navigation-menu"},e(oe,Object.assign({},t)))}};ne.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 le=A({Wrapper:{maxWidth:"200px",marginLeft:"auto"},PayoutButtonDescription:{color:"var(--sl-color-neutral-500)",fontSize:"var(--sl-font-size-small)",margin:"0"}}),ce=le.toString();function de(t){const{text:r,states:a}=t;return a.payoutSettingsComplete?e("div",{class:le.classes.Wrapper},e("style",{type:"text/css"},ce),e("sqm-scroll",{"scroll-tag-name":"sqm-tabs","button-text":r.payoutButtonText,"scroll-animation":"smooth"}),e("p",{class:le.classes.PayoutButtonDescription},r.payoutButtonDescription)):e("div",null)}const ue=p.gql`
152
+ `,Jt=class{constructor(e){t(this,e),this.width="100%",this.hideViewer=!1,this.viewingUserText="You",this.hideNames=!1,this.anonymousUser="Anonymous User",this.maxRows=10,this.ignored=!0,s(this),ot(this)}disconnectedCallback(){}render(){const t={empty:e(te,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},r={...t,demoData:this.demoData},a=m()?function(t){var r,a;const s=(null===(a=null===(r=t.demoData)||void 0===r?void 0:r.data)||void 0===a?void 0:a.leaderboard)||[{firstName:"Viktor",lastInitial:"V",textValue:"82",rank:1,rowNumber:1},{firstName:"MF",lastInitial:"D",textValue:"73",rank:2,rowNumber:2},{firstName:"Freddie",lastInitial:"G",textValue:"64",rank:3,rowNumber:3},{firstName:"Benny",lastInitial:"B",textValue:"55",rank:4,rowNumber:4},{textValue:"46",rank:5,rowNumber:5}];return N({states:{loading:!1,hasLeaders:!0,isEssentials:!1,styles:{usersheading:t.usersheading?t.usersheading:"Top referrers",statsheading:t.statsheading?t.statsheading:"New customers",rankheading:t.rankheading?t.rankheading:"Rank",anonymousUser:t.anonymousUser?t.anonymousUser:"Anonymous User",showRank:t.showRank,hideViewer:t.hideViewer,viewingUserText:t.viewingUserText,hideNames:t.hideNames,rankSuffix:t.rankSuffix,width:t.width}},data:{rankType:"rowNumber",leaderboard:s},elements:{empty:e(te,null)}},t.demoData||{},{arrayMerge:(t,e)=>e})}(r):function(t){var e,r,a,s,i,o,n,l,d,u;const h=f(),m=null!==(e=t.programId)&&void 0!==e?e:h,p=g(),v=k(),b=m?{type:t.leaderboardType,filter:{programId_eq:m}}:{type:t.leaderboardType,filter:{}};t.interval&&(b.filter.interval=t.interval),v&&(b.locale=v),t.maxRows>0&&(b.limit=t.maxRows);const{data:x,loading:w,errors:E}=y(t.hideNames?Zt:Kt,b,!(null==p?void 0:p.jwt),{batch:!1}),{data:C}=y(t.hideNames?Qt:Xt,b,!(null==p?void 0:p.jwt)),I=null==(_=null===(r=null==x?void 0:x.userLeaderboard)||void 0===r?void 0:r.rows)?void 0:_.flatMap((e=>{var r,a;return{textValue:e.textValue,firstName:e.firstName,lastInitial:e.lastInitial,rank:null===(r=e.rank)||void 0===r?void 0:r[t.rankType],rowNumber:null===(a=e.rank)||void 0===a?void 0:a.rowNumber}})),R=null==I?void 0:I.sort((function(t,e){return t.rank-e.rank})),S={textValue:null===(s=null===(a=null==C?void 0:C.viewer)||void 0===a?void 0:a.leaderboardRank)||void 0===s?void 0:s.textValue,firstName:null===(i=null==C?void 0:C.viewer)||void 0===i?void 0:i.firstName,lastInitial:null===(o=null==C?void 0:C.viewer)||void 0===o?void 0:o.lastInitial,rank:null===(l=null===(n=null==C?void 0:C.viewer)||void 0===n?void 0:n.leaderboardRank)||void 0===l?void 0:l[t.rankType],rowNumber:null===(u=null===(d=null==C?void 0:C.viewer)||void 0===d?void 0:d.leaderboardRank)||void 0===u?void 0:u.rowNumber};var _;return{states:{loading:w,isEssentials:c((()=>{var t,e;return!!(null===(e=null===(t=null==E?void 0:E.response)||void 0===t?void 0:t.errors)||void 0===e?void 0:e.find((t=>{var e,r;return 403===(null===(r=null===(e=null==t?void 0:t.extensions)||void 0===e?void 0:e.apiError)||void 0===r?void 0:r.statusCode)})))}),[E]),hasLeaders:(null==R?void 0:R.length)>0,styles:t},data:{leaderboard:R,rankType:t.rankType,viewerRank:S},elements:{empty:t.empty}}}(t);return e(nt,Object.assign({},a))}};function te(){return e("slot",{name:"empty"},e("sqm-empty",{"empty-state-image":"https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png","empty-state-header":"View your rank in the leaderboard","empty-state-text":"Be the first to refer a friend and reach the top of the leaderboard"}))}const ee=q({Container:{display:"contents"},Link:{textDecoration:"none",color:"inherit"}}),re=ee.toString();function ae(t){const{onClick:r,buttonText:a}=t;return e("span",{class:ee.classes.Container,part:"sqm-base"},e("style",{type:"text/css"},re,"\n:host{\n display: inline; \n}\n"),e("sl-button",{onClick:r,type:"primary",exportparts:"base: primarybutton-base"},e("a",{class:ee.classes.Link,part:"sqm-link"},a)))}const se=class{constructor(e){t(this,e),this.openInNewTab=!1,this.buttonText="Click here"}render(){return e(ae,Object.assign({},{...M(this),onClick:()=>{window.open(this.link,this.openInNewTab?"_blank":"_parent")}}))}},ie=class{constructor(e){t(this,e),this.ignored=!0,this.checkboxLabel="I would like to receive marketing and promotional emails for this referral program",this.checkboxName="marketingEmailOptIn",s(this)}disconnectedCallback(){}render(){const t={...M(this)},{states:r,callbacks:a}=m()?N({states:{registrationFormState:{},checked:!1},callbacks:{setChecked:()=>{}}},this.demoData||{},{arrayMerge:(t,e)=>e}):Rt(this);return e(Q,{states:r,content:t,callbacks:a})}},oe=class{constructor(e){t(this,e),this.ignored=!0,this.firstNameLabel="First Name",this.lastNameLabel="Last Name",s(this)}disconnectedCallback(){}render(){const{states:t}=m()?N({states:{validationErrors:[],content:{firstNameLabel:this.firstNameLabel,lastNameLabel:this.lastNameLabel}}},this.demoData||{},{arrayMerge:(t,e)=>e}):function(t){return{states:{registrationFormState:o(O),content:{lastNameLabel:t.lastNameLabel,firstNameLabel:t.firstNameLabel}}}}(this);return e(lt,{states:t})}};function ne(t){const{states:r}=t,{styles:a}=r;return r.includeDropdown?e("sl-dropdown",{style:"margin-bottom: var(--sl-spacing-large)"},e("sl-button",{slot:"trigger",caret:!0,onClick:t.callbacks.rerender,exportparts:"base: dropdownbutton-base"},a.menuLabel),e("sl-menu",{ref:e=>{void 0===t.ref.current&&(t.ref.current=e,t.callbacks.rerender())}},e("slot",null))):""}const le=class{constructor(e){t(this,e),this.ignored=!0,s(this)}disconnectedCallback(){}render(){const t=m()?function(t){return N({states:{includeDropdown:!0,styles:{...t,menuLabel:"Menu"}},callbacks:{rerender:()=>{}},ref:{current:void 0}},t.demoData||{},{arrayMerge:(t,e)=>e})}(M(this)):function(t){const e=l(),[,r]=E(),a=g();return i((()=>{var t;null===(t=e.current)||void 0===t||t.addEventListener("sl-select",(t=>function(t){C.push(t.detail.item.value)}(t)))}),[e.current]),{states:{includeDropdown:void 0!==((null==a?void 0:a.id)||(null==a?void 0:a.accountId)||(null==a?void 0:a.jwt)),styles:{menuLabel:t.menuLabel}},callbacks:{rerender:r},ref:e}}(M(this));return e(r,{slot:"sqm-navigation-menu"},e(ne,Object.assign({},t)))}};le.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 ce=q({Wrapper:{maxWidth:"200px",marginLeft:"auto"},PayoutButtonDescription:{color:"var(--sl-color-neutral-500)",fontSize:"var(--sl-font-size-small)",margin:"0"}}),de=ce.toString();function ue(t){const{text:r,states:a}=t;return a.payoutSettingsComplete?e("div",{class:ce.classes.Wrapper},e("style",{type:"text/css"},de),e("sqm-scroll",{"scroll-tag-name":"sqm-tabs","button-text":r.payoutButtonText,"scroll-animation":"smooth"}),e("p",{class:ce.classes.PayoutButtonDescription},r.payoutButtonDescription)):e("div",null)}const he=v.gql`
153
153
  query getPayoutDetails {
154
154
  user: viewer {
155
155
  ... on User {
@@ -167,7 +167,7 @@ import{r as t,h as e,c as r}from"./p-f708da7b.js";import{n as a,f as s,i,k as o,
167
167
  }
168
168
  }
169
169
  }
170
- `,he=class{constructor(e){t(this,e),this.payoutButtonText="Payouts & Tax Settings",this.payoutButtonDescription="Check your payout settings to see when you’ll get paid out next",this.ignored=!0,a(this)}disconnectedCallback(){}getTextProps(){return N(this)}render(){const t=h()?function(t){return T({states:{payoutSettingsComplete:!1},text:t.getTextProps()},t.demoData||{},{arrayMerge:(t,e)=>e})}(this):function(t){var e,r,a;const{data:i,refetch:o}=b(ue,{});return s((()=>{const t=()=>o();return window.addEventListener("sqm:tax-form-updated",t),()=>window.removeEventListener("sqm:tax-form-updated",t)}),[]),{states:{payoutSettingsComplete:!!(null===(a=null===(r=null===(e=null==i?void 0:i.user)||void 0===e?void 0:e.impactConnection)||void 0===r?void 0:r.publisher)||void 0===a?void 0:a.payoutsAccount)},text:t.getTextProps()}}(this);return e(de,Object.assign({},t))}},me=A({SkeletonOne:{width:"50%",height:"16px"},AlertDescriptionText:{margin:"0",marginBottom:"var(--sl-spacing-small)"},ErrorAlertContainer:{"&::part(base)":{backgroundColor:"var(--sl-color-red-100)",borderTop:"none"},"& sl-icon::part(base)":{color:"var(--sl-color-danger-500)"}},WarningAlertContainer:{"&::part(base)":{backgroundColor:"var(--sl-color-yellow-100)",borderTop:"none"},"& sl-icon::part(base)":{color:"var(--sl-color-danger-500)"}},InfoAlertContainer:{"&::part(base)":{backgroundColor:"var(--sl-color-sky-100)",borderTop:"none"},"& sl-icon::part(base)":{color:"var(--sl-color-blue-500)"}},Dialog:{"&::part(panel)":{height:"600px"},"&::part(close-button)":{marginBottom:"var(--sl-spacing-xx-large)"},"&::part(title)":{display:"none"},"&::part(header)":{},"&::part(body)":{padding:"0"},"&::part(footer)":{}}}),pe=me.toString();function ve(t){const{text:r,states:a,data:s,callbacks:i}=t;if(a.loading)return e("sl-skeleton",{class:me.classes.SkeletonOne});const o=function(t){if(a.error)return{header:r.errorHeader,description:r.errorDescription,buttonText:null,alertType:"critical",icon:"exclamation-triangle",class:me.classes.ErrorAlertContainer};switch(t){case"INFORMATION_REQUIRED":return{header:r.informationRequiredHeader,description:r.informationRequiredDescription,buttonText:r.informationRequiredButtonText,alertType:"info",icon:"info-circle",class:me.classes.InfoAlertContainer};case"VERIFICATION:REQUIRED":return{header:r.verificationRequiredHeader,description:u.formatMessage({id:"verificationRequiredDescription",defaultMessage:r.verificationRequiredDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),buttonText:r.verificationRequiredButtonText,alertType:"warning",icon:"exclamation-triangle",class:me.classes.WarningAlertContainer};case"VERIFICATION:INTERNAL":return{header:r.verificationRequiredInternalHeader,description:u.formatMessage({id:"verificationRequiredInternalDescription",defaultMessage:r.verificationRequiredInternalDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),alertType:"warning",icon:"exclamation-triangle",class:me.classes.WarningAlertContainer};case"VERIFICATION:REVIEW":return{header:r.verificationReviewInternalHeader,description:u.formatMessage({id:"verificationReviewInternalDescription",defaultMessage:r.verificationReviewInternalDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),alertType:"warning",icon:"exclamation-triangle",class:me.classes.WarningAlertContainer};case"VERIFICATION:FAILED":return{header:r.verificationFailedInternalHeader,description:u.formatMessage({id:"verificationFailedInternalDescription",defaultMessage:r.verificationFailedInternalDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),alertType:"critical",icon:"exclamation-octagon",class:me.classes.ErrorAlertContainer};case"OVER_W9_THRESHOLD":return"CASH_ONLY_DEFER_W9"===a.enforceUsTaxComplianceOption?{header:r.w9RequiredHeader,description:u.formatMessage({id:"w9RequiredDescription",defaultMessage:r.w9RequiredDescription},{termsAndConditions:e("a",{target:"_blank",href:"https://terms.advocate.impact.com/PayoutTermsAndConditions.html"},r.termsAndConditions)}),buttonText:r.w9RequiredButtonText,alertType:"warning",icon:"exclamation-triangle",class:me.classes.WarningAlertContainer}:{header:r.holdHeader,description:u.formatMessage({id:"holdDescription",defaultMessage:r.holdDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),buttonText:null,alertType:"warning",icon:"exclamation-triangle",class:me.classes.WarningAlertContainer};case"NEW_PAYEE_REVIEW":return{header:r.accountReviewHeader,description:u.formatMessage({id:"accountReviewDescription",defaultMessage:r.accountReviewDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),buttonText:null,alertType:"warning",icon:"exclamation-triangle",class:me.classes.WarningAlertContainer};case"PAYMENT_HOLD_ON_CHANGE":return{header:r.paymentHoldOnChangeHeader,description:u.formatMessage({id:"accountReviewDescription",defaultMessage:r.paymentHoldOnChangeDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),buttonText:null,alertType:"warning",icon:"exclamation-triangle",class:me.classes.WarningAlertContainer};case"BENEFICIARY_NAME_INVALID":return{header:r.beneficiaryNameInvalidHeader,description:u.formatMessage({id:"accountReviewDescription",defaultMessage:r.beneficiaryNameInvalidDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),buttonText:r.editPaymentInformationButton,alertType:"warning",icon:"exclamation-triangle",class:me.classes.WarningAlertContainer};case"BENEFICIARY_NAME_MISMATCH":return{header:r.beneficiaryNameMismatchHeader,description:u.formatMessage({id:"accountReviewDescription",defaultMessage:r.beneficiaryNameMismatchDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),buttonText:r.editPaymentInformationButton,alertType:"warning",icon:"exclamation-triangle",class:me.classes.WarningAlertContainer};case"BANK_TAX_NAME_MISMATCH":return{header:r.bankTaxNameMismatchHeader,description:u.formatMessage({id:"accountReviewDescription",defaultMessage:r.bankTaxNameMismatchDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),buttonText:r.editPaymentInformationButton,alertType:"warning",icon:"exclamation-triangle",class:me.classes.WarningAlertContainer};case"WITHDRAWAL_SETTINGS_INVALID":return{header:r.withdrawalSettingsInvalidHeader,description:u.formatMessage({id:"accountReviewDescription",defaultMessage:r.withdrawalSettingsInvalidDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),buttonText:r.editPaymentInformationButton,alertType:"warning",icon:"exclamation-triangle",class:me.classes.WarningAlertContainer};case"PAYMENT_RETURNED":return{header:r.paymentReturnedHeader,description:u.formatMessage({id:"accountReviewDescription",defaultMessage:r.paymentReturnedDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),buttonText:r.editPaymentInformationButton,alertType:"warning",icon:"exclamation-triangle",class:me.classes.WarningAlertContainer};case"HOLD":return{header:r.holdHeader,description:u.formatMessage({id:"holdDescription",defaultMessage:r.holdDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),buttonText:null,alertType:"warning",icon:"exclamation-triangle",class:me.classes.WarningAlertContainer};default:return}}(a.status);return"DONE"!==a.status&&o?e("div",{part:"sqm-base"},e("style",{type:"text/css"},pe),e("sl-alert",{exportparts:"base: alert-base, icon:alert-icon",type:o.alertType,class:o.class,open:!0},e("sl-icon",{slot:"icon",name:o.icon}),e("strong",null,o.header),e("p",{class:me.classes.AlertDescriptionText},o.description),function(t){switch(t){case"OVER_W9_THRESHOLD":if("CASH_ONLY"===a.enforceUsTaxComplianceOption)return;return"SquatchJS2"===s.type?e("sqm-scroll",{"scroll-tag-name":"sqm-tabs","button-text":r.w9RequiredButtonText,"scroll-animation":"smooth"}):e("sl-button","SquatchPortal"===s.type?{type:"default",onClick:i.onTermsClick}:{type:"default"},r.w9RequiredButtonText);case"INFORMATION_REQUIRED":return"SquatchJS2"===s.type?e("sqm-scroll",{"scroll-tag-name":"sqm-tabs","button-text":r.informationRequiredButtonText,"scroll-animation":"smooth"}):e("sl-button","SquatchPortal"===s.type?{type:"default",onClick:i.onTermsClick}:{type:"default"},r.informationRequiredButtonText);case"VERIFICATION:REQUIRED":return e("sl-button",{type:"default",loading:a.veriffLoading,onClick:i.onClick},r.verificationRequiredButtonText);default:return o.buttonText?e("sl-button",{type:"default",onClick:i.onPaymentInfoClick},o.buttonText):void 0}}(a.status))):e("div",null)}const ge=class{constructor(e){t(this,e),this.informationRequiredHeader="Payout and tax information required",this.editPaymentInformationButton="Edit Payout Information",this.informationRequiredDescription="Submit your banking details and tax documents to receive your rewards.",this.informationRequiredButtonText="Payouts & Tax Settings",this.verificationRequiredHeader="Verify your identity",this.verificationRequiredDescription="It should only take a few minutes verify. If you run in to an issue verifying your identity contact our {supportLink}.",this.verificationRequiredButtonText="Start Verification",this.verificationRequiredInternalHeader="Identity Verification in Progress",this.verificationRequiredInternalDescription="Identity verification submission has been received. Our system is currently performing additional checks and analyzing the results. You will be updated shortly. If you don't hear from us contact our {supportLink}.",this.verificationReviewInternalHeader="Identity Verification Under Review",this.verificationReviewInternalDescription="Identity verification requires further review due to a potential error. Our team is reviewing the information and will update you shortly. If you don't hear from us contact our {supportLink}.",this.verificationFailedInternalHeader="Identity Verification Unsuccessful",this.verificationFailedInternalDescription="Identity verification has failed. Our team is reviewing the report and will contact you with further information. If you don't hear from us contact our {supportLink}.",this.accountReviewHeader="Your account is under review",this.accountReviewDescription="This process takes 48 hours, payouts are on hold until it's completed. You will receive an email from our referral provider, Impact.com, if any issues arise. It contains details on how to resolve this issue. If you need further assistance, please reach out to our {supportLink}.",this.paymentHoldOnChangeHeader="We are reviewing your new payout settings",this.paymentHoldOnChangeDescription="Your payout is temporarily on hold while we review your new payment information, this process is usually resolved within 48 hours.",this.beneficiaryNameInvalidHeader="Your payment information does not match your tax form",this.beneficiaryNameInvalidDescription="The beneficiary name in your payment information does not match what was submitted in your tax form. Please review and update your payment information or tax form so that they match exactly and do not include any invalid characters. Your payouts are on hold until this is resolved.",this.beneficiaryNameMismatchHeader="Your payment information does not match your tax form",this.beneficiaryNameMismatchDescription="The beneficiary name in your payment information does not match what was submitted in your tax form. Please review and update your payment information or tax form so that they match exactly and do not include any invalid characters. Your payouts are on hold until this is resolved.",this.bankTaxNameMismatchHeader="Your payment information does not match your tax form",this.bankTaxNameMismatchDescription="The bank name in your payment information does not match what was submitted in your tax form. Please review and update your payment information or tax form so that they match exactly and do not include any invalid characters. Your payouts are on hold until this is resolved.",this.withdrawalSettingsInvalidHeader="Your payment information includes invalid characters",this.withdrawalSettingsInvalidDescription="There are invalid characters in your payment information. Please review your information and make sure it is correct with no invalid characters. Your payouts are on hold until this is resolved.",this.paymentReturnedHeader="Payout unsuccessful",this.paymentReturnedDescription="Our recent payment attempt for your earnings was unsuccessful. Please review your payment information and make sure it is correct.",this.w9RequiredHeader="Your next payout is on hold",this.w9RequiredDescription="You have surpassed the $600 threshold requiring a W-9 form or have multiple accounts with impact.com. To remove the hold, please submit your W-9 form.",this.w9RequiredButtonText="Submit W-9",this.holdHeader="Your payouts and account are on hold",this.holdDescription="Please check your inbox for an email from our referral provider, impact.com. It contains details on how to resolve this issue. If you need further assistance, feel free to reach out to our {supportLink}.",this.cashPayoutsPageUrl="/taxAndCash",this.supportLink="support team",this.termsAndConditions="Terms and Conditions",this.errorHeader="Could not determine payout status.",this.errorDescription="There was an error with determining your payout status.",a(this)}disconnectedCallback(){}getTextProps(){return N(this)}render(){const t=h()?function(t){return T({states:{error:!1,status:"INFORMATION_REQUIRED",loading:!1,showVerifyIdentity:!1},data:{type:"SquatchAdmin"},text:t.getTextProps(),callbacks:{onTermsClick:()=>{},onClick:()=>console.log("show"),onPaymentInfoClick:()=>{}}},t.demoData||{},{arrayMerge:(t,e)=>e})}(this):wt(this);return e(ve,Object.assign({},t))}},fe=p.gql`
170
+ `,me=class{constructor(e){t(this,e),this.payoutButtonText="Payouts & Tax Settings",this.payoutButtonDescription="Check your payout settings to see when you’ll get paid out next",this.ignored=!0,s(this)}disconnectedCallback(){}getTextProps(){return M(this)}render(){const t=m()?function(t){return N({states:{payoutSettingsComplete:!1},text:t.getTextProps()},t.demoData||{},{arrayMerge:(t,e)=>e})}(this):function(t){var e,r,a;const{data:s,refetch:o}=y(he,{});return i((()=>{const t=()=>o();return window.addEventListener("sqm:tax-form-updated",t),()=>window.removeEventListener("sqm:tax-form-updated",t)}),[]),{states:{payoutSettingsComplete:!!(null===(a=null===(r=null===(e=null==s?void 0:s.user)||void 0===e?void 0:e.impactConnection)||void 0===r?void 0:r.publisher)||void 0===a?void 0:a.payoutsAccount)},text:t.getTextProps()}}(this);return e(ue,Object.assign({},t))}},pe=q({SkeletonOne:{width:"50%",height:"16px"},AlertDescriptionText:{margin:"0",marginBottom:"var(--sl-spacing-small)"},ErrorAlertContainer:{"&::part(base)":{backgroundColor:"var(--sl-color-red-100)",borderTop:"none"},"& sl-icon::part(base)":{color:"var(--sl-color-danger-500)"}},WarningAlertContainer:{"&::part(base)":{backgroundColor:"var(--sl-color-yellow-100)",borderTop:"none"},"& sl-icon::part(base)":{color:"var(--sl-color-danger-500)"}},InfoAlertContainer:{"&::part(base)":{backgroundColor:"var(--sl-color-sky-100)",borderTop:"none"},"& sl-icon::part(base)":{color:"var(--sl-color-blue-500)"}},Dialog:{"&::part(panel)":{height:"600px"},"&::part(close-button)":{marginBottom:"var(--sl-spacing-xx-large)"},"&::part(title)":{display:"none"},"&::part(header)":{},"&::part(body)":{padding:"0"},"&::part(footer)":{}}}),ve=pe.toString();function ge(t){const{text:r,states:s,data:i,callbacks:o}=t;if(s.loading)return e("sl-skeleton",{class:pe.classes.SkeletonOne});const n=function(t){if(s.error)return{header:r.errorHeader,description:r.errorDescription,buttonText:null,alertType:"critical",icon:"exclamation-triangle",class:pe.classes.ErrorAlertContainer};switch(t){case"INFORMATION_REQUIRED":return{header:r.informationRequiredHeader,description:r.informationRequiredDescription,buttonText:r.informationRequiredButtonText,alertType:"info",icon:"info-circle",class:pe.classes.InfoAlertContainer};case"VERIFICATION:REQUIRED":return{header:r.verificationRequiredHeader,description:h.formatMessage({id:"verificationRequiredDescription",defaultMessage:r.verificationRequiredDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),buttonText:r.verificationRequiredButtonText,alertType:"warning",icon:"exclamation-triangle",class:pe.classes.WarningAlertContainer};case"VERIFICATION:INTERNAL":return{header:r.verificationRequiredInternalHeader,description:h.formatMessage({id:"verificationRequiredInternalDescription",defaultMessage:r.verificationRequiredInternalDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),alertType:"warning",icon:"exclamation-triangle",class:pe.classes.WarningAlertContainer};case"VERIFICATION:REVIEW":return{header:r.verificationReviewInternalHeader,description:h.formatMessage({id:"verificationReviewInternalDescription",defaultMessage:r.verificationReviewInternalDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),alertType:"warning",icon:"exclamation-triangle",class:pe.classes.WarningAlertContainer};case"VERIFICATION:FAILED":return{header:r.verificationFailedInternalHeader,description:h.formatMessage({id:"verificationFailedInternalDescription",defaultMessage:r.verificationFailedInternalDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),alertType:"critical",icon:"exclamation-octagon",class:pe.classes.ErrorAlertContainer};case"OVER_W9_THRESHOLD":return"CASH_ONLY_DEFER_W9"===s.enforceUsTaxComplianceOption?{header:r.w9RequiredHeader,description:h.formatMessage({id:"w9RequiredDescription",defaultMessage:r.w9RequiredDescription},{termsAndConditions:e("a",{target:"_blank",href:"https://terms.advocate.impact.com/PayoutTermsAndConditions.html"},r.termsAndConditions)}),buttonText:r.w9RequiredButtonText,alertType:"warning",icon:"exclamation-triangle",class:pe.classes.WarningAlertContainer}:{header:r.holdHeader,description:h.formatMessage({id:"holdDescription",defaultMessage:r.holdDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),buttonText:null,alertType:"warning",icon:"exclamation-triangle",class:pe.classes.WarningAlertContainer};case"NEW_PAYEE_REVIEW":return{header:r.accountReviewHeader,description:h.formatMessage({id:"accountReviewDescription",defaultMessage:r.accountReviewDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),buttonText:null,alertType:"warning",icon:"exclamation-triangle",class:pe.classes.WarningAlertContainer};case"PAYMENT_HOLD_ON_CHANGE":return{header:r.paymentHoldOnChangeHeader,description:h.formatMessage({id:"accountReviewDescription",defaultMessage:r.paymentHoldOnChangeDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),buttonText:null,alertType:"warning",icon:"exclamation-triangle",class:pe.classes.WarningAlertContainer};case"BENEFICIARY_NAME_INVALID":return{header:r.beneficiaryNameInvalidHeader,description:h.formatMessage({id:"accountReviewDescription",defaultMessage:r.beneficiaryNameInvalidDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),buttonText:r.editPaymentInformationButton,alertType:"warning",icon:"exclamation-triangle",class:pe.classes.WarningAlertContainer};case"BENEFICIARY_NAME_MISMATCH":return{header:r.beneficiaryNameMismatchHeader,description:h.formatMessage({id:"accountReviewDescription",defaultMessage:r.beneficiaryNameMismatchDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),buttonText:r.editPaymentInformationButton,alertType:"warning",icon:"exclamation-triangle",class:pe.classes.WarningAlertContainer};case"BANK_TAX_NAME_MISMATCH":return{header:r.bankTaxNameMismatchHeader,description:h.formatMessage({id:"accountReviewDescription",defaultMessage:r.bankTaxNameMismatchDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),buttonText:r.editPaymentInformationButton,alertType:"warning",icon:"exclamation-triangle",class:pe.classes.WarningAlertContainer};case"WITHDRAWAL_SETTINGS_INVALID":return{header:r.withdrawalSettingsInvalidHeader,description:h.formatMessage({id:"accountReviewDescription",defaultMessage:r.withdrawalSettingsInvalidDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),buttonText:r.editPaymentInformationButton,alertType:"warning",icon:"exclamation-triangle",class:pe.classes.WarningAlertContainer};case"PAYMENT_RETURNED":return{header:r.paymentReturnedHeader,description:h.formatMessage({id:"accountReviewDescription",defaultMessage:r.paymentReturnedDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),button:e(a,null,e("sl-button",{disabled:s.loading,type:"default",onClick:o.onPaymentInfoClick},r.editPaymentInformationButton),e("sl-button",{disabled:s.loading,type:"default",onClick:o.onNewFormClick},r.newFormButton)),alertType:"warning",icon:"exclamation-triangle",class:pe.classes.WarningAlertContainer};case"HOLD":return{header:r.holdHeader,description:h.formatMessage({id:"holdDescription",defaultMessage:r.holdDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),buttonText:null,alertType:"warning",icon:"exclamation-triangle",class:pe.classes.WarningAlertContainer};default:return}}(s.status);return"DONE"!==s.status&&n?e("div",{part:"sqm-base"},e("style",{type:"text/css"},ve),e("sl-alert",{exportparts:"base: alert-base, icon:alert-icon",type:n.alertType,class:n.class,open:!0},e("sl-icon",{slot:"icon",name:n.icon}),e("strong",null,n.header),e("p",{class:pe.classes.AlertDescriptionText},n.description),function(t){switch(t){case"OVER_W9_THRESHOLD":if("CASH_ONLY"===s.enforceUsTaxComplianceOption)return;return"SquatchJS2"===i.type?e("sqm-scroll",{"scroll-tag-name":"sqm-tabs","button-text":r.w9RequiredButtonText,"scroll-animation":"smooth"}):e("sl-button","SquatchPortal"===i.type?{type:"default",onClick:o.onTermsClick}:{type:"default"},r.w9RequiredButtonText);case"INFORMATION_REQUIRED":return"SquatchJS2"===i.type?e("sqm-scroll",{"scroll-tag-name":"sqm-tabs","button-text":r.informationRequiredButtonText,"scroll-animation":"smooth"}):e("sl-button","SquatchPortal"===i.type?{type:"default",onClick:o.onTermsClick}:{type:"default"},r.informationRequiredButtonText);case"VERIFICATION:REQUIRED":return e("sl-button",{type:"default",loading:s.veriffLoading,onClick:o.onClick},r.verificationRequiredButtonText);default:return n.button?n.button:void 0}}(s.status))):e("div",null)}const fe=class{constructor(e){t(this,e),this.informationRequiredHeader="Payout and tax information required",this.editPaymentInformationButton="Edit Payout Information",this.newFormButton="Submit new form",this.informationRequiredDescription="Submit your banking details and tax documents to receive your rewards.",this.informationRequiredButtonText="Payouts & Tax Settings",this.verificationRequiredHeader="Verify your identity",this.verificationRequiredDescription="It should only take a few minutes verify. If you run in to an issue verifying your identity contact our {supportLink}.",this.verificationRequiredButtonText="Start Verification",this.verificationRequiredInternalHeader="Identity Verification in Progress",this.verificationRequiredInternalDescription="Identity verification submission has been received. Our system is currently performing additional checks and analyzing the results. You will be updated shortly. If you don't hear from us contact our {supportLink}.",this.verificationReviewInternalHeader="Identity Verification Under Review",this.verificationReviewInternalDescription="Identity verification requires further review due to a potential error. Our team is reviewing the information and will update you shortly. If you don't hear from us contact our {supportLink}.",this.verificationFailedInternalHeader="Identity Verification Unsuccessful",this.verificationFailedInternalDescription="Identity verification has failed. Our team is reviewing the report and will contact you with further information. If you don't hear from us contact our {supportLink}.",this.accountReviewHeader="Your account is under review",this.accountReviewDescription="This process takes 48 hours, payouts are on hold until it's completed. You will receive an email from our referral provider, Impact.com, if any issues arise. It contains details on how to resolve this issue. If you need further assistance, please reach out to our {supportLink}.",this.paymentHoldOnChangeHeader="We are reviewing your new payout settings",this.paymentHoldOnChangeDescription="Your payout is temporarily on hold while we review your new payment information, this process is usually resolved within 48 hours.",this.beneficiaryNameInvalidHeader="Your payment information does not match your tax form",this.beneficiaryNameInvalidDescription="The beneficiary name in your payment information does not match what was submitted in your tax form. Please review and update your payment information or tax form so that they match exactly and do not include any invalid characters. Your payouts are on hold until this is resolved.",this.beneficiaryNameMismatchHeader="Your payment information does not match your tax form",this.beneficiaryNameMismatchDescription="The beneficiary name in your payment information does not match what was submitted in your tax form. Please review and update your payment information or tax form so that they match exactly and do not include any invalid characters. Your payouts are on hold until this is resolved.",this.bankTaxNameMismatchHeader="Your payment information does not match your tax form",this.bankTaxNameMismatchDescription="The bank name in your payment information does not match what was submitted in your tax form. Please review and update your payment information or tax form so that they match exactly and do not include any invalid characters. Your payouts are on hold until this is resolved.",this.withdrawalSettingsInvalidHeader="Your payment information includes invalid characters",this.withdrawalSettingsInvalidDescription="There are invalid characters in your payment information. Please review your information and make sure it is correct with no invalid characters. Your payouts are on hold until this is resolved.",this.paymentReturnedHeader="Payout unsuccessful",this.paymentReturnedDescription="Our recent payment attempt for your earnings was unsuccessful. Please review your payment information and make sure it is correct.",this.w9RequiredHeader="Your next payout is on hold",this.w9RequiredDescription="You have surpassed the $600 threshold requiring a W-9 form or have multiple accounts with impact.com. To remove the hold, please submit your W-9 form.",this.w9RequiredButtonText="Submit W-9",this.holdHeader="Your payouts and account are on hold",this.holdDescription="Please check your inbox for an email from our referral provider, impact.com. It contains details on how to resolve this issue. If you need further assistance, feel free to reach out to our {supportLink}.",this.cashPayoutsPageUrl="/taxAndCash",this.supportLink="support team",this.termsAndConditions="Terms and Conditions",this.errorHeader="Could not determine payout status.",this.errorDescription="There was an error with determining your payout status.",s(this)}disconnectedCallback(){}getTextProps(){return M(this)}render(){const t=m()?function(t){return N({states:{error:!1,status:"INFORMATION_REQUIRED",loading:!1,showVerifyIdentity:!1},data:{type:"SquatchAdmin"},text:t.getTextProps(),callbacks:{onTermsClick:()=>{},onClick:()=>console.log("show"),onPaymentInfoClick:()=>{},onNewFormClick:()=>{}}},t.demoData||{},{arrayMerge:(t,e)=>e})}(this):kt(this);return e(ge,Object.assign({},t))}},be=v.gql`
171
171
  query {
172
172
  viewer {
173
173
  ... on User {
@@ -177,14 +177,14 @@ import{r as t,h as e,c as r}from"./p-f708da7b.js";import{n as a,f as s,i,k as o,
177
177
  }
178
178
  }
179
179
  }
180
- `,be=p.gql`
180
+ `,ye=v.gql`
181
181
  mutation ($userInput: UserInput!) {
182
182
  upsertUser(userInput: $userInput) {
183
183
  id
184
184
  marketingEmailOptIn
185
185
  }
186
186
  }
187
- `,ye={marketingEmailOptIn:!1,errors:{},error:""},xe=class{constructor(e){t(this,e),this.ignored=!0,this.emailPreferencesHeader="Email preferences",this.marketingCheckboxLabel="I want to receive marketing emails and promotions for this referral program from impact.com",this.submitChangeButtonText="Save",this.networkRequestMessage="An error occurred while loading this page. Please refresh the page.",this.successMessage="Opt-in preference has been changed.",a(this)}disconnectedCallback(){}render(){const t=h()?function(t){return T({states:{success:!1,loading:!1,submitDisabled:!1,user:{id:"01",accountId:"111100000",marketingEmailOptIn:!1},text:{emailPreferencesHeader:t.emailPreferencesHeader,marketingCheckboxLabel:t.marketingCheckboxLabel,submitChangeButtonText:t.submitChangeButtonText,successMessage:t.successMessage},formState:{marketingEmailOptIn:!1,errors:null,error:""}},callbacks:{onSubmit:t=>console.log(t),setChecked:()=>{}}},t.demoData||{},{arrayMerge:(t,e)=>e})}(N(this)):function(t){const e=v(),[r,a]=o(!1),[i,n]=o(void 0),[l,c]=o(ye),d=b(fe,{},!(null==e?void 0:e.jwt)),[u,h]=f(be);return s((()=>{(null==h?void 0:h.loading)||((null==h?void 0:h.errors)?c((t=>{var e,r,a;return{...t,error:null===(a=null===(r=null===(e=null==h?void 0:h.errors)||void 0===e?void 0:e.response)||void 0===r?void 0:r.errors)||void 0===a?void 0:a[0].message}})):(n((t=>{var e;return{...t,...null===(e=null==h?void 0:h.data)||void 0===e?void 0:e.upsertUser}})),(null==h?void 0:h.data)&&a(!0)))}),[null==h?void 0:h.loading]),s((()=>{var t,e;n((t=>{var e;return{...t,...null===(e=null==d?void 0:d.data)||void 0===e?void 0:e.viewer}})),c({...ye,...null===(t=d.data)||void 0===t?void 0:t.viewer,...null===(e=h.data)||void 0===e?void 0:e.upsertUser})}),[null==d?void 0:d.data]),s((()=>{var e,r;(null===(e=null==h?void 0:h.errors)||void 0===e?void 0:e.message)&&c({...null===(r=d.data)||void 0===r?void 0:r.viewer,error:t.networkRequestMessage})}),[null==h?void 0:h.errors]),{states:{success:r,loading:(null==d?void 0:d.loading)||h.loading,submitDisabled:!1,formState:l,user:i,text:{emailPreferencesHeader:t.emailPreferencesHeader,marketingCheckboxLabel:t.marketingCheckboxLabel,submitChangeButtonText:t.submitChangeButtonText,successMessage:t.successMessage}},callbacks:{onSubmit:t=>{var r;a(!1);const s=null===(r=t.detail)||void 0===r?void 0:r.formData;null==s||s.forEach(((t,e)=>{S.set(s,e,t)})),u({userInput:{id:null==e?void 0:e.id,accountId:null==e?void 0:e.accountId,marketingEmailOptIn:Boolean(s.marketingEmailOptIn)}}),c((t=>({...t,errors:{},error:""})))},setChecked:t=>c({...l,marketingEmailOptIn:t})}}}(N(this));return e(lt,Object.assign({},t))}},we=class{constructor(e){t(this,e),this.ignored=!0,this.modalChangePasswordHeader="Change Password",this.cancelText="Cancel",this.changePasswordButtonText="Change Password",this.passwordFieldLabel="New Password",this.confirmPasswordFieldLabel="Confirm New Password",this.successMessage="Your password has been updated.",this.portalChangePasswordHeader="Password",this.portalChangePasswordButtonText="Change your password...",this.meetsRequirementsText="Password has met all requirements",this.doesNotMeetRequirementsText="Password must meet the following requirements:",this.minErrorText="be a minimum of 8 characters",this.uppercaseErrorText="contain at least 1 uppercase character",this.lowercaseErrorText="contain at least 1 lowercase character",this.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",a(this)}disconnectedCallback(){}render(){const{states:t,callbacks:r}=h()?function(t){const[e,r]=o(!1);return T({states:{open:e,error:"",content:{modalChangePasswordHeader:t.modalChangePasswordHeader,cancelText:t.cancelText,changePasswordButtonText:t.changePasswordButtonText,passwordFieldLabel:t.passwordFieldLabel,confirmPasswordFieldLabel:t.confirmPasswordFieldLabel,successMessage:t.successMessage,portalChangePasswordHeader:t.portalChangePasswordHeader,portalChangePasswordButtonText:t.portalChangePasswordButtonText,meetsRequirementsText:t.meetsRequirementsText,doesNotMeetRequirementsText:t.doesNotMeetRequirementsText,minErrorText:t.minErrorText,uppercaseErrorText:t.uppercaseErrorText,lowercaseErrorText:t.lowercaseErrorText,hasErrorText:t.hasErrorText}},callbacks:{setOpen:t=>r(t),submit:t=>console.log("Submit",t)}},t.demoData||{},{arrayMerge:(t,e)=>e})}(this):function(t){var e,r,a,s,i,n,l;const[c,{loading:d,errors:u}]=C(),[h,m]=o(!1),[p,g]=o(""),[f,b]=o(!1),y=v();return{states:{open:h,loading:d,success:f,error:p||(null===(s=null===(a=null===(r=null===(e=null==u?void 0:u.response)||void 0===e?void 0:e.errors)||void 0===r?void 0:r[0])||void 0===a?void 0:a.extensions)||void 0===s?void 0:s.message)||(null===(l=null===(n=null===(i=null==u?void 0:u.response)||void 0===i?void 0:i.errors)||void 0===n?void 0:n[0])||void 0===l?void 0:l.message),content:{modalChangePasswordHeader:t.modalChangePasswordHeader,cancelText:t.cancelText,changePasswordButtonText:t.changePasswordButtonText,passwordFieldLabel:t.passwordFieldLabel,confirmPasswordFieldLabel:t.confirmPasswordFieldLabel,successMessage:t.successMessage,portalChangePasswordHeader:t.portalChangePasswordHeader,portalChangePasswordButtonText:t.portalChangePasswordButtonText,meetsRequirementsText:t.meetsRequirementsText,doesNotMeetRequirementsText:t.doesNotMeetRequirementsText,minErrorText:t.minErrorText,uppercaseErrorText:t.uppercaseErrorText,lowercaseErrorText:t.lowercaseErrorText,hasErrorText:t.hasErrorText}},data:{},callbacks:{setOpen:m,submit:async e=>{var r,a;b(!1);const s=null===(r=e.detail)||void 0===r?void 0:r.formData;if(null==s||s.forEach(((t,e)=>{S.set(s,e,t)})),!(null==y?void 0:y.jwt))return void g(t.invalidSessionErrorText);if(s.password!==s.confirmPassword)return void g(t.nonMatchingPasswordErrorText);g("");const i={password:s.password},o=await c(i);o instanceof Error||!(null===(a=o.changeManagedIdentityPassword)||void 0===a?void 0:a.success)||b(!0)}}}}(this);return e(ct,{states:t,callbacks:r})}},ke=class{constructor(e){t(this,e),this.ignored=!0,this.hideSupportText=!1,this.supportEmail="support@example.com",this.supportText="For program support, contact {email}",this.hidePoweredBy=!1,this.poweredByLink="https://impact.com/advocate/",this.paddingTop="large",this.paddingRight="large",this.paddingBottom="large",this.paddingLeft="large",a(this)}disconnectedCallback(){}render(){return e(dt,Object.assign({},N(this)))}static get assetsDirs(){return["../../assets"]}},Ee=class{constructor(e){t(this,e),this.ignored=!0,this.notFullScreen=!1,a(this)}disconnectedCallback(){}render(){const t=e("slot",{name:"footer"}),r=e("slot",{name:"header"}),a=h()?function(t,r,a){return T({notFullScreen:!0,data:{footer:t||e("span",null,"example@example.com"),header:r||e("div",{style:{display:"flex",flexDirection:"column"}},e("span",{style:{fontSize:"var(--sl-font-size-large)",fontWeight:"bold"}},"Portal Header"),e("span",{style:{fontSize:"var(--sl-font-size-small)"}},"A description for the portal"))},callbacks:{rerender:()=>{}}},a.demoData||{},{arrayMerge:(t,e)=>e})}(t,r,this):function(t,e){const[,r]=k();return{data:{footer:t,header:e},callbacks:{rerender:r}}}(t,r);return e(ut,Object.assign({},a),e("slot",null))}},Ce=class{constructor(e){t(this,e),this.ignored=!0,this.nextPage="/",this.emailLabel="Email",this.passwordLabel="Password",this.submitLabel="Sign In",this.forgotPasswordPath="/forgotPassword",this.forgotPasswordLabel="Forgot Password?",this.registerLabel="Register",this.registerPath="/register",this.pageLabel="Sign in to your account",this.networkErrorMessage="An error occurred while logging you in. Please refresh the page and try again.",this.registerCTA="Don't have an account?",a(this)}disconnectedCallback(){}render(){const{states:t,callbacks:r}=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:(t,e)=>e}):B(this),a=A({RegisterButton:{"&::part(label)":{padding:"0"}}}).toString(),s={forgotPasswordButton:e("slot",{name:"forgotPassword"},e("a",{onClick:()=>E.push(t.forgotPasswordPath)},this.forgotPasswordLabel)),googleButton:null,secondaryButton:e("slot",{name:"secondaryButton"},e("style",null,a),e("sl-button",{type:"text",disabled:t.loading,onClick:()=>E.push(t.registerPath)},this.registerLabel)),emailLabel:this.emailLabel,passwordLabel:this.passwordLabel,submitLabel:this.submitLabel,pageLabel:this.pageLabel};return e(U,{states:t,callbacks:r,content:s})}},Ie=class{constructor(e){t(this,e),this.ignored=!0,this.nextPage="/",this.redirectPath="/verifyEmail",this.emailLabel="Email",this.passwordLabel="Password",this.submitLabel="Register",this.loginLabel="Sign in",this.confirmPasswordLabel="Confirm Password",this.confirmPassword=!1,this.disablePasswordValidation=!1,this.hideInputs=!1,this.pageLabel="Register",this.loginPath="/login",this.requiredFieldErrorMessage="Cannot be empty",this.networkErrorMessage="Network request failed.",this.passwordMismatchErrorMessage="Passwords do not match.",this.invalidEmailErrorMessage="Must be a valid email address",this.meetsRequirementsText="Password has met all requirements",this.doesNotMeetRequirementsText="Password must meet the following requirements:",this.minErrorText="be a minimum of 8 characters",this.uppercaseErrorText="contain at least 1 uppercase character",this.lowercaseErrorText="contain at least 1 lowercase character",this.hasErrorText="contain at least 1 number or symbol",a(this)}disconnectedCallback(){}render(){const{states:t,callbacks:r,refs:a}=h()?T({states:{error:"",loading:!1,confirmPassword:(i=this).confirmPassword,hideInputs:i.hideInputs||!1,customPasswordField:!1,loginPath:i.loginPath,disablePasswordValidation:i.disablePasswordValidation},callbacks:{submit:async()=>{console.log("submit")},inputFunction:()=>{}},refs:{formRef:{}}},i.demoData||{},{arrayMerge:(t,e)=>e}):function(t){var e,r,a,i,o,l,c,d,u;const h=n(null),{registrationFormState:m,setRegistrationFormState:p}=O({}),[v,{loading:g,errors:f}]=I();s((()=>{if(!h.current)return;const t=h.current;return t.addEventListener("sl-input",b),()=>{t.removeEventListener("sl-input",b)}}),[h.current]);const b=x((t=>{var e,r;if("tel"!==(null===(r=null===(e=t.target)||void 0===e?void 0:e.type)||void 0===r?void 0:r.toLowerCase()))return;const a=new H("US");t.target.value=a.input(t.target.value)}),[]);let y="";return y=(null===(e=null==f?void 0:f.response)||void 0===e?void 0:e.error)||(null==f?void 0:f.message)&&!(null===(r=null==f?void 0:f.response)||void 0===r?void 0:r.errors.length)?t.networkErrorMessage:(null===(l=null===(o=null===(i=null===(a=null==f?void 0:f.response)||void 0===a?void 0:a.errors)||void 0===i?void 0:i[0])||void 0===o?void 0:o.extensions)||void 0===l?void 0:l.message)||(null===(u=null===(d=null===(c=null==f?void 0:f.response)||void 0===c?void 0:c.errors)||void 0===d?void 0:d[0])||void 0===u?void 0:u.message)||(null==m?void 0:m.error),{states:{loading:g,error:y,registrationFormState:m,confirmPassword:t.confirmPassword,hideInputs:t.hideInputs,loginPath:t.loginPath,disablePasswordValidation:t.disablePasswordValidation},callbacks:{submit:async e=>{var r;let a=e.target.getFormControls(),s={},i={};if(null==a||a.forEach((e=>{if(!e.name)return;const r=e.name,a=e.value;if(S.set(s,r,a),e.required&&!a&&S.set(i,r,t.requiredFieldErrorMessage),"function"==typeof e.validationError){const t=(0,e.validationError)({control:e,key:r,value:a});t&&S.set(i,r,t)}})),(t.confirmPassword||s.confirmPassword)&&s.password!==s.confirmPassword&&(i={...i,confirmPassword:t.passwordMismatchErrorMessage}),Object.keys(i).length)return void p({loading:!1,error:"",validationErrors:i});p({loading:!0,error:"",validationErrors:{}});const{email:o,password:n}=s;delete s.email,delete s.password,delete s.confirmPassword,s={...s};const l={email:o,password:n,formData:s,redirectPath:t.redirectPath};try{const e=await v(l);if(e instanceof Error)throw e;p({loading:!1,error:"",validationErrors:{}}),(null===(r=e.registerManagedIdentityWithEmailAndPassword)||void 0===r?void 0:r.token)&&E.push(t.nextPage)}catch(e){p({loading:!1,error:t.networkErrorMessage,validationErrors:{}})}},inputFunction:b},refs:{formRef:h}}}(this);var i;const o={formData:e("slot",{name:"formData"}),secondaryButton:e("slot",{name:"secondaryButton"},e("sl-button",{type:"text",disabled:t.loading,onClick:()=>E.push(t.loginPath)},this.loginLabel)),terms:e("slot",{name:"terms"}),emailLabel:this.emailLabel,passwordLabel:this.passwordLabel,submitLabel:this.submitLabel,pageLabel:this.pageLabel,confirmPasswordLabel:this.confirmPasswordLabel,invalidEmailErrorMessage:this.invalidEmailErrorMessage,requiredFieldErrorMessage:this.requiredFieldErrorMessage,meetsRequirementsText:this.meetsRequirementsText,doesNotMeetRequirementsText:this.doesNotMeetRequirementsText,minErrorText:this.minErrorText,uppercaseErrorText:this.uppercaseErrorText,lowercaseErrorText:this.lowercaseErrorText,hasErrorText:this.hasErrorText};return e(ht,{states:t,callbacks:r,content:o,refs:a})}};function Re(t,r){const a=A({Container:{color:t.textColor||"var(--sl-color-neutral-900)",background:t.backgroundColor||""},Header:{fontSize:"var(--sl-font-size-x-large)",fontWeight:"var(--sl-font-weight-bold)",lineHeight:"var(--sl-line-height-dense)",marginBottom:"var(--sl-spacing-large)",textAlign:"center"},Grid:{display:"flex",flexDirection:"row",gap:"var(--sl-spacing-large)","@media (max-width: 499px)":{flexDirection:"column"}}}),s=a.toString();return e("div",{class:a.classes.Container,part:"sqm-base"},e("style",{type:"text/css"},s,"\n ::slotted(*){\n display: flex;\n width: 100%;\n }\n @media (max-width: 499px) {\n ::slotted(*){\n display: block;\n }\n }"),e("div",{class:a.classes.Header},e("div",{class:a.classes.Header,part:"sqm-header"},t.header)),e("div",{class:a.classes.Grid,part:"sqm-grid-container"},r))}const _e=class{constructor(e){t(this,e),this.ignored=!0,a(this)}disconnectedCallback(){}render(){return e(Re,Object.assign({},N(this)),e("slot",null))}};function Se(t){const r=A({Container:{display:"flex",flexDirection:"column",width:"100%",padding:"var(--sl-spacing-x-large)",lineHeight:"var(--sl-line-height-dense)",color:t.textColor||"var(--sl-color-neutral-900)",background:t.backgroundColor||"var(--sl-color-primary-50)","@media (max-width: 499px)":{flexDirection:"row",width:"auto",paddingBottom:"var(--sl-spacing-large)"}},Text:{"@media (max-width: 499px)":{marginLeft:"var(--sl-spacing-large)"}},Header:{fontSize:"var(--sl-font-size-large)",fontWeight:"var(--sl-font-weight-bold)",marginTop:"var(--sl-spacing-x-large)","@media (max-width: 499px)":{margin:"0"}},Description:{fontSize:"var(--sl-font-size-medium)",marginTop:"var(--sl-spacing-small)","@media (max-width: 499px)":{marginTop:"var(--sl-spacing-x-small)"}},Media:{width:"64px",height:"64px",borderRadius:"100%",objectFit:"cover",userSelect:"none",background:"#FFF",color:"var(--sl-color-primary-300)",fontSize:"26px",textAlign:"center",lineHeight:"72px"}}),a=r.toString();return e("div",{class:r.classes.Container,part:"sqm-base"},e("style",{type:"text/css"},a),e("div",null,t.imageUrl?e("img",{class:r.classes.Media,src:t.imageUrl,part:"sqm-media"}):e("div",{class:r.classes.Media,part:"sqm-media"},e("sl-icon",{name:t.icon}))),e("div",{class:r.classes.Text},e("div",{class:r.classes.Header,part:"sqm-header"},t.header),e("div",{class:r.classes.Description,part:"sqm-description"},t.description)))}const Te=class{constructor(e){t(this,e),a(this)}disconnectedCallback(){}render(){return e(Se,Object.assign({},N(this)))}},Ne=c("sq:useProgramMenu"),Me=class{constructor(e){t(this,e),this.ignored=!0,a(this)}disconnectedCallback(){}render(){const{data:t,ref:a}=function(t){const e=g(),r=m();Ne({programId:e,props:t});const a=n(),[,i]=k();return s((()=>{var t;null===(t=a.current)||void 0===t||t.addEventListener("sl-select",(t=>{r.dispatchEvent(new CustomEvent("sq:update-program-id",{detail:t.detail.item.value,bubbles:!0,composed:!0}))}))}),[a.current]),{data:{programId:e},callbacks:{rerender:i},ref:a}}(N(this));return e(r,{style:{display:"contents"}},e("sl-select",{style:{paddingBottom:"var(--sl-spacing-large)"},value:t.programId,ref:t=>a.current=t},e("slot",null)))}},Ae=A({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"}}}),qe=Ae.toString();function Le(t){return e("div",{part:"sqm-base",class:Ae.classes.Container,style:{border:t.hideBorder?"none":"1px solid var(--sl-color-neutral-300)","padding-top":`var(--sl-spacing-${t.paddingTop})`,"padding-right":`var(--sl-spacing-${t.paddingRight})`,"padding-bottom":`var(--sl-spacing-${t.paddingBottom})`,"padding-left":`var(--sl-spacing-${t.paddingLeft})`,backgroundColor:t.backgroundColor,maxWidth:t.limitWidth?"600px":"none",margin:t.limitWidth?"auto":"none"}},e("style",{type:"text/css"},qe,"\n :host{\n display: block; \n }\n "),t.hasHeader&&e("div",{class:Ae.classes.EndContainer},t.slots.header),e("div",{part:"sqm-column-container",class:Ae.classes.ColumnContainer,style:{alignItems:t.verticalAlignment}},t.slots.left,t.slots.right),t.hasFooter&&e("div",{class:Ae.classes.EndContainer},t.slots.footer))}const De=class{constructor(e){t(this,e),this.ignored=!0,this.verticalAlignment="start",this.hideBorder=!1,this.paddingTop="large",this.paddingRight="large",this.paddingBottom="large",this.paddingLeft="large",this.backgroundColor="#ffffff",this.limitWidth=!1,a(this)}disconnectedCallback(){}render(){const t={left:e("slot",{name:"left"}),right:e("slot",{name:"right"}),header:e("slot",{name:"header"}),footer:e("slot",{name:"footer"})},r=D(),a=r.findIndex((t=>"header"===t.slot))>-1,s=r.findIndex((t=>"footer"===t.slot))>-1;return e(Le,Object.assign({},N(this),{slots:t,hasHeader:a,hasFooter:s}),e("slot",null))}},Pe=p.gql`
187
+ `,xe={marketingEmailOptIn:!1,errors:{},error:""},we=class{constructor(e){t(this,e),this.ignored=!0,this.emailPreferencesHeader="Email preferences",this.marketingCheckboxLabel="I want to receive marketing emails and promotions for this referral program from impact.com",this.submitChangeButtonText="Save",this.networkRequestMessage="An error occurred while loading this page. Please refresh the page.",this.successMessage="Opt-in preference has been changed.",s(this)}disconnectedCallback(){}render(){const t=m()?function(t){return N({states:{success:!1,loading:!1,submitDisabled:!1,user:{id:"01",accountId:"111100000",marketingEmailOptIn:!1},text:{emailPreferencesHeader:t.emailPreferencesHeader,marketingCheckboxLabel:t.marketingCheckboxLabel,submitChangeButtonText:t.submitChangeButtonText,successMessage:t.successMessage},formState:{marketingEmailOptIn:!1,errors:null,error:""}},callbacks:{onSubmit:t=>console.log(t),setChecked:()=>{}}},t.demoData||{},{arrayMerge:(t,e)=>e})}(M(this)):function(t){const e=g(),[r,a]=n(!1),[s,o]=n(void 0),[l,c]=n(xe),d=y(be,{},!(null==e?void 0:e.jwt)),[u,h]=b(ye);return i((()=>{(null==h?void 0:h.loading)||((null==h?void 0:h.errors)?c((t=>{var e,r,a;return{...t,error:null===(a=null===(r=null===(e=null==h?void 0:h.errors)||void 0===e?void 0:e.response)||void 0===r?void 0:r.errors)||void 0===a?void 0:a[0].message}})):(o((t=>{var e;return{...t,...null===(e=null==h?void 0:h.data)||void 0===e?void 0:e.upsertUser}})),(null==h?void 0:h.data)&&a(!0)))}),[null==h?void 0:h.loading]),i((()=>{var t,e;o((t=>{var e;return{...t,...null===(e=null==d?void 0:d.data)||void 0===e?void 0:e.viewer}})),c({...xe,...null===(t=d.data)||void 0===t?void 0:t.viewer,...null===(e=h.data)||void 0===e?void 0:e.upsertUser})}),[null==d?void 0:d.data]),i((()=>{var e,r;(null===(e=null==h?void 0:h.errors)||void 0===e?void 0:e.message)&&c({...null===(r=d.data)||void 0===r?void 0:r.viewer,error:t.networkRequestMessage})}),[null==h?void 0:h.errors]),{states:{success:r,loading:(null==d?void 0:d.loading)||h.loading,submitDisabled:!1,formState:l,user:s,text:{emailPreferencesHeader:t.emailPreferencesHeader,marketingCheckboxLabel:t.marketingCheckboxLabel,submitChangeButtonText:t.submitChangeButtonText,successMessage:t.successMessage}},callbacks:{onSubmit:t=>{var r;a(!1);const s=null===(r=t.detail)||void 0===r?void 0:r.formData;null==s||s.forEach(((t,e)=>{T.set(s,e,t)})),u({userInput:{id:null==e?void 0:e.id,accountId:null==e?void 0:e.accountId,marketingEmailOptIn:Boolean(s.marketingEmailOptIn)}}),c((t=>({...t,errors:{},error:""})))},setChecked:t=>c({...l,marketingEmailOptIn:t})}}}(M(this));return e(ct,Object.assign({},t))}},ke=class{constructor(e){t(this,e),this.ignored=!0,this.modalChangePasswordHeader="Change Password",this.cancelText="Cancel",this.changePasswordButtonText="Change Password",this.passwordFieldLabel="New Password",this.confirmPasswordFieldLabel="Confirm New Password",this.successMessage="Your password has been updated.",this.portalChangePasswordHeader="Password",this.portalChangePasswordButtonText="Change your password...",this.meetsRequirementsText="Password has met all requirements",this.doesNotMeetRequirementsText="Password must meet the following requirements:",this.minErrorText="be a minimum of 8 characters",this.uppercaseErrorText="contain at least 1 uppercase character",this.lowercaseErrorText="contain at least 1 lowercase character",this.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",s(this)}disconnectedCallback(){}render(){const{states:t,callbacks:r}=m()?function(t){const[e,r]=n(!1);return N({states:{open:e,error:"",content:{modalChangePasswordHeader:t.modalChangePasswordHeader,cancelText:t.cancelText,changePasswordButtonText:t.changePasswordButtonText,passwordFieldLabel:t.passwordFieldLabel,confirmPasswordFieldLabel:t.confirmPasswordFieldLabel,successMessage:t.successMessage,portalChangePasswordHeader:t.portalChangePasswordHeader,portalChangePasswordButtonText:t.portalChangePasswordButtonText,meetsRequirementsText:t.meetsRequirementsText,doesNotMeetRequirementsText:t.doesNotMeetRequirementsText,minErrorText:t.minErrorText,uppercaseErrorText:t.uppercaseErrorText,lowercaseErrorText:t.lowercaseErrorText,hasErrorText:t.hasErrorText}},callbacks:{setOpen:t=>r(t),submit:t=>console.log("Submit",t)}},t.demoData||{},{arrayMerge:(t,e)=>e})}(this):function(t){var e,r,a,s,i,o,l;const[c,{loading:d,errors:u}]=I(),[h,m]=n(!1),[p,v]=n(""),[f,b]=n(!1),y=g();return{states:{open:h,loading:d,success:f,error:p||(null===(s=null===(a=null===(r=null===(e=null==u?void 0:u.response)||void 0===e?void 0:e.errors)||void 0===r?void 0:r[0])||void 0===a?void 0:a.extensions)||void 0===s?void 0:s.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:t.modalChangePasswordHeader,cancelText:t.cancelText,changePasswordButtonText:t.changePasswordButtonText,passwordFieldLabel:t.passwordFieldLabel,confirmPasswordFieldLabel:t.confirmPasswordFieldLabel,successMessage:t.successMessage,portalChangePasswordHeader:t.portalChangePasswordHeader,portalChangePasswordButtonText:t.portalChangePasswordButtonText,meetsRequirementsText:t.meetsRequirementsText,doesNotMeetRequirementsText:t.doesNotMeetRequirementsText,minErrorText:t.minErrorText,uppercaseErrorText:t.uppercaseErrorText,lowercaseErrorText:t.lowercaseErrorText,hasErrorText:t.hasErrorText}},data:{},callbacks:{setOpen:m,submit:async e=>{var r,a;b(!1);const s=null===(r=e.detail)||void 0===r?void 0:r.formData;if(null==s||s.forEach(((t,e)=>{T.set(s,e,t)})),!(null==y?void 0:y.jwt))return void v(t.invalidSessionErrorText);if(s.password!==s.confirmPassword)return void v(t.nonMatchingPasswordErrorText);v("");const i={password:s.password},o=await c(i);o instanceof Error||!(null===(a=o.changeManagedIdentityPassword)||void 0===a?void 0:a.success)||b(!0)}}}}(this);return e(dt,{states:t,callbacks:r})}},Ee=class{constructor(e){t(this,e),this.ignored=!0,this.hideSupportText=!1,this.supportEmail="support@example.com",this.supportText="For program support, contact {email}",this.hidePoweredBy=!1,this.poweredByLink="https://impact.com/advocate/",this.paddingTop="large",this.paddingRight="large",this.paddingBottom="large",this.paddingLeft="large",s(this)}disconnectedCallback(){}render(){return e(ut,Object.assign({},M(this)))}static get assetsDirs(){return["../../assets"]}},Ce=class{constructor(e){t(this,e),this.ignored=!0,this.notFullScreen=!1,s(this)}disconnectedCallback(){}render(){const t=e("slot",{name:"footer"}),r=e("slot",{name:"header"}),a=m()?function(t,r,a){return N({notFullScreen:!0,data:{footer:t||e("span",null,"example@example.com"),header:r||e("div",{style:{display:"flex",flexDirection:"column"}},e("span",{style:{fontSize:"var(--sl-font-size-large)",fontWeight:"bold"}},"Portal Header"),e("span",{style:{fontSize:"var(--sl-font-size-small)"}},"A description for the portal"))},callbacks:{rerender:()=>{}}},a.demoData||{},{arrayMerge:(t,e)=>e})}(t,r,this):function(t,e){const[,r]=E();return{data:{footer:t,header:e},callbacks:{rerender:r}}}(t,r);return e(ht,Object.assign({},a),e("slot",null))}},Ie=class{constructor(e){t(this,e),this.ignored=!0,this.nextPage="/",this.emailLabel="Email",this.passwordLabel="Password",this.submitLabel="Sign In",this.forgotPasswordPath="/forgotPassword",this.forgotPasswordLabel="Forgot Password?",this.registerLabel="Register",this.registerPath="/register",this.pageLabel="Sign in to your account",this.networkErrorMessage="An error occurred while logging you in. Please refresh the page and try again.",this.registerCTA="Don't have an account?",s(this)}disconnectedCallback(){}render(){const{states:t,callbacks:r}=m()?N({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:(t,e)=>e}):H(this),a=q({RegisterButton:{"&::part(label)":{padding:"0"}}}).toString(),s={forgotPasswordButton:e("slot",{name:"forgotPassword"},e("a",{onClick:()=>C.push(t.forgotPasswordPath)},this.forgotPasswordLabel)),googleButton:null,secondaryButton:e("slot",{name:"secondaryButton"},e("style",null,a),e("sl-button",{type:"text",disabled:t.loading,onClick:()=>C.push(t.registerPath)},this.registerLabel)),emailLabel:this.emailLabel,passwordLabel:this.passwordLabel,submitLabel:this.submitLabel,pageLabel:this.pageLabel};return e(B,{states:t,callbacks:r,content:s})}},Re=class{constructor(e){t(this,e),this.ignored=!0,this.nextPage="/",this.redirectPath="/verifyEmail",this.emailLabel="Email",this.passwordLabel="Password",this.submitLabel="Register",this.loginLabel="Sign in",this.confirmPasswordLabel="Confirm Password",this.confirmPassword=!1,this.disablePasswordValidation=!1,this.hideInputs=!1,this.pageLabel="Register",this.loginPath="/login",this.requiredFieldErrorMessage="Cannot be empty",this.networkErrorMessage="Network request failed.",this.passwordMismatchErrorMessage="Passwords do not match.",this.invalidEmailErrorMessage="Must be a valid email address",this.meetsRequirementsText="Password has met all requirements",this.doesNotMeetRequirementsText="Password must meet the following requirements:",this.minErrorText="be a minimum of 8 characters",this.uppercaseErrorText="contain at least 1 uppercase character",this.lowercaseErrorText="contain at least 1 lowercase character",this.hasErrorText="contain at least 1 number or symbol",s(this)}disconnectedCallback(){}render(){const{states:t,callbacks:r,refs:a}=m()?N({states:{error:"",loading:!1,confirmPassword:(s=this).confirmPassword,hideInputs:s.hideInputs||!1,customPasswordField:!1,loginPath:s.loginPath,disablePasswordValidation:s.disablePasswordValidation},callbacks:{submit:async()=>{console.log("submit")},inputFunction:()=>{}},refs:{formRef:{}}},s.demoData||{},{arrayMerge:(t,e)=>e}):function(t){var e,r,a,s,o,n,c,d,u;const h=l(null),{registrationFormState:m,setRegistrationFormState:p}=V({}),[v,{loading:g,errors:f}]=R();i((()=>{if(!h.current)return;const t=h.current;return t.addEventListener("sl-input",b),()=>{t.removeEventListener("sl-input",b)}}),[h.current]);const b=w((t=>{var e,r;if("tel"!==(null===(r=null===(e=t.target)||void 0===e?void 0:e.type)||void 0===r?void 0:r.toLowerCase()))return;const a=new z("US");t.target.value=a.input(t.target.value)}),[]);let y="";return y=(null===(e=null==f?void 0:f.response)||void 0===e?void 0:e.error)||(null==f?void 0:f.message)&&!(null===(r=null==f?void 0:f.response)||void 0===r?void 0:r.errors.length)?t.networkErrorMessage:(null===(n=null===(o=null===(s=null===(a=null==f?void 0:f.response)||void 0===a?void 0:a.errors)||void 0===s?void 0:s[0])||void 0===o?void 0:o.extensions)||void 0===n?void 0:n.message)||(null===(u=null===(d=null===(c=null==f?void 0:f.response)||void 0===c?void 0:c.errors)||void 0===d?void 0:d[0])||void 0===u?void 0:u.message)||(null==m?void 0:m.error),{states:{loading:g,error:y,registrationFormState:m,confirmPassword:t.confirmPassword,hideInputs:t.hideInputs,loginPath:t.loginPath,disablePasswordValidation:t.disablePasswordValidation},callbacks:{submit:async e=>{var r;let a=e.target.getFormControls(),s={},i={};if(null==a||a.forEach((e=>{if(!e.name)return;const r=e.name,a=e.value;if(T.set(s,r,a),e.required&&!a&&T.set(i,r,t.requiredFieldErrorMessage),"function"==typeof e.validationError){const t=(0,e.validationError)({control:e,key:r,value:a});t&&T.set(i,r,t)}})),(t.confirmPassword||s.confirmPassword)&&s.password!==s.confirmPassword&&(i={...i,confirmPassword:t.passwordMismatchErrorMessage}),Object.keys(i).length)return void p({loading:!1,error:"",validationErrors:i});p({loading:!0,error:"",validationErrors:{}});const{email:o,password:n}=s;delete s.email,delete s.password,delete s.confirmPassword,s={...s};const l={email:o,password:n,formData:s,redirectPath:t.redirectPath};try{const e=await v(l);if(e instanceof Error)throw e;p({loading:!1,error:"",validationErrors:{}}),(null===(r=e.registerManagedIdentityWithEmailAndPassword)||void 0===r?void 0:r.token)&&C.push(t.nextPage)}catch(e){p({loading:!1,error:t.networkErrorMessage,validationErrors:{}})}},inputFunction:b},refs:{formRef:h}}}(this);var s;const o={formData:e("slot",{name:"formData"}),secondaryButton:e("slot",{name:"secondaryButton"},e("sl-button",{type:"text",disabled:t.loading,onClick:()=>C.push(t.loginPath)},this.loginLabel)),terms:e("slot",{name:"terms"}),emailLabel:this.emailLabel,passwordLabel:this.passwordLabel,submitLabel:this.submitLabel,pageLabel:this.pageLabel,confirmPasswordLabel:this.confirmPasswordLabel,invalidEmailErrorMessage:this.invalidEmailErrorMessage,requiredFieldErrorMessage:this.requiredFieldErrorMessage,meetsRequirementsText:this.meetsRequirementsText,doesNotMeetRequirementsText:this.doesNotMeetRequirementsText,minErrorText:this.minErrorText,uppercaseErrorText:this.uppercaseErrorText,lowercaseErrorText:this.lowercaseErrorText,hasErrorText:this.hasErrorText};return e(mt,{states:t,callbacks:r,content:o,refs:a})}};function Se(t,r){const a=q({Container:{color:t.textColor||"var(--sl-color-neutral-900)",background:t.backgroundColor||""},Header:{fontSize:"var(--sl-font-size-x-large)",fontWeight:"var(--sl-font-weight-bold)",lineHeight:"var(--sl-line-height-dense)",marginBottom:"var(--sl-spacing-large)",textAlign:"center"},Grid:{display:"flex",flexDirection:"row",gap:"var(--sl-spacing-large)","@media (max-width: 499px)":{flexDirection:"column"}}}),s=a.toString();return e("div",{class:a.classes.Container,part:"sqm-base"},e("style",{type:"text/css"},s,"\n ::slotted(*){\n display: flex;\n width: 100%;\n }\n @media (max-width: 499px) {\n ::slotted(*){\n display: block;\n }\n }"),e("div",{class:a.classes.Header},e("div",{class:a.classes.Header,part:"sqm-header"},t.header)),e("div",{class:a.classes.Grid,part:"sqm-grid-container"},r))}const _e=class{constructor(e){t(this,e),this.ignored=!0,s(this)}disconnectedCallback(){}render(){return e(Se,Object.assign({},M(this)),e("slot",null))}};function Te(t){const r=q({Container:{display:"flex",flexDirection:"column",width:"100%",padding:"var(--sl-spacing-x-large)",lineHeight:"var(--sl-line-height-dense)",color:t.textColor||"var(--sl-color-neutral-900)",background:t.backgroundColor||"var(--sl-color-primary-50)","@media (max-width: 499px)":{flexDirection:"row",width:"auto",paddingBottom:"var(--sl-spacing-large)"}},Text:{"@media (max-width: 499px)":{marginLeft:"var(--sl-spacing-large)"}},Header:{fontSize:"var(--sl-font-size-large)",fontWeight:"var(--sl-font-weight-bold)",marginTop:"var(--sl-spacing-x-large)","@media (max-width: 499px)":{margin:"0"}},Description:{fontSize:"var(--sl-font-size-medium)",marginTop:"var(--sl-spacing-small)","@media (max-width: 499px)":{marginTop:"var(--sl-spacing-x-small)"}},Media:{width:"64px",height:"64px",borderRadius:"100%",objectFit:"cover",userSelect:"none",background:"#FFF",color:"var(--sl-color-primary-300)",fontSize:"26px",textAlign:"center",lineHeight:"72px"}}),a=r.toString();return e("div",{class:r.classes.Container,part:"sqm-base"},e("style",{type:"text/css"},a),e("div",null,t.imageUrl?e("img",{class:r.classes.Media,src:t.imageUrl,part:"sqm-media"}):e("div",{class:r.classes.Media,part:"sqm-media"},e("sl-icon",{name:t.icon}))),e("div",{class:r.classes.Text},e("div",{class:r.classes.Header,part:"sqm-header"},t.header),e("div",{class:r.classes.Description,part:"sqm-description"},t.description)))}const Ne=class{constructor(e){t(this,e),s(this)}disconnectedCallback(){}render(){return e(Te,Object.assign({},M(this)))}},Me=d("sq:useProgramMenu"),Ae=class{constructor(e){t(this,e),this.ignored=!0,s(this)}disconnectedCallback(){}render(){const{data:t,ref:a}=function(t){const e=f(),r=p();Me({programId:e,props:t});const a=l(),[,s]=E();return i((()=>{var t;null===(t=a.current)||void 0===t||t.addEventListener("sl-select",(t=>{r.dispatchEvent(new CustomEvent("sq:update-program-id",{detail:t.detail.item.value,bubbles:!0,composed:!0}))}))}),[a.current]),{data:{programId:e},callbacks:{rerender:s},ref:a}}(M(this));return e(r,{style:{display:"contents"}},e("sl-select",{style:{paddingBottom:"var(--sl-spacing-large)"},value:t.programId,ref:t=>a.current=t},e("slot",null)))}},qe=q({Container:{borderRadius:"var(--sl-border-radius-large)",color:"var(--sl-color-neutral-900)",background:"var(--sl-color-neutral-0)",display:"flex",flexDirection:"column",rowGap:"var(--sl-spacing-large)"},EndContainer:{display:"flex",flexDirection:"column",alignItems:"center"},ColumnContainer:{"& p":{margin:"0"},display:"grid",gridAutoColumns:"minmax(0, 1fr)",gridAutoFlow:"column",gap:"calc(2 * var(--sl-spacing-medium))","@media (max-width: 499px)":{gridAutoFlow:"unset",gridAutoColumns:"unset",gridTemplateColumns:"1fr",border:"none"}}}),Le=qe.toString();function De(t){return e("div",{part:"sqm-base",class:qe.classes.Container,style:{border:t.hideBorder?"none":"1px solid var(--sl-color-neutral-300)","padding-top":`var(--sl-spacing-${t.paddingTop})`,"padding-right":`var(--sl-spacing-${t.paddingRight})`,"padding-bottom":`var(--sl-spacing-${t.paddingBottom})`,"padding-left":`var(--sl-spacing-${t.paddingLeft})`,backgroundColor:t.backgroundColor,maxWidth:t.limitWidth?"600px":"none",margin:t.limitWidth?"auto":"none"}},e("style",{type:"text/css"},Le,"\n :host{\n display: block; \n }\n "),t.hasHeader&&e("div",{class:qe.classes.EndContainer},t.slots.header),e("div",{part:"sqm-column-container",class:qe.classes.ColumnContainer,style:{alignItems:t.verticalAlignment}},t.slots.left,t.slots.right),t.hasFooter&&e("div",{class:qe.classes.EndContainer},t.slots.footer))}const Pe=class{constructor(e){t(this,e),this.ignored=!0,this.verticalAlignment="start",this.hideBorder=!1,this.paddingTop="large",this.paddingRight="large",this.paddingBottom="large",this.paddingLeft="large",this.backgroundColor="#ffffff",this.limitWidth=!1,s(this)}disconnectedCallback(){}render(){const t={left:e("slot",{name:"left"}),right:e("slot",{name:"right"}),header:e("slot",{name:"header"}),footer:e("slot",{name:"footer"})},r=P(),a=r.findIndex((t=>"header"===t.slot))>-1,s=r.findIndex((t=>"footer"===t.slot))>-1;return e(De,Object.assign({},M(this),{slots:t,hasHeader:a,hasFooter:s}),e("slot",null))}},Fe=v.gql`
188
188
  query getUser($programId: ID) {
189
189
  viewer {
190
190
  ... on User {
@@ -192,7 +192,7 @@ import{r as t,h as e,c as r}from"./p-f708da7b.js";import{n as a,f as s,i,k as o,
192
192
  }
193
193
  }
194
194
  }
195
- `,Fe=class{constructor(e){t(this,e),this.ignored=!0,this.iframeHeight="100%",this.iframeWidth="100%",a(this)}disconnectedCallback(){}render(){const t=M([{attribute:"iframe-src",value:this.iframeSrc}]);if(t)return e(V,{missingProps:t,heading:"An error occured while loading this page",subheading:"A technical problem prevented this iframe from loading. Please contact us with the link to this page.",description:"Values for the following attributes are missing:"});const{states:a,data:s}=h()?(i=N(this),T({states:{content:{iframeSrc:"https://example.com",...i}},data:{shareCode:"SHARECODE123"}},i.demoData||{},{arrayMerge:(t,e)=>e})):function(t){var e;const r=g(),a=v(),{data:s}=b(Pe,{programId:r},!(null==a?void 0:a.jwt)||!r);return{states:{content:t},data:{shareCode:null===(e=null==s?void 0:s.viewer)||void 0===e?void 0:e.referralCode}}}(N(this));var i;return e(r,{style:{display:"contents"}},e(mt,{data:s,states:a}))}};var Oe={};!function t(e,r,a,s){var i=!!(e.Worker&&e.Blob&&e.Promise&&e.OffscreenCanvas&&e.OffscreenCanvasRenderingContext2D&&e.HTMLCanvasElement&&e.HTMLCanvasElement.prototype.transferControlToOffscreen&&e.URL&&e.URL.createObjectURL);function o(){}function n(t){var a=r.exports.Promise,s=void 0!==a?a:e.Promise;return"function"==typeof s?new s(t):(t(o,o),null)}var l,c,d,u,h,m,p,v,g=(d=Math.floor(1e3/60),u={},h=0,"function"==typeof requestAnimationFrame&&"function"==typeof cancelAnimationFrame?(l=function(t){var e=Math.random();return u[e]=requestAnimationFrame((function r(a){h===a||h+d-1<a?(h=a,delete u[e],t()):u[e]=requestAnimationFrame(r)})),e},c=function(t){u[t]&&cancelAnimationFrame(u[t])}):(l=function(t){return setTimeout(t,d)},c=function(t){return clearTimeout(t)}),{frame:l,cancel:c}),f=(v={},function(){if(m)return m;if(!a&&i){var e=["var CONFETTI, SIZE = {}, module = {};","("+t.toString()+")(this, module, true, SIZE);","onmessage = function(msg) {"," if (msg.data.options) {"," CONFETTI(msg.data.options).then(function () {"," if (msg.data.callback) {"," postMessage({ callback: msg.data.callback });"," }"," });"," } else if (msg.data.reset) {"," CONFETTI.reset();"," } else if (msg.data.resize) {"," SIZE.width = msg.data.resize.width;"," SIZE.height = msg.data.resize.height;"," } else if (msg.data.canvas) {"," SIZE.width = msg.data.canvas.width;"," SIZE.height = msg.data.canvas.height;"," CONFETTI = module.exports.create(msg.data.canvas);"," }","}"].join("\n");try{m=new Worker(URL.createObjectURL(new Blob([e])))}catch(t){return void 0!==typeof console&&"function"==typeof console.warn&&console.warn("🎊 Could not load worker",t),null}!function(t){function e(e,r){t.postMessage({options:e||{},callback:r})}t.init=function(e){var r=e.transferControlToOffscreen();t.postMessage({canvas:r},[r])},t.fire=function(r,a,s){if(p)return e(r,null),p;var i=Math.random().toString(36).slice(2);return p=n((function(a){function o(e){e.data.callback===i&&(delete v[i],t.removeEventListener("message",o),p=null,s(),a())}t.addEventListener("message",o),e(r,i),v[i]=o.bind(null,{data:{callback:i}})}))},t.reset=function(){for(var e in t.postMessage({reset:!0}),v)v[e](),delete v[e]}}(m)}return m}),b={particleCount:50,angle:90,spread:45,startVelocity:45,decay:.9,gravity:1,drift:0,ticks:200,x:.5,y:.5,shapes:["square","circle"],zIndex:100,colors:["#26ccff","#a25afd","#ff5e7e","#88ff5a","#fcff42","#ffa62d","#ff36ff"],disableForReducedMotion:!1,scalar:1};function y(t,e,r){return function(t,e){return e?e(t):t}(t&&null!=t[e]?t[e]:b[e],r)}function x(t){return t<0?0:Math.floor(t)}function w(t){return parseInt(t,16)}function k(t){return t.map(E)}function E(t){var e=String(t).replace(/[^0-9a-f]/gi,"");return e.length<6&&(e=e[0]+e[0]+e[1]+e[1]+e[2]+e[2]),{r:w(e.substring(0,2)),g:w(e.substring(2,4)),b:w(e.substring(4,6))}}function C(t){t.width=document.documentElement.clientWidth,t.height=document.documentElement.clientHeight}function I(t){var e=t.getBoundingClientRect();t.width=e.width,t.height=e.height}function R(t,r){var o,l=!t,c=!!y(r||{},"resize"),d=y(r,"disableForReducedMotion",Boolean),u=i&&y(r||{},"useWorker")?f():null,h=l?C:I,m=!(!t||!u||!t.__confetti_initialized),p="function"==typeof matchMedia&&matchMedia("(prefers-reduced-motion)").matches;function v(e,r,i){for(var l,c,d,u,m=y(e,"particleCount",x),p=y(e,"angle",Number),v=y(e,"spread",Number),f=y(e,"startVelocity",Number),b=y(e,"decay",Number),w=y(e,"gravity",Number),E=y(e,"drift",Number),C=y(e,"colors",k),I=y(e,"ticks",Number),R=y(e,"shapes"),_=y(e,"scalar"),S=function(t){var e=y(t,"origin",Object);return e.x=y(e,"x",Number),e.y=y(e,"y",Number),e}(e),T=m,N=[],M=t.width*S.x,A=t.height*S.y;T--;)N.push((void 0,void 0,c=(l={x:M,y:A,angle:p,spread:v,startVelocity:f,color:C[T%C.length],shape:R[(0,u=R.length,Math.floor(Math.random()*(u-0))+0)],ticks:I,decay:b,gravity:w,drift:E,scalar:_}).angle*(Math.PI/180),d=l.spread*(Math.PI/180),{x:l.x,y:l.y,wobble:10*Math.random(),velocity:.5*l.startVelocity+Math.random()*l.startVelocity,angle2D:-c+(.5*d-Math.random()*d),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(N):(o=function(t,e,r,i,o){var l,c,d=e.slice(),u=t.getContext("2d"),h=n((function(e){function n(){l=c=null,u.clearRect(0,0,i.width,i.height),o(),e()}l=g.frame((function e(){!a||i.width===s.width&&i.height===s.height||(i.width=t.width=s.width,i.height=t.height=s.height),i.width||i.height||(r(t),i.width=t.width,i.height=t.height),u.clearRect(0,0,i.width,i.height),(d=d.filter((function(t){return function(t,e){e.x+=Math.cos(e.angle2D)*e.velocity+e.drift,e.y+=Math.sin(e.angle2D)*e.velocity+e.gravity,e.wobble+=.1,e.velocity*=e.decay,e.tiltAngle+=.1,e.tiltSin=Math.sin(e.tiltAngle),e.tiltCos=Math.cos(e.tiltAngle),e.random=Math.random()+5,e.wobbleX=e.x+10*e.scalar*Math.cos(e.wobble),e.wobbleY=e.y+10*e.scalar*Math.sin(e.wobble);var r=e.tick++/e.totalTicks,a=e.x+e.random*e.tiltCos,s=e.y+e.random*e.tiltSin,i=e.wobbleX+e.random*e.tiltCos,o=e.wobbleY+e.random*e.tiltSin;return t.fillStyle="rgba("+e.color.r+", "+e.color.g+", "+e.color.b+", "+(1-r)+")",t.beginPath(),"circle"===e.shape?t.ellipse?t.ellipse(e.x,e.y,Math.abs(i-a)*e.ovalScalar,Math.abs(o-s)*e.ovalScalar,Math.PI/10*e.wobble,0,2*Math.PI):function(t,e,r,a,s,i,o,n){t.save(),t.translate(e,r),t.rotate(i),t.scale(a,s),t.arc(0,0,1,0,n,void 0),t.restore()}(t,e.x,e.y,Math.abs(i-a)*e.ovalScalar,Math.abs(o-s)*e.ovalScalar,Math.PI/10*e.wobble,0,2*Math.PI):(t.moveTo(Math.floor(e.x),Math.floor(e.y)),t.lineTo(Math.floor(e.wobbleX),Math.floor(s)),t.lineTo(Math.floor(i),Math.floor(o)),t.lineTo(Math.floor(a),Math.floor(e.wobbleY))),t.closePath(),t.fill(),e.tick<e.totalTicks}(u,t)}))).length?l=g.frame(e):n()})),c=n}));return{addFettis:function(t){return d=d.concat(t),h},canvas:t,promise:h,reset:function(){l&&g.cancel(l),c&&c()}}}(t,N,h,r,i)).promise}function b(r){var a=d||y(r,"disableForReducedMotion",Boolean),s=y(r,"zIndex",Number);if(a&&p)return n((function(t){t()}));l&&o?t=o.canvas:l&&!t&&(t=function(t){var e=document.createElement("canvas");return e.style.position="fixed",e.style.top="0px",e.style.left="0px",e.style.pointerEvents="none",e.style.zIndex=t,e}(s),document.body.appendChild(t)),c&&!m&&h(t);var i={width:t.width,height:t.height};function g(){if(u){var e={getBoundingClientRect:function(){if(!l)return t.getBoundingClientRect()}};return h(e),void u.postMessage({resize:{width:e.width,height:e.height}})}i.width=i.height=null}function f(){o=null,c&&e.removeEventListener("resize",g),l&&t&&(document.body.removeChild(t),t=null,m=!1)}return u&&!m&&u.init(t),m=!0,u&&(t.__confetti_initialized=!0),c&&e.addEventListener("resize",g,!1),u?u.fire(r,i,f):v(r,i,f)}return b.reset=function(){u&&u.reset(),o&&o.reset()},b}r.exports=R(null,{useWorker:!0,resize:!0}),r.exports.create=R}(function(){return"undefined"!=typeof window?window:"undefined"!=typeof self?self:this||{}}(),Oe,!1);const Ve=Oe.exports,$e=p.gql`
195
+ `,Oe=class{constructor(e){t(this,e),this.ignored=!0,this.iframeHeight="100%",this.iframeWidth="100%",s(this)}disconnectedCallback(){}render(){const t=A([{attribute:"iframe-src",value:this.iframeSrc}]);if(t)return e($,{missingProps:t,heading:"An error occured while loading this page",subheading:"A technical problem prevented this iframe from loading. Please contact us with the link to this page.",description:"Values for the following attributes are missing:"});const{states:a,data:s}=m()?(i=M(this),N({states:{content:{iframeSrc:"https://example.com",...i}},data:{shareCode:"SHARECODE123"}},i.demoData||{},{arrayMerge:(t,e)=>e})):function(t){var e;const r=f(),a=g(),{data:s}=y(Fe,{programId:r},!(null==a?void 0:a.jwt)||!r);return{states:{content:t},data:{shareCode:null===(e=null==s?void 0:s.viewer)||void 0===e?void 0:e.referralCode}}}(M(this));var i;return e(r,{style:{display:"contents"}},e(pt,{data:s,states:a}))}};var Ve={};!function t(e,r,a,s){var i=!!(e.Worker&&e.Blob&&e.Promise&&e.OffscreenCanvas&&e.OffscreenCanvasRenderingContext2D&&e.HTMLCanvasElement&&e.HTMLCanvasElement.prototype.transferControlToOffscreen&&e.URL&&e.URL.createObjectURL);function o(){}function n(t){var a=r.exports.Promise,s=void 0!==a?a:e.Promise;return"function"==typeof s?new s(t):(t(o,o),null)}var l,c,d,u,h,m,p,v,g=(d=Math.floor(1e3/60),u={},h=0,"function"==typeof requestAnimationFrame&&"function"==typeof cancelAnimationFrame?(l=function(t){var e=Math.random();return u[e]=requestAnimationFrame((function r(a){h===a||h+d-1<a?(h=a,delete u[e],t()):u[e]=requestAnimationFrame(r)})),e},c=function(t){u[t]&&cancelAnimationFrame(u[t])}):(l=function(t){return setTimeout(t,d)},c=function(t){return clearTimeout(t)}),{frame:l,cancel:c}),f=(v={},function(){if(m)return m;if(!a&&i){var e=["var CONFETTI, SIZE = {}, module = {};","("+t.toString()+")(this, module, true, SIZE);","onmessage = function(msg) {"," if (msg.data.options) {"," CONFETTI(msg.data.options).then(function () {"," if (msg.data.callback) {"," postMessage({ callback: msg.data.callback });"," }"," });"," } else if (msg.data.reset) {"," CONFETTI.reset();"," } else if (msg.data.resize) {"," SIZE.width = msg.data.resize.width;"," SIZE.height = msg.data.resize.height;"," } else if (msg.data.canvas) {"," SIZE.width = msg.data.canvas.width;"," SIZE.height = msg.data.canvas.height;"," CONFETTI = module.exports.create(msg.data.canvas);"," }","}"].join("\n");try{m=new Worker(URL.createObjectURL(new Blob([e])))}catch(t){return void 0!==typeof console&&"function"==typeof console.warn&&console.warn("🎊 Could not load worker",t),null}!function(t){function e(e,r){t.postMessage({options:e||{},callback:r})}t.init=function(e){var r=e.transferControlToOffscreen();t.postMessage({canvas:r},[r])},t.fire=function(r,a,s){if(p)return e(r,null),p;var i=Math.random().toString(36).slice(2);return p=n((function(a){function o(e){e.data.callback===i&&(delete v[i],t.removeEventListener("message",o),p=null,s(),a())}t.addEventListener("message",o),e(r,i),v[i]=o.bind(null,{data:{callback:i}})}))},t.reset=function(){for(var e in t.postMessage({reset:!0}),v)v[e](),delete v[e]}}(m)}return m}),b={particleCount:50,angle:90,spread:45,startVelocity:45,decay:.9,gravity:1,drift:0,ticks:200,x:.5,y:.5,shapes:["square","circle"],zIndex:100,colors:["#26ccff","#a25afd","#ff5e7e","#88ff5a","#fcff42","#ffa62d","#ff36ff"],disableForReducedMotion:!1,scalar:1};function y(t,e,r){return function(t,e){return e?e(t):t}(t&&null!=t[e]?t[e]:b[e],r)}function x(t){return t<0?0:Math.floor(t)}function w(t){return parseInt(t,16)}function k(t){return t.map(E)}function E(t){var e=String(t).replace(/[^0-9a-f]/gi,"");return e.length<6&&(e=e[0]+e[0]+e[1]+e[1]+e[2]+e[2]),{r:w(e.substring(0,2)),g:w(e.substring(2,4)),b:w(e.substring(4,6))}}function C(t){t.width=document.documentElement.clientWidth,t.height=document.documentElement.clientHeight}function I(t){var e=t.getBoundingClientRect();t.width=e.width,t.height=e.height}function R(t,r){var o,l=!t,c=!!y(r||{},"resize"),d=y(r,"disableForReducedMotion",Boolean),u=i&&y(r||{},"useWorker")?f():null,h=l?C:I,m=!(!t||!u||!t.__confetti_initialized),p="function"==typeof matchMedia&&matchMedia("(prefers-reduced-motion)").matches;function v(e,r,i){for(var l,c,d,u,m=y(e,"particleCount",x),p=y(e,"angle",Number),v=y(e,"spread",Number),f=y(e,"startVelocity",Number),b=y(e,"decay",Number),w=y(e,"gravity",Number),E=y(e,"drift",Number),C=y(e,"colors",k),I=y(e,"ticks",Number),R=y(e,"shapes"),S=y(e,"scalar"),_=function(t){var e=y(t,"origin",Object);return e.x=y(e,"x",Number),e.y=y(e,"y",Number),e}(e),T=m,N=[],M=t.width*_.x,A=t.height*_.y;T--;)N.push((void 0,void 0,c=(l={x:M,y:A,angle:p,spread:v,startVelocity:f,color:C[T%C.length],shape:R[(0,u=R.length,Math.floor(Math.random()*(u-0))+0)],ticks:I,decay:b,gravity:w,drift:E,scalar:S}).angle*(Math.PI/180),d=l.spread*(Math.PI/180),{x:l.x,y:l.y,wobble:10*Math.random(),velocity:.5*l.startVelocity+Math.random()*l.startVelocity,angle2D:-c+(.5*d-Math.random()*d),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(N):(o=function(t,e,r,i,o){var l,c,d=e.slice(),u=t.getContext("2d"),h=n((function(e){function n(){l=c=null,u.clearRect(0,0,i.width,i.height),o(),e()}l=g.frame((function e(){!a||i.width===s.width&&i.height===s.height||(i.width=t.width=s.width,i.height=t.height=s.height),i.width||i.height||(r(t),i.width=t.width,i.height=t.height),u.clearRect(0,0,i.width,i.height),(d=d.filter((function(t){return function(t,e){e.x+=Math.cos(e.angle2D)*e.velocity+e.drift,e.y+=Math.sin(e.angle2D)*e.velocity+e.gravity,e.wobble+=.1,e.velocity*=e.decay,e.tiltAngle+=.1,e.tiltSin=Math.sin(e.tiltAngle),e.tiltCos=Math.cos(e.tiltAngle),e.random=Math.random()+5,e.wobbleX=e.x+10*e.scalar*Math.cos(e.wobble),e.wobbleY=e.y+10*e.scalar*Math.sin(e.wobble);var r=e.tick++/e.totalTicks,a=e.x+e.random*e.tiltCos,s=e.y+e.random*e.tiltSin,i=e.wobbleX+e.random*e.tiltCos,o=e.wobbleY+e.random*e.tiltSin;return t.fillStyle="rgba("+e.color.r+", "+e.color.g+", "+e.color.b+", "+(1-r)+")",t.beginPath(),"circle"===e.shape?t.ellipse?t.ellipse(e.x,e.y,Math.abs(i-a)*e.ovalScalar,Math.abs(o-s)*e.ovalScalar,Math.PI/10*e.wobble,0,2*Math.PI):function(t,e,r,a,s,i,o,n){t.save(),t.translate(e,r),t.rotate(i),t.scale(a,s),t.arc(0,0,1,0,n,void 0),t.restore()}(t,e.x,e.y,Math.abs(i-a)*e.ovalScalar,Math.abs(o-s)*e.ovalScalar,Math.PI/10*e.wobble,0,2*Math.PI):(t.moveTo(Math.floor(e.x),Math.floor(e.y)),t.lineTo(Math.floor(e.wobbleX),Math.floor(s)),t.lineTo(Math.floor(i),Math.floor(o)),t.lineTo(Math.floor(a),Math.floor(e.wobbleY))),t.closePath(),t.fill(),e.tick<e.totalTicks}(u,t)}))).length?l=g.frame(e):n()})),c=n}));return{addFettis:function(t){return d=d.concat(t),h},canvas:t,promise:h,reset:function(){l&&g.cancel(l),c&&c()}}}(t,N,h,r,i)).promise}function b(r){var a=d||y(r,"disableForReducedMotion",Boolean),s=y(r,"zIndex",Number);if(a&&p)return n((function(t){t()}));l&&o?t=o.canvas:l&&!t&&(t=function(t){var e=document.createElement("canvas");return e.style.position="fixed",e.style.top="0px",e.style.left="0px",e.style.pointerEvents="none",e.style.zIndex=t,e}(s),document.body.appendChild(t)),c&&!m&&h(t);var i={width:t.width,height:t.height};function g(){if(u){var e={getBoundingClientRect:function(){if(!l)return t.getBoundingClientRect()}};return h(e),void u.postMessage({resize:{width:e.width,height:e.height}})}i.width=i.height=null}function f(){o=null,c&&e.removeEventListener("resize",g),l&&t&&(document.body.removeChild(t),t=null,m=!1)}return u&&!m&&u.init(t),m=!0,u&&(t.__confetti_initialized=!0),c&&e.addEventListener("resize",g,!1),u?u.fire(r,i,f):v(r,i,f)}return b.reset=function(){u&&u.reset(),o&&o.reset()},b}r.exports=R(null,{useWorker:!0,resize:!0}),r.exports.create=R}(function(){return"undefined"!=typeof window?window:"undefined"!=typeof self?self:this||{}}(),Ve,!1);const $e=Ve.exports,je=v.gql`
196
196
  query getExchangeList {
197
197
  viewer {
198
198
  ... on User {
@@ -234,7 +234,7 @@ import{r as t,h as e,c as r}from"./p-f708da7b.js";import{n as a,f as s,i,k as o,
234
234
  }
235
235
  }
236
236
  }
237
- `,je=p.gql`
237
+ `,Ue=v.gql`
238
238
  mutation exchange($exchangeRewardInput: ExchangeRewardInput!) {
239
239
  exchangeReward(exchangeRewardInput: $exchangeRewardInput) {
240
240
  reward {
@@ -243,7 +243,7 @@ import{r as t,h as e,c as r}from"./p-f708da7b.js";import{n as a,f as s,i,k as o,
243
243
  }
244
244
  }
245
245
  }
246
- `,Ue=class{constructor(e){t(this,e),this.ignored=!0,this.notAvailableError="{unavailableReasonCode, select, US_TAX {US Tax limit} INSUFFICIENT_REDEEMABLE_CREDIT {{sourceValue} required} AVAILABILITY_PREDICATE {Not available} other {{unavailableReasonCode}} }",this.chooseRewardTitle="Rewards",this.chooseAmountTitle="Select",this.confirmationTitle="Confirm",this.rewardTitle="Choose a reward",this.cancelText="Cancel",this.backText="Back",this.continueText="Continue",this.continueToConfirmationText="Continue to confirmation",this.redeemText="Redeem",this.redeemTitle="Confirm and redeem",this.redemptionSuccessText="Redeemed {sourceValue} for {destinationValue}",this.sourceAmountMessage="{ruleType, select, FIXED_GLOBAL_REWARD {{sourceValue}} other {{sourceMinValue} to {sourceMaxValue}}}",this.tooltipText="Copied",this.doneText="Done",this.selectText="Select amount to receive",this.queryError="Unable to load reward exchange list. Please try again",this.redemptionError="An error occured trying to redeem this reward. Please try again",this.notEnoughError="Not enough {sourceUnit} to redeem for this reward",this.rewardRedeemedText="Reward redeemed",this.promoCode="Promo Code",this.skeletonCardNum=8,this.rewardNameTitle="Reward",this.rewardAmountTitle="Reward Amount",this.costTitle="Cost to Redeem",a(this)}disconnectedCallback(){}render(){const t={...N(this),empty:e(Be,null)},{states:a,data:i,callbacks:l,refs:c}=h()?function(t){return T({states:{content:{text:t},redeemStage:"chooseReward",amount:0,selectedStep:void 0,selectedItem:void 0,open:!1,exchangeError:!1,queryError:!1,loading:!1,noExchangeOptions:!1,empty:Be()},data:{shareCode:"SHARECODE123",exchangeList:pt.data.exchangeList},callbacks:{exchangeReward:()=>{},setExchangeState:()=>{},setStage:()=>{},resetState:()=>{},copyFuelTankCode:()=>{}},refs:{canvasRef:{}}},t.demoData||{},{arrayMerge:(t,e)=>e})}(t):function(t){var e,r,a,i,l;const[c,u]=d(((t,e)=>({...t,...e})),{selectedItem:void 0,selectedStep:void 0,redeemStage:"chooseReward",amount:0,exchangeError:!1}),[h,m]=o(!1),{selectedItem:p,selectedStep:g,redeemStage:y,amount:x,exchangeError:w}=c,k=v(),[E,{data:C,loading:I,errors:_}]=f(je),{data:S,loading:T,refetch:N,errors:M}=b($e,{},!(null==k?void 0:k.jwt));s((()=>{var t,e;(null===(e=null===(t=null==C?void 0:C.exchangeReward)||void 0===t?void 0:t.reward)||void 0===e?void 0:e.id)&&u({redeemStage:"success",exchangeError:!1}),_&&u({exchangeError:!0})}),[C,_]);const A=n();s((()=>{if(!A.current)return;const t=A.current;t.confetti=t.confetti||Ve.create(t,{resize:!0}),t.confetti()}),[A.current]);const{refresh:q}=R();return{states:{content:{text:t},selectedItem:p,redeemStage:y,amount:x,selectedStep:g,exchangeError:w,queryError:!!M,loading:T||I,open:h,noExchangeOptions:0===(null===(e=null==S?void 0:S.viewer)||void 0===e?void 0:e.visibleRewardExchangeItems.totalCount)},data:{exchangeList:null===(a=null===(r=null==S?void 0:S.viewer)||void 0===r?void 0:r.visibleRewardExchangeItems)||void 0===a?void 0:a.data,fuelTankCode:null===(l=null===(i=null==C?void 0:C.exchangeReward)||void 0===i?void 0:i.reward)||void 0===l?void 0:l.fuelTankCode},callbacks:{exchangeReward:async function(){if(!p)return;let t={accountId:null==k?void 0:k.accountId,userId:k.id};switch(p.ruleType){case"FIXED_GLOBAL_REWARD":t={...t,redeemCreditInput:{amount:p.sourceValue,unit:p.sourceUnit},globalRewardKey:p.globalRewardKey};break;case"STEPPED_FIXED_GLOBAL_REWARD":t={...t,redeemCreditInput:{amount:g.sourceValue,unit:p.sourceUnit},globalRewardKey:g.globalRewardKey};break;case"VARIABLE_GLOBAL_REWARD":t={...t,redeemCreditInput:{amount:x,unit:p.sourceUnit},globalRewardKey:p.globalRewardKey,rewardInput:g.rewardInput};break;case"VARIABLE_CREDIT_REWARD":t={...t,redeemCreditInput:{amount:x,unit:p.sourceUnit},rewardInput:{type:"CREDIT",unit:p.destinationUnit,assignedCredit:g.destinationValue}};break;default:t={...t,...g.rewardInput}}await E({exchangeRewardInput:t}),q()},setExchangeState:u,setStage:function(t){u({redeemStage:t})},resetState:t=>{t&&N(),u({amount:0,selectedStep:void 0,selectedItem:void 0,exchangeError:!1,redeemStage:"chooseReward"})},copyFuelTankCode:function(){var t,e;navigator.clipboard.writeText(null===(e=null===(t=null==C?void 0:C.exchangeReward)||void 0===t?void 0:t.reward)||void 0===e?void 0:e.fuelTankCode),m(!0),setTimeout((()=>m(!1)),1e3)}},refs:{canvasRef:A}}}(t);return e(r,{style:{display:"contents"}},e(vt,{states:a,data:i,callbacks:l,refs:c}))}static get assetsDirs(){return["assets"]}};function Be(){return e("slot",{name:"empty"},e("sqm-empty",{emptyStateImage:"https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_exchange2.png",emptyStateHeader:"Redeem rewards",emptyStateText:"Use your points to redeem rewards once they become available"}))}const He=c("sq:useRouter");function ze(t,e){if(t)return P(t).exec(e)}const We=class{constructor(e){t(this,e),this.ignored=!0,a(this)}disconnectedCallback(){}render(){const{callbacks:t}=function(){const t=_(),e=m(),[r,a]=o(void 0),[i,n]=o(void 0),l=t.pathname;return s((()=>{const t=e.querySelectorAll("sqm-route");Array.from(t).forEach((t=>{const e=document.createElement("template");e.setAttribute("path",t.path),e.innerHTML=t.innerHTML,t.parentNode.appendChild(e),t.parentNode.removeChild(t)}))}),[]),s((()=>{var t,e;if(!i||!r)return void He("DOM not ready for navigation rendering on:",l);const a=r.querySelectorAll("template"),s=Array.from(a).find((t=>{var e,r,a;if(null===(a=ze(null===(r=null===(e=t.attributes)||void 0===e?void 0:e.path)||void 0===r?void 0:r.nodeValue,l))||void 0===a?void 0:a.length)return t})),o=null===(e=null===(t=null==s?void 0:s.attributes)||void 0===t?void 0:t.path)||void 0===e?void 0:e.nodeValue;if(He({containerDatasetPage:i.dataset.page,templatePath:o,page:l}),!s)return He("No matching page found for ",l,", so render nothing"),i.innerHTML="",void(i.dataset.page=l);He("Page updated to ",l,s),ze(o,i.dataset.page)?He("don't rerender"):s&&(i.innerHTML=s.innerHTML,i.dataset.page=l)}),[r,i,l]),{callbacks:{setSlot:a,setContainer:n}}}();return e(r,null,e("div",{ref:t.setSlot,style:{display:"none"}},e("slot",null)),e("div",{style:{display:"contents"},ref:t.setContainer}))}};We.style="sqm-router{display:contents}";const Ye=class{constructor(e){t(this,e),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",a(this)}disconnectedCallback(){}render(){const t=N(this),r=h()?function(t){return T({...t,loading:!1,hide:!1,onClick:()=>{}},t.demoData||{},{arrayMerge:(t,e)=>e})}(t):gt(t);return e(ft,Object.assign({},r),e("slot",null))}};Ye.style=":host{display:block}:host([hidden]){display:none}sl-button{display:block}";const Ge=p.gql`
246
+ `,Be=class{constructor(e){t(this,e),this.ignored=!0,this.notAvailableError="{unavailableReasonCode, select, US_TAX {US Tax limit} INSUFFICIENT_REDEEMABLE_CREDIT {{sourceValue} required} AVAILABILITY_PREDICATE {Not available} other {{unavailableReasonCode}} }",this.chooseRewardTitle="Rewards",this.chooseAmountTitle="Select",this.confirmationTitle="Confirm",this.rewardTitle="Choose a reward",this.cancelText="Cancel",this.backText="Back",this.continueText="Continue",this.continueToConfirmationText="Continue to confirmation",this.redeemText="Redeem",this.redeemTitle="Confirm and redeem",this.redemptionSuccessText="Redeemed {sourceValue} for {destinationValue}",this.sourceAmountMessage="{ruleType, select, FIXED_GLOBAL_REWARD {{sourceValue}} other {{sourceMinValue} to {sourceMaxValue}}}",this.tooltipText="Copied",this.doneText="Done",this.selectText="Select amount to receive",this.queryError="Unable to load reward exchange list. Please try again",this.redemptionError="An error occured trying to redeem this reward. Please try again",this.notEnoughError="Not enough {sourceUnit} to redeem for this reward",this.rewardRedeemedText="Reward redeemed",this.promoCode="Promo Code",this.skeletonCardNum=8,this.rewardNameTitle="Reward",this.rewardAmountTitle="Reward Amount",this.costTitle="Cost to Redeem",s(this)}disconnectedCallback(){}render(){const t={...M(this),empty:e(He,null)},{states:a,data:s,callbacks:o,refs:c}=m()?function(t){return N({states:{content:{text:t},redeemStage:"chooseReward",amount:0,selectedStep:void 0,selectedItem:void 0,open:!1,exchangeError:!1,queryError:!1,loading:!1,noExchangeOptions:!1,empty:He()},data:{shareCode:"SHARECODE123",exchangeList:vt.data.exchangeList},callbacks:{exchangeReward:()=>{},setExchangeState:()=>{},setStage:()=>{},resetState:()=>{},copyFuelTankCode:()=>{}},refs:{canvasRef:{}}},t.demoData||{},{arrayMerge:(t,e)=>e})}(t):function(t){var e,r,a,s,o;const[c,d]=u(((t,e)=>({...t,...e})),{selectedItem:void 0,selectedStep:void 0,redeemStage:"chooseReward",amount:0,exchangeError:!1}),[h,m]=n(!1),{selectedItem:p,selectedStep:v,redeemStage:f,amount:x,exchangeError:w}=c,k=g(),[E,{data:C,loading:I,errors:R}]=b(Ue),{data:_,loading:T,refetch:N,errors:M}=y(je,{},!(null==k?void 0:k.jwt));i((()=>{var t,e;(null===(e=null===(t=null==C?void 0:C.exchangeReward)||void 0===t?void 0:t.reward)||void 0===e?void 0:e.id)&&d({redeemStage:"success",exchangeError:!1}),R&&d({exchangeError:!0})}),[C,R]);const A=l();i((()=>{if(!A.current)return;const t=A.current;t.confetti=t.confetti||$e.create(t,{resize:!0}),t.confetti()}),[A.current]);const{refresh:q}=S();return{states:{content:{text:t},selectedItem:p,redeemStage:f,amount:x,selectedStep:v,exchangeError:w,queryError:!!M,loading:T||I,open:h,noExchangeOptions:0===(null===(e=null==_?void 0:_.viewer)||void 0===e?void 0:e.visibleRewardExchangeItems.totalCount)},data:{exchangeList:null===(a=null===(r=null==_?void 0:_.viewer)||void 0===r?void 0:r.visibleRewardExchangeItems)||void 0===a?void 0:a.data,fuelTankCode:null===(o=null===(s=null==C?void 0:C.exchangeReward)||void 0===s?void 0:s.reward)||void 0===o?void 0:o.fuelTankCode},callbacks:{exchangeReward:async function(){if(!p)return;let t={accountId:null==k?void 0:k.accountId,userId:k.id};switch(p.ruleType){case"FIXED_GLOBAL_REWARD":t={...t,redeemCreditInput:{amount:p.sourceValue,unit:p.sourceUnit},globalRewardKey:p.globalRewardKey};break;case"STEPPED_FIXED_GLOBAL_REWARD":t={...t,redeemCreditInput:{amount:v.sourceValue,unit:p.sourceUnit},globalRewardKey:v.globalRewardKey};break;case"VARIABLE_GLOBAL_REWARD":t={...t,redeemCreditInput:{amount:x,unit:p.sourceUnit},globalRewardKey:p.globalRewardKey,rewardInput:v.rewardInput};break;case"VARIABLE_CREDIT_REWARD":t={...t,redeemCreditInput:{amount:x,unit:p.sourceUnit},rewardInput:{type:"CREDIT",unit:p.destinationUnit,assignedCredit:v.destinationValue}};break;default:t={...t,...v.rewardInput}}await E({exchangeRewardInput:t}),q()},setExchangeState:d,setStage:function(t){d({redeemStage:t})},resetState:t=>{t&&N(),d({amount:0,selectedStep:void 0,selectedItem:void 0,exchangeError:!1,redeemStage:"chooseReward"})},copyFuelTankCode:function(){var t,e;navigator.clipboard.writeText(null===(e=null===(t=null==C?void 0:C.exchangeReward)||void 0===t?void 0:t.reward)||void 0===e?void 0:e.fuelTankCode),m(!0),setTimeout((()=>m(!1)),1e3)}},refs:{canvasRef:A}}}(t);return e(r,{style:{display:"contents"}},e(gt,{states:a,data:s,callbacks:o,refs:c}))}static get assetsDirs(){return["assets"]}};function He(){return e("slot",{name:"empty"},e("sqm-empty",{emptyStateImage:"https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_exchange2.png",emptyStateHeader:"Redeem rewards",emptyStateText:"Use your points to redeem rewards once they become available"}))}const ze=d("sq:useRouter");function We(t,e){if(t)return F(t).exec(e)}const Ye=class{constructor(e){t(this,e),this.ignored=!0,s(this)}disconnectedCallback(){}render(){const{callbacks:t}=function(){const t=_(),e=p(),[r,a]=n(void 0),[s,o]=n(void 0),l=t.pathname;return i((()=>{const t=e.querySelectorAll("sqm-route");Array.from(t).forEach((t=>{const e=document.createElement("template");e.setAttribute("path",t.path),e.innerHTML=t.innerHTML,t.parentNode.appendChild(e),t.parentNode.removeChild(t)}))}),[]),i((()=>{var t,e;if(!s||!r)return void ze("DOM not ready for navigation rendering on:",l);const a=r.querySelectorAll("template"),i=Array.from(a).find((t=>{var e,r,a;if(null===(a=We(null===(r=null===(e=t.attributes)||void 0===e?void 0:e.path)||void 0===r?void 0:r.nodeValue,l))||void 0===a?void 0:a.length)return t})),o=null===(e=null===(t=null==i?void 0:i.attributes)||void 0===t?void 0:t.path)||void 0===e?void 0:e.nodeValue;if(ze({containerDatasetPage:s.dataset.page,templatePath:o,page:l}),!i)return ze("No matching page found for ",l,", so render nothing"),s.innerHTML="",void(s.dataset.page=l);ze("Page updated to ",l,i),We(o,s.dataset.page)?ze("don't rerender"):i&&(s.innerHTML=i.innerHTML,s.dataset.page=l)}),[r,s,l]),{callbacks:{setSlot:a,setContainer:o}}}();return e(r,null,e("div",{ref:t.setSlot,style:{display:"none"}},e("slot",null)),e("div",{style:{display:"contents"},ref:t.setContainer}))}};Ye.style="sqm-router{display:contents}";const Ge=class{constructor(e){t(this,e),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",s(this)}disconnectedCallback(){}render(){const t=M(this),r=m()?function(t){return N({...t,loading:!1,hide:!1,onClick:()=>{}},t.demoData||{},{arrayMerge:(t,e)=>e})}(t):ft(t);return e(bt,Object.assign({},r),e("slot",null))}};Ge.style=":host{display:block}:host([hidden]){display:none}sl-button{display:block}";const Ke=v.gql`
247
247
  query ($programId: ID) {
248
248
  user: viewer {
249
249
  ... on User {
@@ -251,17 +251,17 @@ import{r as t,h as e,c as r}from"./p-f708da7b.js";import{n as a,f as s,i,k as o,
251
251
  }
252
252
  }
253
253
  }
254
- `,Ke=p.gql`
254
+ `,Ze=v.gql`
255
255
  mutation loadEvent($eventMeta: UserAnalyticsEvent!) {
256
256
  createUserAnalyticsEvent(eventMeta: $eventMeta)
257
257
  }
258
- `,Ze=class{constructor(e){t(this,e),this.tooltiptext="Copied to Clipboard",this.tooltiplifespan=1e3,this.textAlign="left",this.copyButtonLabel="Copy Code",this.buttonStyle="icon",a(this)}disconnectedCallback(){}render(){const t=N(this),r=h()?function(t){const[e,r]=o(!1),a="SHARECODE001";return T({copyString:a,tooltiptext:t.tooltiptext,textAlign:t.textAlign,copyButtonLabel:t.copyButtonLabel,buttonStyle:t.buttonStyle,rewardStatus:"AVAILABLE",open:e,onClick:()=>{navigator.clipboard.writeText(a),r(!0),setTimeout((()=>r(!1)),t.tooltiplifespan)}},t.demoData||{},{arrayMerge:(t,e)=>e})}(t):function(t){var e,r;const{programId:a=g()}=t,s=v(),i=y(),{data:n}=b(Ge,{programId:a},!(null==s?void 0:s.jwt)),[l]=f(Ke),c=null!==(r=null===(e=null==n?void 0:n.user)||void 0===e?void 0:e.referralCode)&&void 0!==r?r:"...",[d,u]=o(!1);return{...t,onClick:function(){navigator.clipboard.writeText(c),u(!0),setTimeout((()=>u(!1)),t.tooltiplifespan),l({eventMeta:{programId:a,id:null==s?void 0:s.id,accountId:null==s?void 0:s.accountId,type:"USER_REFERRAL_PROGRAM_ENGAGEMENT_EVENT",meta:{engagementMedium:i,shareMedium:"DIRECT"}}})},open:d,copyString:c}}(t);return e(q,Object.assign({},r))}},Xe=class{constructor(e){t(this,e),this.tooltiptext="Copied to Clipboard",this.tooltiplifespan=1e3,this.textAlign="left",this.copyButtonLabel="Copy Link",this.buttonStyle="icon",a(this)}disconnectedCallback(){}render(){const t=N(this),r=h()?function(t){const[e,r]=o(!1),a="https://www.example.com/sharelink/abc";return T({copyString:a,tooltiptext:t.tooltiptext,textAlign:t.textAlign,buttonStyle:t.buttonStyle,copyButtonLabel:t.copyButtonLabel,rewardStatus:"AVAILABLE",open:e,onClick:()=>{navigator.clipboard.writeText(a),r(!0),setTimeout((()=>r(!1)),t.tooltiplifespan)}},t.demoData||{},{arrayMerge:(t,e)=>e})}(t):bt(t);return e(q,Object.assign({},r))}},Qe=class{constructor(e){t(this,e),this.ignored=!0,this.space="xxx-large",this.display="grid",a(this)}disconnectedCallback(){}render(){return e(yt,Object.assign({},N(this)),e("slot",null))}},Je=p.gql`
258
+ `,Xe=class{constructor(e){t(this,e),this.tooltiptext="Copied to Clipboard",this.tooltiplifespan=1e3,this.textAlign="left",this.copyButtonLabel="Copy Code",this.buttonStyle="icon",s(this)}disconnectedCallback(){}render(){const t=M(this),r=m()?function(t){const[e,r]=n(!1),a="SHARECODE001";return N({copyString:a,tooltiptext:t.tooltiptext,textAlign:t.textAlign,copyButtonLabel:t.copyButtonLabel,buttonStyle:t.buttonStyle,rewardStatus:"AVAILABLE",open:e,onClick:()=>{navigator.clipboard.writeText(a),r(!0),setTimeout((()=>r(!1)),t.tooltiplifespan)}},t.demoData||{},{arrayMerge:(t,e)=>e})}(t):function(t){var e,r;const{programId:a=f()}=t,s=g(),i=x(),{data:o}=y(Ke,{programId:a},!(null==s?void 0:s.jwt)),[l]=b(Ze),c=null!==(r=null===(e=null==o?void 0:o.user)||void 0===e?void 0:e.referralCode)&&void 0!==r?r:"...",[d,u]=n(!1);return{...t,onClick:function(){navigator.clipboard.writeText(c),u(!0),setTimeout((()=>u(!1)),t.tooltiplifespan),l({eventMeta:{programId:a,id:null==s?void 0:s.id,accountId:null==s?void 0:s.accountId,type:"USER_REFERRAL_PROGRAM_ENGAGEMENT_EVENT",meta:{engagementMedium:i,shareMedium:"DIRECT"}}})},open:d,copyString:c}}(t);return e(L,Object.assign({},r))}},Qe=class{constructor(e){t(this,e),this.tooltiptext="Copied to Clipboard",this.tooltiplifespan=1e3,this.textAlign="left",this.copyButtonLabel="Copy Link",this.buttonStyle="icon",s(this)}disconnectedCallback(){}render(){const t=M(this),r=m()?function(t){const[e,r]=n(!1),a="https://www.example.com/sharelink/abc";return N({copyString:a,tooltiptext:t.tooltiptext,textAlign:t.textAlign,buttonStyle:t.buttonStyle,copyButtonLabel:t.copyButtonLabel,rewardStatus:"AVAILABLE",open:e,onClick:()=>{navigator.clipboard.writeText(a),r(!0),setTimeout((()=>r(!1)),t.tooltiplifespan)}},t.demoData||{},{arrayMerge:(t,e)=>e})}(t):yt(t);return e(L,Object.assign({},r))}},Je=class{constructor(e){t(this,e),this.ignored=!0,this.space="xxx-large",this.display="grid",s(this)}disconnectedCallback(){}render(){return e(xt,Object.assign({},M(this)),e("slot",null))}},tr=v.gql`
259
259
  mutation taskCardEvent($userEventInput: UserEventInput!) {
260
260
  logUserEvent(userEventInput: $userEventInput) {
261
261
  userId
262
262
  }
263
263
  }
264
- `,tr=class{constructor(e){t(this,e),this.ignored=!0,this.rewardAmount="0",this.rewardUnit="Points",this.cardTitle="Title Text",this.description="",this.repeatable=!1,this.finite=0,this.showProgressBar=!1,this.goal=1,this.steps=!1,this.progressBarUnit="",this.expiryMessage="Ends {endDate}",this.startsOnMessage="Starts {startDate}",this.endedMessage="Ended {endDate}",this.completedText="Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}",this.buttonText="Complete Action",this.openNewTab=!1,this.hideButton=!1,a(this)}disconnectedCallback(){}render(){const{props:t}=h()?W(this):Y({...N(this),programId:this.programId}),{value:r,loading:a}=t,{states:i,callbacks:o}=h()?function(t){return T({states:{loadingEvent:!1,locale:"en"},callbacks:{sendEvent:t=>console.log(t),onClick:()=>console.log("clicked")}},t.demoData||{},{arrayMerge:(t,e)=>e})}(this):function(t){const e=v(),r=w(),[a,{data:i,loading:o}]=f(Je),{refresh:n}=R();function l(){t.openNewTab?window.open(t.buttonLink):window.open(t.buttonLink,"_parent")}function c(t){a({userEventInput:{userId:null==e?void 0:e.id,accountId:null==e?void 0:e.accountId,events:[{key:t,fields:{}}]}})}return s((()=>{i&&(n(),l())}),[i]),{states:{loadingEvent:o,locale:r},callbacks:{sendEvent:c,onClick:function(){t.eventKey?c(t.eventKey):l()}}}}(this);return e(xt,{callbacks:o,states:{loading:a,loadingEvent:i.loadingEvent,progress:r,locale:i.locale},content:{...N(this)}})}},er=class{constructor(e){t(this,e),this.ignored=!0,this.icon="gift",a(this)}disconnectedCallback(){}render(){return D().forEach((t=>{try{t.setIcon(this.icon)}catch{}})),e("div",null,e("style",{type:"text/css"},"\n\t\t:host{\n\t\t\tdisplay: block; \n\t\t}\n\n\t\t::slotted(*:not(:only-child):not(:last-child)) {\n\t\t\tmargin-bottom: var(--sl-spacing-xx-large);\n\t\t}\n\t"),e("slot",null))}},rr=()=>e("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{d:"M22.5 7.5H18.6761H13.5V24H20.75C21.3023 24 21.75 23.5523 21.75 23V22.5V13.5H22.5H23C23.5523 13.5 24 13.0523 24 12.5V12V9V8.5C24 7.94772 23.5523 7.5 23 7.5H22.5Z",fill:"#F2C94C"}),e("path",{d:"M2.25 22.5V23C2.25 23.5523 2.69772 24 3.25 24H10.5V7.5H6.96363H1.5H1C0.447715 7.5 0 7.94772 0 8.5V9V12V12.5C0 13.0523 0.447715 13.5 1 13.5H1.5H2.25V22.5Z",fill:"#F2C94C"}),e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M2.25 13.5V15H21.75V13.5H2.25Z",fill:"#BE9720"}),e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M21 4.06424C21 5.39348 19.0041 7.4062 18 7.5H13.5V24H10.5027V7.5H6.88188C4.8187 7.05273 3 5.46806 3 3.78109C3 2.1371 3.71404 0.835051 5.01276 0.273062C6.25382 -0.26398 7.68678 0.0304991 8.81964 0.817C10.2101 1.78237 10.9902 3.59446 11.6978 5.2384C11.7599 5.38268 11.8215 5.52566 11.8828 5.66667C11.9426 5.53298 12.0028 5.3969 12.0638 5.25912C12.7649 3.67422 13.5654 1.86488 14.9106 0.893444C16.0997 0.0347157 17.6114 -0.289736 18.9181 0.298417C20.2693 0.906596 21 2.3018 21 4.06424ZM15.9185 2.25C16.6392 1.72957 17.502 1.63518 18.2396 2.25C18.8819 2.78542 18.9162 3.03745 18.9987 3.64389L19.0133 3.75C19.0133 4.64776 18.2396 6 17.4659 6C16.9177 6 16.4871 5.99537 16.0836 5.99103C15.3479 5.98312 14.702 5.97618 13.5974 6C13.808 5.59179 13.9761 5.20003 14.1365 4.82641C14.5654 3.82715 14.9386 2.95763 15.9185 2.25ZM7.40792 2.25C7.05911 2.00783 6.25921 2.11591 5.92748 2.25945C5.65341 2.37805 5.24403 2.73987 5.24403 3.78109C5.24403 4.79286 6.88188 5.66667 6.88188 5.66667C6.88188 5.66667 8.18161 6 10.5027 6C9.71258 4.04177 8.59336 3.073 7.40792 2.25Z",fill:"#EB5757"})),ar=()=>e("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("circle",{cx:"12",cy:"12",r:"9",fill:"currentColor",stroke:"currentColor","stroke-width":"2"})),sr=A({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)"}}}),ir=sr.toString();function or(t){var r;const a=null!==(r=t.icon)&&void 0!==r?r:t.iconState;return e("div",{class:sr.classes.TimelineReward,part:"sqm-base"},e("style",{type:"text/css"},ir,"\n\t:host{\n\t\tdisplay: block; \n\t}\n\n\t:host(:not(:last-of-type)) .line {\n\t\tdisplay: block; \n\t}\n\t"),e("div",{class:"container",part:"sqm-entry-container"},e("div",{class:"line"},"/"),e("div",{class:"step"},"gift"===a&&e("div",{class:"icon"},e(rr,null)),"circle"===a&&e("div",{class:"icon"},e(ar,null)),e("div",null,e("div",null,e("span",{class:"reward",part:"sqm-reward"},t.reward),e("span",{class:"unit",part:"sqm-unit"},t.unit)),e("div",{class:"description",part:"sqm-description"},t.desc)))))}const nr=class{constructor(e){t(this,e),this.ignored=!0,this.iconState="gift",a(this)}async setIcon(t){this.iconState=t}disconnectedCallback(){}render(){return L([this.reward]),e(or,Object.assign({},N(this)))}};function lr(t){return e(r,null,t.loading?t.loadingText:t.username)}const cr=p.gql`
264
+ `,er=class{constructor(e){t(this,e),this.ignored=!0,this.rewardAmount="0",this.rewardUnit="Points",this.cardTitle="Title Text",this.description="",this.repeatable=!1,this.finite=0,this.showProgressBar=!1,this.goal=1,this.steps=!1,this.progressBarUnit="",this.expiryMessage="Ends {endDate}",this.startsOnMessage="Starts {startDate}",this.endedMessage="Ended {endDate}",this.completedText="Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}",this.buttonText="Complete Action",this.openNewTab=!1,this.hideButton=!1,s(this)}disconnectedCallback(){}render(){const{props:t}=m()?Y(this):G({...M(this),programId:this.programId}),{value:r,loading:a}=t,{states:s,callbacks:o}=m()?function(t){return N({states:{loadingEvent:!1,locale:"en"},callbacks:{sendEvent:t=>console.log(t),onClick:()=>console.log("clicked")}},t.demoData||{},{arrayMerge:(t,e)=>e})}(this):function(t){const e=g(),r=k(),[a,{data:s,loading:o}]=b(tr),{refresh:n}=S();function l(){t.openNewTab?window.open(t.buttonLink):window.open(t.buttonLink,"_parent")}function c(t){a({userEventInput:{userId:null==e?void 0:e.id,accountId:null==e?void 0:e.accountId,events:[{key:t,fields:{}}]}})}return i((()=>{s&&(n(),l())}),[s]),{states:{loadingEvent:o,locale:r},callbacks:{sendEvent:c,onClick:function(){t.eventKey?c(t.eventKey):l()}}}}(this);return e(wt,{callbacks:o,states:{loading:a,loadingEvent:s.loadingEvent,progress:r,locale:s.locale},content:{...M(this)}})}},rr=class{constructor(e){t(this,e),this.ignored=!0,this.icon="gift",s(this)}disconnectedCallback(){}render(){return P().forEach((t=>{try{t.setIcon(this.icon)}catch{}})),e("div",null,e("style",{type:"text/css"},"\n\t\t:host{\n\t\t\tdisplay: block; \n\t\t}\n\n\t\t::slotted(*:not(:only-child):not(:last-child)) {\n\t\t\tmargin-bottom: var(--sl-spacing-xx-large);\n\t\t}\n\t"),e("slot",null))}},ar=()=>e("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{d:"M22.5 7.5H18.6761H13.5V24H20.75C21.3023 24 21.75 23.5523 21.75 23V22.5V13.5H22.5H23C23.5523 13.5 24 13.0523 24 12.5V12V9V8.5C24 7.94772 23.5523 7.5 23 7.5H22.5Z",fill:"#F2C94C"}),e("path",{d:"M2.25 22.5V23C2.25 23.5523 2.69772 24 3.25 24H10.5V7.5H6.96363H1.5H1C0.447715 7.5 0 7.94772 0 8.5V9V12V12.5C0 13.0523 0.447715 13.5 1 13.5H1.5H2.25V22.5Z",fill:"#F2C94C"}),e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M2.25 13.5V15H21.75V13.5H2.25Z",fill:"#BE9720"}),e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M21 4.06424C21 5.39348 19.0041 7.4062 18 7.5H13.5V24H10.5027V7.5H6.88188C4.8187 7.05273 3 5.46806 3 3.78109C3 2.1371 3.71404 0.835051 5.01276 0.273062C6.25382 -0.26398 7.68678 0.0304991 8.81964 0.817C10.2101 1.78237 10.9902 3.59446 11.6978 5.2384C11.7599 5.38268 11.8215 5.52566 11.8828 5.66667C11.9426 5.53298 12.0028 5.3969 12.0638 5.25912C12.7649 3.67422 13.5654 1.86488 14.9106 0.893444C16.0997 0.0347157 17.6114 -0.289736 18.9181 0.298417C20.2693 0.906596 21 2.3018 21 4.06424ZM15.9185 2.25C16.6392 1.72957 17.502 1.63518 18.2396 2.25C18.8819 2.78542 18.9162 3.03745 18.9987 3.64389L19.0133 3.75C19.0133 4.64776 18.2396 6 17.4659 6C16.9177 6 16.4871 5.99537 16.0836 5.99103C15.3479 5.98312 14.702 5.97618 13.5974 6C13.808 5.59179 13.9761 5.20003 14.1365 4.82641C14.5654 3.82715 14.9386 2.95763 15.9185 2.25ZM7.40792 2.25C7.05911 2.00783 6.25921 2.11591 5.92748 2.25945C5.65341 2.37805 5.24403 2.73987 5.24403 3.78109C5.24403 4.79286 6.88188 5.66667 6.88188 5.66667C6.88188 5.66667 8.18161 6 10.5027 6C9.71258 4.04177 8.59336 3.073 7.40792 2.25Z",fill:"#EB5757"})),sr=()=>e("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("circle",{cx:"12",cy:"12",r:"9",fill:"currentColor",stroke:"currentColor","stroke-width":"2"})),ir=q({TimelineReward:{color:"var(--sl-color-neutral-900)",lineHeight:"var(--sl-line-height-dense)","& .container":{display:"flex"},"& .line":{display:"none",color:"transparent",userSelect:"none",background:"var(--sl-color-primary-300)",width:"4px",borderRadius:"4px",margin:"-2px",position:"relative",left:"12px",top:"34px"},"& .step":{display:"flex"},"& .icon":{position:"relative",top:"4px",zIndex:"1",color:"var(--sl-color-primary-300)",marginRight:"var(--sl-spacing-large)"},"& .reward":{marginRight:"var(--sl-spacing-x-small)",fontSize:"var(--sl-font-size-x-large)",fontWeight:"var(--sl-font-weight-semibold)"},"& .unit":{textTransform:"uppercase",fontSize:"var(--sl-font-size-small)"},"& .description":{fontSize:"var(--sl-font-size-medium)"}}}),or=ir.toString();function nr(t){var r;const a=null!==(r=t.icon)&&void 0!==r?r:t.iconState;return e("div",{class:ir.classes.TimelineReward,part:"sqm-base"},e("style",{type:"text/css"},or,"\n\t:host{\n\t\tdisplay: block; \n\t}\n\n\t:host(:not(:last-of-type)) .line {\n\t\tdisplay: block; \n\t}\n\t"),e("div",{class:"container",part:"sqm-entry-container"},e("div",{class:"line"},"/"),e("div",{class:"step"},"gift"===a&&e("div",{class:"icon"},e(ar,null)),"circle"===a&&e("div",{class:"icon"},e(sr,null)),e("div",null,e("div",null,e("span",{class:"reward",part:"sqm-reward"},t.reward),e("span",{class:"unit",part:"sqm-unit"},t.unit)),e("div",{class:"description",part:"sqm-description"},t.desc)))))}const lr=class{constructor(e){t(this,e),this.ignored=!0,this.iconState="gift",s(this)}async setIcon(t){this.iconState=t}disconnectedCallback(){}render(){return D([this.reward]),e(nr,Object.assign({},M(this)))}};function cr(t){return e(r,null,t.loading?t.loadingText:t.username)}const dr=v.gql`
265
265
  query getUserName {
266
266
  viewer {
267
267
  ... on User {
@@ -270,4 +270,4 @@ import{r as t,h as e,c as r}from"./p-f708da7b.js";import{n as a,f as s,i,k as o,
270
270
  }
271
271
  }
272
272
  }
273
- `,dr=class{constructor(e){t(this,e),this.ignored=!0,this.fallback="Anonymous User",this.loadingText="...",a(this)}disconnectedCallback(){}render(){const t=h()?function(t){return T({loading:!1,loadingText:"...",username:"John Smith"},t.demoData||{},{arrayMerge:(t,e)=>e})}(this):function(t){var e,r,a,s,i,o,n,l;const c=v(),d=b(cr,{},!(null==c?void 0:c.jwt)),u=(null===(r=null===(e=d.data)||void 0===e?void 0:e.viewer)||void 0===r?void 0:r.firstName)||(null===(s=null===(a=d.data)||void 0===a?void 0:a.viewer)||void 0===s?void 0:s.lastName)?`${null===(o=null===(i=d.data)||void 0===i?void 0:i.viewer)||void 0===o?void 0:o.firstName} ${null===(l=null===(n=d.data)||void 0===n?void 0:n.viewer)||void 0===l?void 0:l.lastName}`:t.fallback;return{loadingText:t.loadingText,loading:d.loading,username:u}}(this);return e(lr,Object.assign({},t))}};export{kt as sqm_big_stat,Et as sqm_brand,Ct as sqm_card_feed,Rt as sqm_checkbox_field,Tt as sqm_coupon_code,Mt as sqm_divided_layout,At as sqm_dropdown_field,Pt as sqm_edit_profile,Ft as sqm_hero,Vt as sqm_hero_image,$t as sqm_hook_story_container,Ut as sqm_image,Bt as sqm_input_field,Ht as sqm_lead_dropdown_field,Yt as sqm_lead_form,Qt as sqm_leaderboard,ae as sqm_link_button,se as sqm_marketing_emails_checkbox,ie as sqm_name_fields,ne as sqm_navigation_menu,he as sqm_payout_button_scroll,ge as sqm_payout_status_alert,xe as sqm_portal_change_marketing,we as sqm_portal_change_password,ke as sqm_portal_footer,Ee as sqm_portal_frame,Ce as sqm_portal_login,Ie as sqm_portal_register,_e as sqm_program_explainer,Te as sqm_program_explainer_step,Me as sqm_program_menu,De as sqm_referral_card,Fe as sqm_referral_iframe,Ue as sqm_reward_exchange_list,We as sqm_router,Ye as sqm_share_button,Ze as sqm_share_code,Xe as sqm_share_link,Qe as sqm_stat_container,tr as sqm_task_card,er as sqm_timeline,nr as sqm_timeline_entry,dr as sqm_user_name}
273
+ `,ur=class{constructor(e){t(this,e),this.ignored=!0,this.fallback="Anonymous User",this.loadingText="...",s(this)}disconnectedCallback(){}render(){const t=m()?function(t){return N({loading:!1,loadingText:"...",username:"John Smith"},t.demoData||{},{arrayMerge:(t,e)=>e})}(this):function(t){var e,r,a,s,i,o,n,l;const c=g(),d=y(dr,{},!(null==c?void 0:c.jwt)),u=(null===(r=null===(e=d.data)||void 0===e?void 0:e.viewer)||void 0===r?void 0:r.firstName)||(null===(s=null===(a=d.data)||void 0===a?void 0:a.viewer)||void 0===s?void 0:s.lastName)?`${null===(o=null===(i=d.data)||void 0===i?void 0:i.viewer)||void 0===o?void 0:o.firstName} ${null===(l=null===(n=d.data)||void 0===n?void 0:n.viewer)||void 0===l?void 0:l.lastName}`:t.fallback;return{loadingText:t.loadingText,loading:d.loading,username:u}}(this);return e(cr,Object.assign({},t))}};export{Et as sqm_big_stat,Ct as sqm_brand,It as sqm_card_feed,St as sqm_checkbox_field,Nt as sqm_coupon_code,At as sqm_divided_layout,qt as sqm_dropdown_field,Ft as sqm_edit_profile,Ot as sqm_hero,$t as sqm_hero_image,jt as sqm_hook_story_container,Bt as sqm_image,Ht as sqm_input_field,zt as sqm_lead_dropdown_field,Gt as sqm_lead_form,Jt as sqm_leaderboard,se as sqm_link_button,ie as sqm_marketing_emails_checkbox,oe as sqm_name_fields,le as sqm_navigation_menu,me as sqm_payout_button_scroll,fe as sqm_payout_status_alert,we as sqm_portal_change_marketing,ke as sqm_portal_change_password,Ee as sqm_portal_footer,Ce as sqm_portal_frame,Ie as sqm_portal_login,Re as sqm_portal_register,_e as sqm_program_explainer,Ne as sqm_program_explainer_step,Ae as sqm_program_menu,Pe as sqm_referral_card,Oe as sqm_referral_iframe,Be as sqm_reward_exchange_list,Ye as sqm_router,Ge as sqm_share_button,Xe as sqm_share_code,Qe as sqm_share_link,Je as sqm_stat_container,er as sqm_task_card,rr as sqm_timeline,lr as sqm_timeline_entry,ur as sqm_user_name}