@saasquatch/mint-components 1.16.0-15 → 1.16.0-3

package/dist/mint-components/p-d8ea88f9.entry.js

@@ -0,0 +1,273 @@
+import{r as t,h as e,c as r}from"./p-f708da7b.js";import{n as s,f as a,i,k as n,m as o,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 S,k as R}from"./p-94a876b9.js";import{j as _}from"./p-e7e129ac.js";import{c as T}from"./p-c1086930.js";import{g as N,a as q}from"./p-9ec99ced.js";import{c as M}from"./p-cef45012.js";import"./p-3f7b81b8.js";import"./p-91521e9d.js";import{C as A}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 z}from"./p-121cdc60.js";import{i as H}from"./p-8c23d1b8.js";import{b as W,W as G,B as Y,U as K,J as Z,i as Q,K as X,D as J,E as tt,H as et,I as rt,Q as st,O as at,X as it,L as nt,N as ot,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-6bb25c02.js";const kt=class{constructor(e){t(this,e),this.flexReverse=!1,this.ignored=!0,s(this)}disconnectedCallback(){}render(){var t;const{props:r,label:s}=h()?W(this):G(this),a=!!(null===(t=m().innerHTML)||void 0===t?void 0:t.trim()),i=e("slot",{name:"label"},a?e("slot",null):s);return e(Y,Object.assign({},r,{labelSlot:i}))}},Et=class{constructor(e){t(this,e),s(this)}disconnectedCallback(){}render(){var t,s;const i=null!==(t=function(t){if(t)try{return K(t)}catch{}}(this.brandColor))&&void 0!==t?t:"",n=(null!==(s=this.brandFont)&&void 0!==s?s:"Nunito Sans").trim()||void 0;a((()=>{if(!n)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("&")}`}(n)),t.setAttribute("rel","stylesheet"),document.head.appendChild(t),()=>document.head.removeChild(t)}),[n]);const o=null!=n?n:"";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: "${o}", arial;\n            --sl-input-font-family: "${o}", arial;\n            --sl-tooltip-font-family: "${o}", arial;\n            font-family:  "${o}", arial;\n\t\t\t\n            ${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,s(this)}disconnectedCallback(){}render(){return e(Z,Object.assign({},N(this)),e("slot",null))}};function It(t){var e;const r=i(F),[s,o]=n(!1);return a((()=>{var e,s;(null===(e=null==r?void 0:r.initialData)||void 0===e?void 0:e[t.checkboxName])&&o(!!(null===(s=null==r?void 0:r.initialData)||void 0===s?void 0:s[t.checkboxName]))}),[null===(e=null==r?void 0:r.initialData)||void 0===e?void 0:e[t.checkboxName]]),{states:{registrationFormState:r,checked:s},callbacks:{setChecked:o}}}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=q([{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:s,callbacks:a}=h()?T({states:{registrationFormState:{},checked:!1},callbacks:{setChecked:()=>{}}},this.demoData||{},{arrayMerge:(t,e)=>e}):It(this);return e(Q,{states:s,content:r,callbacks:a})}},Rt=p.gql`
+  query fuelTankRewardsQuery($programId: ID!) {
+    user: viewer {
+      ... on User {
+        instantAccessRewards(
+          filter: { type_eq: FUELTANK, programId_eq: $programId }
+        ) {
+          data {
+            fuelTankCode
+            fuelTankType
+            statuses
+            dateGiven
+            dateExpires
+            dateRedeemed
+            dateCancelled
+            dateScheduledFor
+            datePendingForUnhandledError
+            pendingReasons
+          }
+          count
+          totalCount
+        }
+      }
+    }
+  }
+`,_t=p.gql`
+  mutation loadEvent($eventMeta: UserAnalyticsEvent!) {
+    createUserAnalyticsEvent(eventMeta: $eventMeta)
+  }
+`;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="...",s(this)}disconnectedCallback(){}render(){const t=N(this),r=h()?function(t){const[e,r]=n(!1),s="THANKSJANE125uv125";return T({copyString:s,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(s),r(!0),setTimeout((()=>r(!1)),t.tooltiplifespan)}},t.demoData||{},{arrayMerge:(t,e)=>e})}(t):function(t){var e,r,s;const i=v(),l=g(),c=y(),[d]=f(_t),[h,m]=n(!1),[p,x]=n(60),w=o(void 0),k=o(void 0),{data:E,loading:C,refetch:I}=b(Rt,{programId:l},!(null==i?void 0:i.jwt));async function S(){var t,e,r,s,a,i;const n=await I();if(m(!0),!(null===(i=null===(a=null===(s=null===(r=null===(e=null===(t=n)||void 0===t?void 0:t.user)||void 0===e?void 0:e.instantAccessRewards)||void 0===r?void 0:r.data)||void 0===s?void 0:s[0])||void 0===a?void 0:a.pendingReasons)||void 0===i?void 0:i.includes("ERROR_SYNCING_FUEL_TANK_CODE")))return clearInterval(w.current)}const R=null===(s=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===s?void 0:s[0],_=(t=61e3)=>setInterval(S,t);a((()=>{var t,e;return!w.current&&(null===(t=null==R?void 0:R.statuses)||void 0===t?void 0:t.includes("PENDING"))&&(null===(e=null==R?void 0:R.pendingReasons)||void 0===e?void 0:e.includes("ERROR_SYNCING_FUEL_TANK_CODE"))&&(w.current=_()),()=>{clearInterval(w.current)}}),[]),a((()=>{var t,e;return p>0&&(null===(t=null==R?void 0:R.statuses)||void 0===t?void 0:t.includes("PENDING"))&&(null===(e=null==R?void 0:R.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,R]),a((()=>{var t,e;(null===(t=null==R?void 0:R.statuses)||void 0===t?void 0:t.includes("PENDING"))&&(null===(e=null==R?void 0:R.pendingReasons)||void 0===e?void 0:e.includes("ERROR_SYNCING_FUEL_TANK_CODE"))&&_()}),[R]);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})(R),N="PENDING"===T&&R.dateScheduledFor?new Date(R.dateScheduledFor).toLocaleDateString("default",{day:"numeric",month:"long",year:"numeric"}):void 0,q=(null==R?void 0:R.fuelTankCode)||"...",[M,A]=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 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(q),A(!0),setTimeout((()=>A(!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:M,copyString:q,error:P,errorText:L,dateAvailable:N,loading:C,errorType:D}}(t);return e(X,Object.assign({},r))}};function Nt(t,r){const s=()=>"row"===t.direction?{"border-right":t.dividerStyle||"1px solid #EAEAEA"}:{"border-bottom":t.dividerStyle||"1px solid #EAEAEA"},a={LayoutContainer:{display:"contents","& > :not(:last-child)":{...s()},"& > ::slotted(*:not(:last-child))":{...s()}}},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  `,n=`\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  `,o=M(a),l=o.toString();return e("div",{class:o.classes.LayoutContainer,part:"sqm-base"},e("style",{type:"text/css"},n,l),r)}const qt=class{constructor(e){t(this,e),this.dividerStyle="1px solid #EAEAEA",s(this)}disconnectedCallback(){}render(){return e(Nt,Object.assign({},N(this)),e("slot",null))}},Mt=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=q([{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:s}=h()?T({states:{registrationFormState:{}}},this.demoData||{},{arrayMerge:(t,e)=>e}):{states:{registrationFormState:i(F)}};return e(J,{states:s,content:r})}},At=p.gql`
+  query {
+    viewer {
+      ... on User {
+        id
+        accountId
+        firstName
+        lastName
+        email
+        countryCode
+      }
+    }
+  }
+`,Lt=p.gql`
+  mutation (
+    $id: String!
+    $accountId: String!
+    $firstName: String!
+    $lastName: String!
+  ) {
+    upsertUser(
+      userInput: {
+        id: $id
+        accountId: $accountId
+        firstName: $firstName
+        lastName: $lastName
+      }
+    ) {
+      firstName
+      lastName
+    }
+  }
+`,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.",s(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,s]=n(!1),[i,o]=n(""),[l,c]=n(void 0),[d,h]=n(Dt),m=b(At,{},!(null==e?void 0:e.jwt)),[p,g]=f(Lt);return a((()=>{!(null==g?void 0:g.loading)&&r&&((null==g?void 0:g.errors)?h((t=>{var e,r,s;return{...t,error:null===(s=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===s?void 0:s[0].message}})):(c((t=>{var e;return{...t,...null===(e=null==g?void 0:g.data)||void 0===e?void 0:e.upsertUser}})),s(!1)))}),[null==g?void 0:g.loading]),a((()=>{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]),a((()=>{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}),H(r)||h((e=>({...e,error:t.formErrorText}))),h((t=>({...t,errors:r})))},resetForm:()=>{var t,e,r,s,a,i;const n=(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===(s=g.data)||void 0===s?void 0:s.upsertUser}),h({...Dt,...null===(a=m.data)||void 0===a?void 0:a.viewer,...null===(i=g.data)||void 0===i?void 0:i.upsertUser,currentRegion:n})},onChange:t=>{const{name:e,value:r}=t.target;h((t=>({...t,[e]:r})))},setShowEdit:s}}}(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",s(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 s=Boolean((t.header||t.description||t.buttonText)&&"overlay"===t.layout),a=M({Container:{position:"relative","&:before":{content:s?'""':"",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=a.toString();return e("div",{class:a.classes.Container,part:"sqm-base"},e("style",{type:"text/css"},"\n  :host{\n    display: block;\n  }",i),"overlay"===t.layout&&e("div",{class:a.classes.Background},e("div",{class:a.classes.Overlay,part:"sqm-overlay"},t.header&&e("div",{class:a.classes.Header},t.header),t.description&&e("div",{class:a.classes.Description},t.description),t.buttonText&&e("sl-button",{class:a.classes.Button,type:"primary",onClick:()=>t.buttonNewTab?window.open(t.buttonLink):window.open(t.buttonLink,"_parent")},t.buttonText),r&&r)),"columns"===t.layout&&e("div",null,e("div",{class:a.classes.Column},e("div",{class:"image-area"},e("img",{class:a.classes.Image,src:t.imageUrl,part:"sqm-columns-image"})),e("div",{class:"text-area",part:"sqm-columns-text-area"},t.header&&e("div",{class:a.classes.Header,part:"sqm-columns-header"},t.header),t.description&&e("div",{class:a.classes.Description,part:"sqm-columns-description"},t.description),t.buttonText&&e("sl-button",{exportparts:"base: sqm-hero-image-button",class:a.classes.Button,type:"primary",onClick:()=>t.buttonNewTab?window.open(t.buttonLink):window.open(t.buttonLink,"_parent")},t.buttonText)))))}const 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",s(this)}disconnectedCallback(){}render(){return e(Ot,Object.assign({},N(this)),e("slot",null))}},$t=class{constructor(e){t(this,e),this.ignored=!0,s(this)}disconnectedCallback(){}render(){return e(this.hookStory,null)}};function jt(t){const r=M({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"}}),s=r.toString();return e("div",null,e("style",{type:"text/css"},s,"\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,s(this)}disconnectedCallback(){}render(){const t={...N(this)},r=q([{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:s}=h()?T({states:{registrationFormState:{}}},this.demoData||{},{arrayMerge:(t,e)=>e}):{states:{registrationFormState:i(F)}};return e(rt,{states:s,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=q([{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:s}=h()?T({states:{leadFormState:{}},content:{dropdownName:(a=this).dropdownName,dropdownLabel:a.dropdownLabel,requiredFieldErrorMessage:a.requiredFieldErrorMessage,dropdownOptional:a.dropdownOptional}},a.demoData||{},{arrayMerge:(t,e)=>e}):{states:{leadFormState:i($)}};var a;return e(st,{states:s,content:r})}},Ht=p.gql`
+  mutation submitForm($formSubmissionInput: FormSubmissionInput!) {
+    submitForm(formSubmissionInput: $formSubmissionInput) {
+      success
+    }
+  }
+`,Wt=p.gql`
+  query getUser($programId: ID) {
+    viewer {
+      ... on User {
+        referralCode(programId: $programId)
+      }
+    }
+  }
+`,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:s}=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,s,i,l,c,d,u,h,m;const p=o(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:S,errors:R}]=f(Ht),[T,N]=n(!1);a((()=>{if(!p.current)return;const t=p.current;return t.addEventListener("sl-input",q),()=>{t.removeEventListener("sl-input",q)}}),[p.current]);const q=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 s=new z("US");t.target.value=s.input(t.target.value)}),[]);let M="";return M=(null===(e=null==R?void 0:R.response)||void 0===e?void 0:e.error)||(null==R?void 0:R.message)&&!(null===(r=null==R?void 0:R.response)||void 0===r?void 0:r.errors.length)?t.networkErrorMessage:(null===(c=null===(l=null===(i=null===(s=null==R?void 0:R.response)||void 0===s?void 0:s.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==R?void 0:R.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:S,error:M,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 s=e.target.getFormControls(),a={},i={};if(null==s||s.forEach((e=>{if(!e.name)return;const r=e.name,s=e.value;if(_.set(a,r,s),e.required&&!s&&_.set(i,r,t.requiredFieldErrorMessage),"function"==typeof e.validationError){const t=(0,e.validationError)({control:e,key:r,value:s});t&&_.set(i,r,t)}})),Object.keys(i).length)return void w({loading:!1,error:"",validationErrors:i});w({loading:!0,error:"",validationErrors:{}});const n={key:t.formKey,formData:a};try{const t=await I({formSubmissionInput:n});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:q,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(at,{states:t,callbacks:r,content:i,refs:s})}},Yt=p.gql`
+  query (
+    $type: String!
+    $filter: UserLeaderboardFilterInput
+    $locale: RSLocale
+    $limit: Int!
+  ) {
+    userLeaderboard(type: $type, filter: $filter) {
+      dateModified
+      rows(limit: $limit) {
+        textValue(locale: $locale)
+        firstName
+        lastInitial
+        rank {
+          rank
+          denseRank
+          rowNumber
+        }
+      }
+    }
+  }
+`,Kt=p.gql`
+  query (
+    $type: String!
+    $filter: UserLeaderboardFilterInput
+    $locale: RSLocale
+    $limit: Int!
+  ) {
+    userLeaderboard(type: $type, filter: $filter) {
+      dateModified
+      rows(limit: $limit) {
+        textValue(locale: $locale)
+        rank {
+          rank
+          denseRank
+          rowNumber
+        }
+      }
+    }
+  }
+`,Zt=p.gql`
+  query (
+    $type: String!
+    $filter: UserLeaderboardFilterInput
+    $locale: RSLocale
+  ) {
+    viewer {
+      ... on User {
+        firstName
+        lastInitial
+        leaderboardRank(type: $type, filter: $filter) {
+          textValue(locale: $locale)
+          rank
+          denseRank
+          rowNumber
+        }
+      }
+    }
+  }
+`,Qt=p.gql`
+  query (
+    $type: String!
+    $filter: UserLeaderboardFilterInput
+    $locale: RSLocale
+  ) {
+    viewer {
+      ... on User {
+        leaderboardRank(type: $type, filter: $filter) {
+          textValue(locale: $locale)
+          rank
+          denseRank
+          rowNumber
+        }
+      }
+    }
+  }
+`,Xt=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),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},s=h()?function(t){var r,s;const a=(null===(s=null===(r=t.demoData)||void 0===r?void 0:r.data)||void 0===s?void 0:s.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:a},elements:{empty:e(Jt,null)}},t.demoData||{},{arrayMerge:(t,e)=>e})}(r):function(t){var e,r,s,a,i,n,o,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:Yt,y,!(null==p?void 0:p.jwt),{batch:!1}),{data:C}=b(t.hideNames?Qt:Zt,y,!(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,s;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===(s=e.rank)||void 0===s?void 0:s.rowNumber}})),S=null==I?void 0:I.sort((function(t,e){return t.rank-e.rank})),R={textValue:null===(a=null===(s=null==C?void 0:C.viewer)||void 0===s?void 0:s.leaderboardRank)||void 0===a?void 0:a.textValue,firstName:null===(i=null==C?void 0:C.viewer)||void 0===i?void 0:i.firstName,lastInitial:null===(n=null==C?void 0:C.viewer)||void 0===n?void 0:n.lastInitial,rank:null===(c=null===(o=null==C?void 0:C.viewer)||void 0===o?void 0:o.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 _;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==S?void 0:S.length)>0,styles:t},data:{leaderboard:S,rankType:t.rankType,viewerRank:R},elements:{empty:t.empty}}}(t);return e(nt,Object.assign({},s))}};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=M({Container:{display:"contents"},Link:{textDecoration:"none",color:"inherit"}}),ee=te.toString();function re(t){const{onClick:r,buttonText:s}=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"},s)))}const se=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")}}))}},ae=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={...N(this)},{states:r,callbacks:s}=h()?T({states:{registrationFormState:{},checked:!1},callbacks:{setChecked:()=>{}}},this.demoData||{},{arrayMerge:(t,e)=>e}):It(this);return e(Q,{states:r,content:t,callbacks:s})}},ie=class{constructor(e){t(this,e),this.ignored=!0,this.firstNameLabel="First Name",this.lastNameLabel="Last Name",s(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(ot,{states:t})}};function ne(t){const{states:r}=t,{styles:s}=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"},s.menuLabel),e("sl-menu",{ref:e=>{void 0===t.ref.current&&(t.ref.current=e,t.callbacks.rerender())}},e("slot",null))):""}const oe=class{constructor(e){t(this,e),this.ignored=!0,s(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=o(),[,r]=k(),s=v();return a((()=>{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==s?void 0:s.id)||(null==s?void 0:s.accountId)||(null==s?void 0:s.jwt)),styles:{menuLabel:t.menuLabel}},callbacks:{rerender:r},ref:e}}(N(this));return e(r,{slot:"sqm-navigation-menu"},e(ne,Object.assign({},t)))}};oe.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=M({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:s}=t;return s.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`
+  query getPayoutDetails {
+    user: viewer {
+      ... on User {
+        id
+        impactConnection {
+          connected
+          publisher {
+            id
+            payoutsAccount {
+              hold
+              balance
+            }
+          }
+        }
+      }
+    }
+  }
+`,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,s(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,s;const{data:i,refetch:n}=b(ue,{});return a((()=>{const t=()=>n();return window.addEventListener("sqm:tax-form-updated",t),()=>window.removeEventListener("sqm:tax-form-updated",t)}),[]),{states:{payoutSettingsComplete:!!(null===(s=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===s?void 0:s.payoutsAccount)},text:t.getTextProps()}}(this);return e(de,Object.assign({},t))}},me=M({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:s,data:a,callbacks:i}=t;if(s.loading)return e("sl-skeleton",{class:me.classes.SkeletonOne});const n=function(t){if(s.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{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};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}}(s.status);return"DONE"!==s.status&&n?e("div",{part:"sqm-base"},e("style",{type:"text/css"},pe),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:me.classes.AlertDescriptionText},n.description),function(t){switch(t){case"OVER_W9_THRESHOLD":return"SquatchJS2"===a.type?e("sqm-scroll",{"scroll-tag-name":"sqm-tabs","button-text":r.w9RequiredButtonText,"scroll-animation":"smooth"}):e("sl-button","SquatchPortal"===a.type?{type:"default",onClick:i.onTermsClick}:{type:"default"},r.w9RequiredButtonText);case"INFORMATION_REQUIRED":return"SquatchJS2"===a.type?e("sqm-scroll",{"scroll-tag-name":"sqm-tabs","button-text":r.informationRequiredButtonText,"scroll-animation":"smooth"}):e("sl-button","SquatchPortal"===a.type?{type:"default",onClick:i.onTermsClick}:{type:"default"},r.informationRequiredButtonText);case"VERIFICATION:REQUIRED":return e("sl-button",{type:"default",loading:s.veriffLoading,onClick:i.onClick},r.verificationRequiredButtonText);default:return}}(s.status))):e("div",null)}const ge=class{constructor(e){t(this,e),this.informationRequiredHeader="Payout and tax information required",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.w9RequiredHeader="Your next payout is on hold",this.w9RequiredDescription="You have surpassed the $600 threshold for a W9 tax form. To remove the hold, you need to submit a W9 tax form as outlined in our {termsAndConditions}. Please click 'Submit W9' to start the process.",this.w9RequiredButtonText="Submit W9",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#3",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 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")}},t.demoData||{},{arrayMerge:(t,e)=>e})}(this):wt(this);return e(ve,Object.assign({},t))}},fe=p.gql`
+  query {
+    viewer {
+      ... on User {
+        id
+        accountId
+        marketingEmailOptIn
+      }
+    }
+  }
+`,be=p.gql`
+  mutation ($userInput: UserInput!) {
+    upsertUser(userInput: $userInput) {
+      id
+      marketingEmailOptIn
+    }
+  }
+`,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.",s(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,s]=n(!1),[i,o]=n(void 0),[l,c]=n(ye),d=b(fe,{},!(null==e?void 0:e.jwt)),[u,h]=f(be);return a((()=>{(null==h?void 0:h.loading)||((null==h?void 0:h.errors)?c((t=>{var e,r,s;return{...t,error:null===(s=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===s?void 0:s[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)&&s(!0)))}),[null==h?void 0:h.loading]),a((()=>{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({...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]),a((()=>{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;s(!1);const a=null===(r=t.detail)||void 0===r?void 0:r.formData;null==a||a.forEach(((t,e)=>{_.set(a,e,t)})),u({userInput:{id:null==e?void 0:e.id,accountId:null==e?void 0:e.accountId,marketingEmailOptIn:Boolean(a.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",s(this)}disconnectedCallback(){}render(){const{states:t,callbacks:r}=h()?function(t){const[e,r]=n(!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,s,a,i,o,l;const[c,{loading:d,errors:u}]=C(),[h,m]=n(!1),[p,g]=n(""),[f,b]=n(!1),y=v();return{states:{open:h,loading:d,success:f,error:p||(null===(a=null===(s=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===s?void 0:s.extensions)||void 0===a?void 0:a.message)||(null===(l=null===(o=null===(i=null==u?void 0:u.response)||void 0===i?void 0:i.errors)||void 0===o?void 0:o[0])||void 0===l?void 0:l.message),content:{modalChangePasswordHeader: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,s;b(!1);const a=null===(r=e.detail)||void 0===r?void 0:r.formData;if(null==a||a.forEach(((t,e)=>{_.set(a,e,t)})),!(null==y?void 0:y.jwt))return void g(t.invalidSessionErrorText);if(a.password!==a.confirmPassword)return void g(t.nonMatchingPasswordErrorText);g("");const i={password:a.password},n=await c(i);n instanceof Error||!(null===(s=n.changeManagedIdentityPassword)||void 0===s?void 0:s.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",s(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,s(this)}disconnectedCallback(){}render(){const t=e("slot",{name:"footer"}),r=e("slot",{name:"header"}),s=h()?function(t,r,s){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:()=>{}}},s.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({},s),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?",s(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),s=M({RegisterButton:{"&::part(label)":{padding:"0"}}}).toString(),a={forgotPasswordButton:e("slot",{name:"forgotPassword"},e("a",{onClick:()=>E.push(t.forgotPasswordPath)},this.forgotPasswordLabel)),googleButton:null,secondaryButton:e("slot",{name:"secondaryButton"},e("style",null,s),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:a})}},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",s(this)}disconnectedCallback(){}render(){const{states:t,callbacks:r,refs:s}=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,s,i,n,l,c,d,u;const h=o(null),{registrationFormState:m,setRegistrationFormState:p}=O({}),[v,{loading:g,errors:f}]=I();a((()=>{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 s=new z("US");t.target.value=s.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===(n=null===(i=null===(s=null==f?void 0:f.response)||void 0===s?void 0:s.errors)||void 0===i?void 0:i[0])||void 0===n?void 0:n.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 s=e.target.getFormControls(),a={},i={};if(null==s||s.forEach((e=>{if(!e.name)return;const r=e.name,s=e.value;if(_.set(a,r,s),e.required&&!s&&_.set(i,r,t.requiredFieldErrorMessage),"function"==typeof e.validationError){const t=(0,e.validationError)({control:e,key:r,value:s});t&&_.set(i,r,t)}})),(t.confirmPassword||a.confirmPassword)&&a.password!==a.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:n,password:o}=a;delete a.email,delete a.password,delete a.confirmPassword,a={...a};const l={email:n,password:o,formData:a,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 n={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:n,refs:s})}};function Se(t,r){const s=M({Container:{color:t.textColor||"var(--sl-color-neutral-900)",background:t.backgroundColor||""},Header:{fontSize:"var(--sl-font-size-x-large)",fontWeight:"var(--sl-font-weight-bold)",lineHeight:"var(--sl-line-height-dense)",marginBottom:"var(--sl-spacing-large)",textAlign:"center"},Grid:{display:"flex",flexDirection:"row",gap:"var(--sl-spacing-large)","@media (max-width: 499px)":{flexDirection:"column"}}}),a=s.toString();return e("div",{class:s.classes.Container,part:"sqm-base"},e("style",{type:"text/css"},a,"\n  ::slotted(*){\n    display: flex;\n    width: 100%;\n  }\n  @media (max-width: 499px) {\n    ::slotted(*){\n      display: block;\n    }\n  }"),e("div",{class:s.classes.Header},e("div",{class:s.classes.Header,part:"sqm-header"},t.header)),e("div",{class:s.classes.Grid,part:"sqm-grid-container"},r))}const Re=class{constructor(e){t(this,e),this.ignored=!0,s(this)}disconnectedCallback(){}render(){return e(Se,Object.assign({},N(this)),e("slot",null))}};function _e(t){const r=M({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"}}),s=r.toString();return e("div",{class:r.classes.Container,part:"sqm-base"},e("style",{type:"text/css"},s),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),s(this)}disconnectedCallback(){}render(){return e(_e,Object.assign({},N(this)))}},Ne=c("sq:useProgramMenu"),qe=class{constructor(e){t(this,e),this.ignored=!0,s(this)}disconnectedCallback(){}render(){const{data:t,ref:s}=function(t){const e=g(),r=m();Ne({programId:e,props:t});const s=o(),[,i]=k();return a((()=>{var t;null===(t=s.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}))}))}),[s.current]),{data:{programId:e},callbacks:{rerender:i},ref:s}}(N(this));return e(r,{style:{display:"contents"}},e("sl-select",{style:{paddingBottom:"var(--sl-spacing-large)"},value:t.programId,ref:t=>s.current=t},e("slot",null)))}},Me=M({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"}}}),Ae=Me.toString();function Le(t){return e("div",{part:"sqm-base",class:Me.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"},Ae,"\n    :host{\n      display: block;   \n    }\n  "),t.hasHeader&&e("div",{class:Me.classes.EndContainer},t.slots.header),e("div",{part:"sqm-column-container",class:Me.classes.ColumnContainer,style:{alignItems:t.verticalAlignment}},t.slots.left,t.slots.right),t.hasFooter&&e("div",{class:Me.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,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=D(),s=r.findIndex((t=>"header"===t.slot))>-1,a=r.findIndex((t=>"footer"===t.slot))>-1;return e(Le,Object.assign({},N(this),{slots:t,hasHeader:s,hasFooter:a}),e("slot",null))}},Pe=p.gql`
+  query getUser($programId: ID) {
+    viewer {
+      ... on User {
+        referralCode(programId: $programId)
+      }
+    }
+  }
+`,Fe=class{constructor(e){t(this,e),this.ignored=!0,this.iframeHeight="100%",this.iframeWidth="100%",s(this)}disconnectedCallback(){}render(){const t=q([{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:s,data:a}=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(),s=v(),{data:a}=b(Pe,{programId:r},!(null==s?void 0:s.jwt)||!r);return{states:{content:t},data:{shareCode:null===(e=null==a?void 0:a.viewer)||void 0===e?void 0:e.referralCode}}}(N(this));var i;return e(r,{style:{display:"contents"}},e(mt,{data:a,states:s}))}};var Oe={};!function t(e,r,s,a){var i=!!(e.Worker&&e.Blob&&e.Promise&&e.OffscreenCanvas&&e.OffscreenCanvasRenderingContext2D&&e.HTMLCanvasElement&&e.HTMLCanvasElement.prototype.transferControlToOffscreen&&e.URL&&e.URL.createObjectURL);function n(){}function o(t){var s=r.exports.Promise,a=void 0!==s?s:e.Promise;return"function"==typeof a?new a(t):(t(n,n),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(s){h===s||h+d-1<s?(h=s,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(!s&&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,s,a){if(p)return e(r,null),p;var i=Math.random().toString(36).slice(2);return p=o((function(s){function n(e){e.data.callback===i&&(delete v[i],t.removeEventListener("message",n),p=null,a(),s())}t.addEventListener("message",n),e(r,i),v[i]=n.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 S(t,r){var n,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),S=y(e,"shapes"),R=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=[],q=t.width*_.x,M=t.height*_.y;T--;)N.push((void 0,void 0,c=(l={x:q,y:M,angle:p,spread:v,startVelocity:f,color:C[T%C.length],shape:S[(0,u=S.length,Math.floor(Math.random()*(u-0))+0)],ticks:I,decay:b,gravity:w,drift:E,scalar:R}).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 n?n.addFettis(N):(n=function(t,e,r,i,n){var l,c,d=e.slice(),u=t.getContext("2d"),h=o((function(e){function o(){l=c=null,u.clearRect(0,0,i.width,i.height),n(),e()}l=g.frame((function e(){!s||i.width===a.width&&i.height===a.height||(i.width=t.width=a.width,i.height=t.height=a.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,s=e.x+e.random*e.tiltCos,a=e.y+e.random*e.tiltSin,i=e.wobbleX+e.random*e.tiltCos,n=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-s)*e.ovalScalar,Math.abs(n-a)*e.ovalScalar,Math.PI/10*e.wobble,0,2*Math.PI):function(t,e,r,s,a,i,n,o){t.save(),t.translate(e,r),t.rotate(i),t.scale(s,a),t.arc(0,0,1,0,o,void 0),t.restore()}(t,e.x,e.y,Math.abs(i-s)*e.ovalScalar,Math.abs(n-a)*e.ovalScalar,Math.PI/10*e.wobble,0,2*Math.PI):(t.moveTo(Math.floor(e.x),Math.floor(e.y)),t.lineTo(Math.floor(e.wobbleX),Math.floor(a)),t.lineTo(Math.floor(i),Math.floor(n)),t.lineTo(Math.floor(s),Math.floor(e.wobbleY))),t.closePath(),t.fill(),e.tick<e.totalTicks}(u,t)}))).length?l=g.frame(e):o()})),c=o}));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 s=d||y(r,"disableForReducedMotion",Boolean),a=y(r,"zIndex",Number);if(s&&p)return o((function(t){t()}));l&&n?t=n.canvas:l&&!t&&(t=function(t){var e=document.createElement("canvas");return e.style.position="fixed",e.style.top="0px",e.style.left="0px",e.style.pointerEvents="none",e.style.zIndex=t,e}(a),document.body.appendChild(t)),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(){n=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(),n&&n.reset()},b}r.exports=S(null,{useWorker:!0,resize:!0}),r.exports.create=S}(function(){return"undefined"!=typeof window?window:"undefined"!=typeof self?self:this||{}}(),Oe,!1);const Ve=Oe.exports,$e=p.gql`
+  query getExchangeList {
+    viewer {
+      ... on User {
+        visibleRewardExchangeItems(limit: 20, offset: 0) {
+          data {
+            key
+            name
+            description
+            imageUrl
+            available
+            unavailableReasonCode
+            ruleType
+            sourceUnit
+            sourceValue
+            prettySourceValue
+            sourceMinValue
+            prettySourceMinValue
+            sourceMaxValue
+            prettySourceMaxValue
+            destinationMinValue
+            prettyDestinationMinValue
+            destinationMaxValue
+            prettyDestinationMaxValue
+            globalRewardKey
+            destinationUnit
+            steps {
+              sourceValue
+              prettySourceValue
+              destinationValue
+              prettyDestinationValue
+              available
+              globalRewardKey
+              unavailableReasonCode
+              rewardInput
+            }
+          }
+          totalCount
+        }
+      }
+    }
+  }
+`,je=p.gql`
+  mutation exchange($exchangeRewardInput: ExchangeRewardInput!) {
+    exchangeReward(exchangeRewardInput: $exchangeRewardInput) {
+      reward {
+        id
+        fuelTankCode
+      }
+    }
+  }
+`,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",s(this)}disconnectedCallback(){}render(){const t={...N(this),empty:e(Be,null)},{states:s,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,s,i,l;const[c,u]=d(((t,e)=>({...t,...e})),{selectedItem:void 0,selectedStep:void 0,redeemStage:"chooseReward",amount:0,exchangeError:!1}),[h,m]=n(!1),{selectedItem:p,selectedStep:g,redeemStage:y,amount:x,exchangeError:w}=c,k=v(),[E,{data:C,loading:I,errors:R}]=f(je),{data:_,loading:T,refetch:N,errors:q}=b($e,{},!(null==k?void 0:k.jwt));a((()=>{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}),R&&u({exchangeError:!0})}),[C,R]);const M=o();a((()=>{if(!M.current)return;const t=M.current;t.confetti=t.confetti||Ve.create(t,{resize:!0}),t.confetti()}),[M.current]);const{refresh:A}=S();return{states:{content:{text:t},selectedItem:p,redeemStage:y,amount:x,selectedStep:g,exchangeError:w,queryError:!!q,loading:T||I,open:h,noExchangeOptions:0===(null===(e=null==_?void 0:_.viewer)||void 0===e?void 0:e.visibleRewardExchangeItems.totalCount)},data:{exchangeList:null===(s=null===(r=null==_?void 0:_.viewer)||void 0===r?void 0:r.visibleRewardExchangeItems)||void 0===s?void 0:s.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}),A()},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:M}}}(t);return e(r,{style:{display:"contents"}},e(vt,{states:s,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 ze=c("sq:useRouter");function He(t,e){if(t)return P(t).exec(e)}const We=class{constructor(e){t(this,e),this.ignored=!0,s(this)}disconnectedCallback(){}render(){const{callbacks:t}=function(){const t=R(),e=m(),[r,s]=n(void 0),[i,o]=n(void 0),l=t.pathname;return a((()=>{const t=e.querySelectorAll("sqm-route");Array.from(t).forEach((t=>{const e=document.createElement("template");e.setAttribute("path",t.path),e.innerHTML=t.innerHTML,t.parentNode.appendChild(e),t.parentNode.removeChild(t)}))}),[]),a((()=>{var t,e;if(!i||!r)return void ze("DOM not ready for navigation rendering on:",l);const s=r.querySelectorAll("template"),a=Array.from(s).find((t=>{var e,r,s;if(null===(s=He(null===(r=null===(e=t.attributes)||void 0===e?void 0:e.path)||void 0===r?void 0:r.nodeValue,l))||void 0===s?void 0:s.length)return t})),n=null===(e=null===(t=null==a?void 0:a.attributes)||void 0===t?void 0:t.path)||void 0===e?void 0:e.nodeValue;if(ze({containerDatasetPage:i.dataset.page,templatePath:n,page:l}),!a)return ze("No matching page found for ",l,", so render nothing"),i.innerHTML="",void(i.dataset.page=l);ze("Page updated to ",l,a),He(n,i.dataset.page)?ze("don't rerender"):a&&(i.innerHTML=a.innerHTML,i.dataset.page=l)}),[r,i,l]),{callbacks:{setSlot:s,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}))}};We.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=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))}};Ge.style=":host{display:block}:host([hidden]){display:none}sl-button{display:block}";const Ye=p.gql`
+  query ($programId: ID) {
+    user: viewer {
+      ... on User {
+        referralCode(programId: $programId)
+      }
+    }
+  }
+`,Ke=p.gql`
+  mutation loadEvent($eventMeta: UserAnalyticsEvent!) {
+    createUserAnalyticsEvent(eventMeta: $eventMeta)
+  }
+`,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",s(this)}disconnectedCallback(){}render(){const t=N(this),r=h()?function(t){const[e,r]=n(!1),s="SHARECODE001";return T({copyString:s,tooltiptext:t.tooltiptext,textAlign:t.textAlign,copyButtonLabel:t.copyButtonLabel,buttonStyle:t.buttonStyle,rewardStatus:"AVAILABLE",open:e,onClick:()=>{navigator.clipboard.writeText(s),r(!0),setTimeout((()=>r(!1)),t.tooltiplifespan)}},t.demoData||{},{arrayMerge:(t,e)=>e})}(t):function(t){var e,r;const{programId:s=g()}=t,a=v(),i=y(),{data:o}=b(Ye,{programId:s},!(null==a?void 0:a.jwt)),[l]=f(Ke),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:s,id:null==a?void 0:a.id,accountId:null==a?void 0:a.accountId,type:"USER_REFERRAL_PROGRAM_ENGAGEMENT_EVENT",meta:{engagementMedium:i,shareMedium:"DIRECT"}}})},open:d,copyString:c}}(t);return e(A,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=N(this),r=h()?function(t){const[e,r]=n(!1),s="https://www.example.com/sharelink/abc";return T({copyString:s,tooltiptext:t.tooltiptext,textAlign:t.textAlign,buttonStyle:t.buttonStyle,copyButtonLabel:t.copyButtonLabel,rewardStatus:"AVAILABLE",open:e,onClick:()=>{navigator.clipboard.writeText(s),r(!0),setTimeout((()=>r(!1)),t.tooltiplifespan)}},t.demoData||{},{arrayMerge:(t,e)=>e})}(t):bt(t);return e(A,Object.assign({},r))}},Xe=class{constructor(e){t(this,e),this.ignored=!0,this.space="xxx-large",this.display="grid",s(this)}disconnectedCallback(){}render(){return e(yt,Object.assign({},N(this)),e("slot",null))}},Je=p.gql`
+  mutation taskCardEvent($userEventInput: UserEventInput!) {
+    logUserEvent(userEventInput: $userEventInput) {
+      userId
+    }
+  }
+`,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,s(this)}disconnectedCallback(){}render(){const{props:t}=h()?W(this):G({...N(this),programId:this.programId}),{value:r,loading:s}=t,{states:i,callbacks:n}=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(),[s,{data:i,loading:n}]=f(Je),{refresh:o}=S();function l(){t.openNewTab?window.open(t.buttonLink):window.open(t.buttonLink,"_parent")}function c(t){s({userEventInput:{userId:null==e?void 0:e.id,accountId:null==e?void 0:e.accountId,events:[{key:t,fields:{}}]}})}return a((()=>{i&&(o(),l())}),[i]),{states:{loadingEvent:n,locale:r},callbacks:{sendEvent:c,onClick:function(){t.eventKey?c(t.eventKey):l()}}}}(this);return e(xt,{callbacks:n,states:{loading:s,loadingEvent:i.loadingEvent,progress:r,locale:i.locale},content:{...N(this)}})}},er=class{constructor(e){t(this,e),this.ignored=!0,this.icon="gift",s(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"})),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"})),ar=M({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=ar.toString();function nr(t){var r;const s=null!==(r=t.icon)&&void 0!==r?r:t.iconState;return e("div",{class:ar.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"===s&&e("div",{class:"icon"},e(rr,null)),"circle"===s&&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 or=class{constructor(e){t(this,e),this.ignored=!0,this.iconState="gift",s(this)}async setIcon(t){this.iconState=t}disconnectedCallback(){}render(){return L([this.reward]),e(nr,Object.assign({},N(this)))}};function lr(t){return e(r,null,t.loading?t.loadingText:t.username)}const cr=p.gql`
+  query getUserName {
+    viewer {
+      ... on User {
+        firstName
+        lastName
+      }
+    }
+  }
+`,dr=class{constructor(e){t(this,e),this.ignored=!0,this.fallback="Anonymous User",this.loadingText="...",s(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,s,a,i,n,o,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===(a=null===(s=d.data)||void 0===s?void 0:s.viewer)||void 0===a?void 0:a.lastName)?`${null===(n=null===(i=d.data)||void 0===i?void 0:i.viewer)||void 0===n?void 0:n.firstName} ${null===(l=null===(o=d.data)||void 0===o?void 0:o.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,St as sqm_checkbox_field,Tt as sqm_coupon_code,qt as sqm_divided_layout,Mt 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,zt as sqm_lead_dropdown_field,Gt as sqm_lead_form,Xt as sqm_leaderboard,se as sqm_link_button,ae as sqm_marketing_emails_checkbox,ie as sqm_name_fields,oe 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,Re as sqm_program_explainer,Te as sqm_program_explainer_step,qe as sqm_program_menu,De as sqm_referral_card,Fe as sqm_referral_iframe,Ue as sqm_reward_exchange_list,We as sqm_router,Ge as sqm_share_button,Ze as sqm_share_code,Qe as sqm_share_link,Xe as sqm_stat_container,tr as sqm_task_card,er as sqm_timeline,or as sqm_timeline_entry,dr as sqm_user_name}

package/dist/types/components/sqm-rewards-table/columns/sqm-rewards-table-source-column.d.ts

@@ -3,7 +3,7 @@ import { RewardTableColumn } from "./RewardTableColumn";
  * @uiName Reward Table Source Column
  * @validParents ["sqm-rewards-table"]
  * @exampleGroup Rewards
- * @example Reward Table Source Column - <sqm-rewards-table-source-column column-title="Source" anonymous-user="Anonymous User" deleted-user="Deleted User" reward-exchange-text="Reward Exchange" referral-text="{rewardSource, select, FRIEND_SIGNUP {Referral to} REFERRED {Referred by} other {}}" reward-source-text="{rewardSource, select, MANUAL {Manual} AUTOMATED {{programName}} other {}}"></sqm-rewards-table-source-column>
+ * @example Reward Table Source Column - <sqm-rewards-table-source-column column-title="Source" anonymous-user="Anonymous User" deleted-user="Deleted User" reward-exchange-text="Reward Exchange" referral-rext="{rewardSource, select, FRIEND_SIGNUP {Referral to} REFERRED {Referred by} other {}}" reward-source-text="{rewardSource, select, MANUAL {Manual} AUTOMATED {{programName}} other {}}"></sqm-rewards-table-source-column>
  */
 export declare class RewardTableUserColumn implements RewardTableColumn {
   /**

package/dist/types/components/sqm-rewards-table/sqm-rewards-table.d.ts

@@ -4,7 +4,7 @@ import { GenericTableViewProps } from "../../tables/GenericTableView";
  * @uiName Reward Table
  * @exampleGroup Rewards
  * @slots [{"name":"", "title":"Table Row"},{"name":"empty", "title":"Empty"},{"name":"loading","title":"Loading"}]
- * @example Reward Table - <sqm-rewards-table per-page="4" prev-label="Prev" more-label="Next" hidden-columns="0" sm-breakpoint="599" md-breakpoint="799" ><sqm-rewards-table-status-column column-title="Status" status-text="{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} PENDING_REVIEW {Pending} PAYOUT_APPROVED {Payout Approved} PAYOUT_CANCELLED {Payout Cancelled} PAYOUT_FAILED {Payout Failed} EXPIRED {Expired} REDEEMED {Redeemed} DENIED {Denied} other {Not available} }" expiry-text="Expires on " pending-us-tax="W-9 required" pending-scheduled="Until" pending-unhandled="Fulfillment error" pending-review-text="Awaiting review" denied-text="Detected self-referral" pending-tax-review="Awaiting tax form review." pending-new-tax-form="Invalid tax form. Submit a new form to receive your rewards." pending-tax-submission="Submit your tax documents to receive your rewards." pending-partner-creation="Complete your tax and cash payout setup to receive your rewards." payout-failed="Payout failed due to a fulfillment issue and is current being retried." payout-cancelled="If you think this is a mistake, contact our Support team." payout-approved="Reward was scheduled for payment based on your settings, barring any account holds." ></sqm-rewards-table-status-column> <sqm-rewards-table-source-column column-title="Source" anonymous-user="Anonymous User" deleted-user="Deleted User" reward-exchange-text="Reward Exchange" referral-text="{rewardSource, select, FRIEND_SIGNUP {Referral to} REFERRED {Referred by} other {}}" reward-source-text="{rewardSource, select, MANUAL {Manual} AUTOMATED {{programName}} other {}}" ></sqm-rewards-table-source-column ><sqm-rewards-table-reward-column column-title="Reward" redeemed-text="{redeemedAmount} redeemed" available-text="{availableAmount} remaining" copy-text="Copied!" ></sqm-rewards-table-reward-column ><sqm-rewards-table-date-column column-title="Date received" date-shown="dateGiven" ></sqm-rewards-table-date-column ><sqm-rewards-table-customer-note-column column-title="Note" ></sqm-rewards-table-customer-note-column ><sqm-empty slot="empty" empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_reward2.png" empty-state-header="View your rewards" empty-state-text="Complete program tasks to view the details of your rewards" ></sqm-empty ></sqm-rewards-table>
+ * @example Reward Table - <sqm-rewards-table per-page="4" prev-label="Prev" more-label="Next" hidden-columns="0" sm-breakpoint="599" md-breakpoint="799" ><sqm-rewards-table-status-column column-title="Status" status-text="{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} PENDING_REVIEW {Pending} PAYOUT_APPROVED {Payout Approved} PAYOUT_CANCELLED {Payout Cancelled} PAYOUT_FAILED {Payout Failed} EXPIRED {Expired} REDEEMED {Redeemed} DENIED {Denied} other {Not available} }" expiry-text="Expires on " pending-us-tax="W-9 required" pending-scheduled="Until" pending-unhandled="Fulfillment error" pending-review-text="Awaiting review" denied-text="Detected self-referral" pending-tax-review="Awaiting tax form review." pending-new-tax-form="Invalid tax form. Submit a new form to receive your rewards." pending-tax-submission="Submit your tax documents to receive your rewards." pending-partner-creation="Complete your tax and cash payout setup to receive your rewards." payout-failed="Payout failed due to a fulfillment issue and is current being retried." payout-cancelled="If you think this is a mistake, contact our Support team." payout-approved="Reward was scheduled for payment based on your settings, barring any account holds." ></sqm-rewards-table-status-column> <sqm-rewards-table-source-column column-title="Source" anonymous-user="Anonymous User" deleted-user="Deleted User" reward-exchange-text="Reward Exchange" referral-rext="{rewardSource, select, FRIEND_SIGNUP {Referral to} REFERRED {Referred by} other {}}" reward-source-text="{rewardSource, select, MANUAL {Manual} AUTOMATED {{programName}} other {}}" ></sqm-rewards-table-source-column ><sqm-rewards-table-reward-column column-title="Reward" redeemed-text="{redeemedAmount} redeemed" available-text="{availableAmount} remaining" copy-text="Copied!" ></sqm-rewards-table-reward-column ><sqm-rewards-table-date-column column-title="Date received" date-shown="dateGiven" ></sqm-rewards-table-date-column ><sqm-rewards-table-customer-note-column column-title="Note" ></sqm-rewards-table-customer-note-column ><sqm-empty slot="empty" empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_reward2.png" empty-state-header="View your rewards" empty-state-text="Complete program tasks to view the details of your rewards" ></sqm-empty ></sqm-rewards-table>
  */
 export declare class RewardsTable {
   /**

package/dist/types/components/tax-and-cash/sqm-payout-status-alert/sqm-payout-status-alert-view.d.ts

@@ -1,11 +1,10 @@
-import { EnforceUsTaxComplianceOption, PayoutStatus } from "./usePayoutStatus";
+import { PayoutStatus } from "./usePayoutStatus";
 export interface PayoutStatusAlertViewProps {
   states: {
     error: boolean;
     loading: boolean;
     status: PayoutStatus;
     veriffLoading: boolean;
-    enforceUsTaxComplianceOption?: EnforceUsTaxComplianceOption;
   };
   data: {
     type: "SquatchJS2" | "SquatchAndroid" | "SquatchIOS" | "SquatchPortal" | "SquatchAdmin" | "None";
@@ -27,8 +26,6 @@ export interface PayoutStatusAlertViewProps {
     verificationReviewInternalDescription: string;
     verificationFailedInternalHeader: string;
     verificationFailedInternalDescription: string;
-    accountReviewHeader: string;
-    accountReviewDescription: string;
     w9RequiredHeader: string;
     w9RequiredDescription: string;
     w9RequiredButtonText: string;

package/dist/types/components/tax-and-cash/sqm-payout-status-alert/sqm-payout-status-alert.d.ts

@@ -54,14 +54,6 @@ export declare class PayoutStatusAlert {
    * @uiName Verification failed internal alert description
    */
   verificationFailedInternalDescription: string;
-  /**
-   * @uiName Account review alert header
-   */
-  accountReviewHeader: string;
-  /**
-   * @uiName Account review alert description
-   */
-  accountReviewDescription: string;
   /**
    * @uiName W9 payment threshold alert header
    */

package/dist/types/components/tax-and-cash/sqm-payout-status-alert/usePayoutStatus.d.ts

@@ -1,12 +1,6 @@
 import { UserQuery } from "../sqm-tax-and-cash/data";
 import { PayoutStatusAlert } from "./sqm-payout-status-alert";
-export declare type EnforceUsTaxComplianceOption = "NONE" | "EXPLICIT_COUNTRY_CODE" | "IMPLIED_COUNTRY_CODE" | "ALL" | "CASH_ONLY" | "CASH_ONLY_DEFER_W9";
-export declare type PayoutStatus = "OVER_W9_THRESHOLD" | "INFORMATION_REQUIRED" | "VERIFICATION:REQUIRED" | "VERIFICATION:INTERNAL" | "VERIFICATION:REVIEW" | "VERIFICATION:FAILED" | "HOLD" | "ACCOUNT_REVIEW" | "DONE";
-export declare type TenantSettingsQuery = {
-  tenantSettings: {
-    enforceUsTaxCompliance: EnforceUsTaxComplianceOption;
-  };
-};
+export declare type PayoutStatus = "OVER_W9_THRESHOLD" | "INFORMATION_REQUIRED" | "VERIFICATION:REQUIRED" | "VERIFICATION:INTERNAL" | "VERIFICATION:REVIEW" | "VERIFICATION:FAILED" | "HOLD" | "DONE";
 export declare function getStatus(data: UserQuery): PayoutStatus;
 export declare function usePayoutStatus(props: PayoutStatusAlert): {
   states: {
@@ -14,7 +8,6 @@ export declare function usePayoutStatus(props: PayoutStatusAlert): {
     veriffLoading: boolean;
     status: PayoutStatus;
     error: boolean;
-    enforceUsTaxComplianceOption: EnforceUsTaxComplianceOption;
   };
   data: {
     type: "SquatchJS2" | "SquatchAndroid" | "SquatchIOS" | "SquatchPortal" | "SquatchAdmin" | "None";

package/dist/types/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.d.ts

@@ -907,19 +907,6 @@ export declare class TaxAndCashMonolith {
    * @uiWidget textArea
    */
   dashboard_w9RequiredDescription: string;
-  /**
-   * @uiName Account review alert header
-   */
-  dashboard_accountReviewHeader: string;
-  /**
-   * @uiName Account review alert description
-   */
-  dashboard_accountReviewDescription: string;
-  /**
-   * @uiName Terms and Conditions text
-   * @uiGroup Dashboard Properties
-   */
-  dashboard_termsAndConditions: string;
   /**
    * @uiName W9 payment threshold alert button text
    * @uiGroup Dashboard Properties

package/dist/types/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.d.ts

@@ -96,12 +96,9 @@ export interface TaxAndCashDashboardProps {
     verificationReviewInternalDescription: string;
     verificationFailedInternalHeader: string;
     verificationFailedInternalDescription: string;
-    accountReviewHeader: string;
-    accountReviewDescription: string;
     w9RequiredHeader: string;
     w9RequiredDescription: string;
     w9RequiredButtonText: string;
-    termsAndConditions: string;
     cancelButton: string;
     supportLink: string;
     error: {

package/dist/types/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.d.ts

@@ -233,18 +233,6 @@ export declare class TaxAndCashDashboard {
    * @uiName W9 payment threshold alert description
    */
   w9RequiredDescription: string;
-  /**
-   * @uiName Account review alert header
-   */
-  accountReviewHeader: string;
-  /**
-   * @uiName Account review alert description
-   */
-  accountReviewDescription: string;
-  /**
-   * @uiName Terms and Conditions text
-   */
-  termsAndConditions: string;
   /**
    * @uiName W9 payment threshold alert button text
    */