@saasquatch/mint-components 2.0.5-2 → 2.0.5

package/dist/mint-components/p-7468c79e.entry.js

@@ -0,0 +1,273 @@
+import{r as t,h as e,c as r}from"./p-c7c11325.js";import{b as o,i as a}from"./p-027c0b10.js";import{n as i,f as n,i as s,k as l,m as d,u as c,b as u,j as h}from"./p-63e29387.js";import{i as m,_ as p,d as f,J as g,H as v,B as b,$ as y,w as x,u as w,L as k,y as C,j as E,q as _,r as F,V as I,b as S,Q as T,k as R,M as A,I as q,S as N}from"./p-0ec54f97.js";import{j as M}from"./p-e7e129ac.js";import{c as P}from"./p-c1086930.js";import{g as D,a as L}from"./p-9ec99ced.js";import{c as B}from"./p-cef45012.js";import"./p-9c79ab08.js";import"./p-49b20dae.js";import{C as j}from"./p-4a0a76a5.js";import{a as O}from"./p-f5fff87e.js";import{u as z}from"./p-976ee669.js";import"./p-08700497.js";import"./p-204861a6.js";import{p as V}from"./p-8d363802.js";import{E as $}from"./p-5ff2da11.js";import{R as U,u as H}from"./p-125a894f.js";import{u as Y}from"./p-71af93e3.js";import{R as W,L as G,u as K}from"./p-1aa9136c.js";import{P as J}from"./p-240bec23.js";import{u as Z}from"./p-44fc6029.js";import{A as X}from"./p-121cdc60.js";import{i as Q}from"./p-513f5d80.js";import{E as tt}from"./p-a513c1a6.js";import{u as et,W as rt,B as ot,C as at,c as it,e as nt,D as st,E as lt,H as dt,I as ct,U as ut,Q as ht,X as mt,L as pt,N as ft,f as gt,P as vt,g as bt,h as yt,i as xt,d as wt,R as kt,j as Ct,Y as Et,J as _t,a as Ft,K as It,S as St,T as Tt}from"./p-ee83de0e.js";import"./p-9580aac3.js";import{T as Rt,a as At,U as qt,C as Nt,b as Mt,S as Pt,g as Dt,c as Lt,G as Bt,d as jt,e as Ot,h as zt,i as Vt,j as $t,k as Ut,L as Ht}from"./p-8de73da9.js";import{p as Yt,e as Wt}from"./p-0797a946.js";import{u as Gt}from"./p-6a5df328.js";const Kt={main:{brandFont:"Netflix Sans, Arial, sans-serif",brandColor:"#E50914"},border:{borderColor:"#333333",borderRadius:4,borderThickness:1},color:{textColorShades:{mainText:"white",subduedText:"#B3B3B3"},backgroundColor:"#101010",accentColorShades:{text:"#E50914",icon:"#E50914",border:"#E50914",background:"#300609"},success:{text:"#66BB6A",border:"#4CAF50",background:"#1B5E20",iconAndBadge:"#4CAF50"},warning:{text:"#FFCA28",border:"#FFA726",background:"#F57C00",iconAndBadge:"#FFA726"},critical:{text:"#EF9A9A",border:"#E50914",background:"#B71C1C",iconAndBadge:"#E50914"},informative:{text:"#64B5F6",border:"#42A5F5",background:"#1976D2",iconAndBadge:"#42A5F5"},neutral:{text:"white",iconAndBadge:"#B3B3B3",border:"#333333",background:"#222222"}},primaryButton:{buttonColor:{background:"#E50914",border:"transparent",label:"#FFFFFF"},buttonHoverColor:{background:"#CC0000",border:"transparent",label:"#FFFFFF"},borderRadius:4},secondaryButton:{buttonColor:{background:"transparent",border:"#B3B3B3",label:"#FFFFFF"},buttonHoverColor:{background:"#333333",border:"#B3B3B3",label:"#FFFFFF"},borderRadius:4},formFields:{formFieldColor:{background:"#222222",border:"#B3B3B3",inputText:"#B3B3B3"},hoverStateColor:"#777777",selectedStateColor:"#E50914",borderRadius:4}},Jt=Object.freeze({__proto__:null,Default:null,Netflix:Kt,Amazon:{main:{brandFont:"Amazon Ember, Arial, sans-serif",brandColor:"#FF9900"},border:{borderColor:"#D5D9D9",borderRadius:4,borderThickness:1},color:{backgroundColor:"#ffffff",textColorShades:{mainText:"#2f2f2f",subduedText:"#565959"},accentColorShades:{text:"#FF9900",icon:"#FF9900",border:"#FFBF66",background:"#FFF4DD"},success:{text:"#198754",border:"#BCE8B2",background:"#D4EDDA",iconAndBadge:"#28A745"},warning:{text:"#856404",border:"#FFEBA2",background:"#FFF3CD",iconAndBadge:"#FFC107"},critical:{text:"#721C24",border:"#F5C6CB",background:"#F8D7DA",iconAndBadge:"#DC3545"},informative:{text:"#004085",border:"#B8DAFF",background:"#CCE5FF",iconAndBadge:"#007BFF"},neutral:{text:"#232F3E",iconAndBadge:"#565959",border:"#D5D9D9",background:"#F0F2F2"}},primaryButton:{buttonColor:{background:"#FF9900",border:"transparent",label:"#FFFFFF"},buttonHoverColor:{background:"#EB9100",border:"transparent",label:"#FFFFFF"},borderRadius:4},secondaryButton:{buttonColor:{background:"#FFFFFF",border:"#888C8C",label:"#232F3E"},buttonHoverColor:{background:"#F0F2F2",border:"#888C8C",label:"#232F3E"},borderRadius:4},formFields:{formFieldColor:{background:"#FFFFFF",border:"#D5D9D9",inputText:"#2f2f2f"},borderRadius:4,hoverStateColor:"#A2A2A2",selectedStateColor:"#007185"}},Spotify:{main:{brandColor:"#1ed760"},border:{borderColor:"#f4f4f4",borderRadius:18,borderThickness:1},color:{textColorShades:{mainText:"white",subduedText:"white"},backgroundColor:"#121212",accentColorShades:{icon:"#1ed760"}},primaryButton:{buttonColor:{background:"#1ed760",border:"transparent",label:"#121212"},buttonHoverColor:{background:"#1DB954",border:"transparent",label:"#121212"},borderRadius:30},secondaryButton:{buttonColor:{background:"#191414",border:"#FFFFFF",label:"#FFFFFF"},buttonHoverColor:{background:"#282828",border:"#FFFFFF",label:"#121212"},borderRadius:30},formFields:{formFieldColor:{background:"#121212",border:"#7c7c7c",inputText:"#fff"},borderRadius:30,hoverStateColor:"white",selectedStateColor:"white"}},Google:{main:{brandColor:"#4285F4",brandFont:"Roboto, Arial, sans-serif"},border:{borderColor:"#DADCE0",borderRadius:4,borderThickness:1},color:{textColorShades:{mainText:"#212124",subduedText:"#5F6368"},backgroundColor:"#FFFFFF",accentColorShades:{text:"#1A73E8",border:"#8AB4F8",background:"#E8F0FE",icon:"#4285F4"},success:{text:"#044e1d",border:"#A8DCD7",background:"#E6F4EA",iconAndBadge:"#34A853"},warning:{text:"#996a3d",border:"#FCD667",background:"#FFF7EE",iconAndBadge:"#FBBC04"},critical:{text:"#760b09",border:"#F28B82",background:"#FCE8E6",iconAndBadge:"#EA4335"},informative:{text:"#01368c",border:"#BFDBFE",background:"#E8F0FE",iconAndBadge:"#4285F4"},neutral:{text:"#202124",border:"#DADCE0",background:"#F8F9FA",iconAndBadge:"#5F6368"}},primaryButton:{buttonColor:{background:"#4285F4",border:"transparent",label:"#FFFFFF"},buttonHoverColor:{background:"#3C7CD1",border:"transparent",label:"#FFFFFF"},borderRadius:4},secondaryButton:{buttonColor:{background:"#FFFFFF",border:"#DADCE0",label:"#4285F4"},buttonHoverColor:{background:"#E8F0FE",border:"#DADCE0",label:"#4285F4"},borderRadius:4},formFields:{formFieldColor:{background:"#FFFFFF",border:"#DADCE0",inputText:"#202124"},borderRadius:4,hoverStateColor:"#9AA0A6",selectedStateColor:"#4285F4"}}}),Zt=class{constructor(e){t(this,e),this.flexReverse=!1,this.alignment="center",this.ignored=!0,i(this)}disconnectedCallback(){}render(){var t;const{props:r,label:o}=m()?et(this):rt(this),a=!!(null===(t=p().innerHTML)||void 0===t?void 0:t.trim()),i=e("slot",{name:"label"},a?e("slot",null):o);return e(ot,Object.assign({},r,{labelSlot:i}))}};function Xt(t,e,r){return Math.min(Math.max(t,r),e)}class Qt extends Error{constructor(t){super(`Failed to parse color: "${t}"`)}}function te(t){if("string"!=typeof t)throw new Qt(t);if("transparent"===t.trim().toLowerCase())return[0,0,0,0];let e=t.trim();e=le.test(t)?function(t){const e=t.toLowerCase().trim(),r=re[function(t){let e=5381,r=t.length;for(;r;)e=33*e^t.charCodeAt(--r);return(e>>>0)%2341}(e)];if(!r)throw new Qt(t);return`#${r}`}(t):t;const r=ae.exec(e);if(r){const t=Array.from(r).slice(1);return[...t.slice(0,3).map((t=>parseInt(oe(t,2),16))),parseInt(oe(t[3]||"f",2),16)/255]}const o=ie.exec(e);if(o){const t=Array.from(o).slice(1);return[...t.slice(0,3).map((t=>parseInt(t,16))),parseInt(t[3]||"ff",16)/255]}const a=ne.exec(e);if(a){const t=Array.from(a).slice(1);return[...t.slice(0,3).map((t=>parseInt(t,10))),parseFloat(t[3]||"1")]}const i=se.exec(e);if(i){const[e,r,o,a]=Array.from(i).slice(1).map(parseFloat);if(Xt(0,100,r)!==r)throw new Qt(t);if(Xt(0,100,o)!==o)throw new Qt(t);return[...ce(e,r,o),a||1]}throw new Qt(t)}const ee=t=>parseInt(t.replace(/_/g,""),36),re="1q29ehhb 1n09sgk7 1kl1ekf_ _yl4zsno 16z9eiv3 1p29lhp8 _bd9zg04 17u0____ _iw9zhe5 _to73___ _r45e31e _7l6g016 _jh8ouiv _zn3qba8 1jy4zshs 11u87k0u 1ro9yvyo 1aj3xael 1gz9zjz0 _3w8l4xo 1bf1ekf_ _ke3v___ _4rrkb__ 13j776yz _646mbhl _nrjr4__ _le6mbhl 1n37ehkb _m75f91n _qj3bzfz 1939yygw 11i5z6x8 _1k5f8xs 1509441m 15t5lwgf _ae2th1n _tg1ugcv 1lp1ugcv 16e14up_ _h55rw7n _ny9yavn _7a11xb_ 1ih442g9 _pv442g9 1mv16xof 14e6y7tu 1oo9zkds 17d1cisi _4v9y70f _y98m8kc 1019pq0v 12o9zda8 _348j4f4 1et50i2o _8epa8__ _ts6senj 1o350i2o 1mi9eiuo 1259yrp0 1ln80gnw _632xcoy 1cn9zldc _f29edu4 1n490c8q _9f9ziet 1b94vk74 _m49zkct 1kz6s73a 1eu9dtog _q58s1rz 1dy9sjiq __u89jo3 _aj5nkwg _ld89jo3 13h9z6wx _qa9z2ii _l119xgq _bs5arju 1hj4nwk9 1qt4nwk9 1ge6wau6 14j9zlcw 11p1edc_ _ms1zcxe _439shk6 _jt9y70f _754zsow 1la40eju _oq5p___ _x279qkz 1fa5r3rv _yd2d9ip _424tcku _8y1di2_ _zi2uabw _yy7rn9h 12yz980_ __39ljp6 1b59zg0x _n39zfzp 1fy9zest _b33k___ _hp9wq92 1il50hz4 _io472ub _lj9z3eo 19z9ykg0 _8t8iu3a 12b9bl4a 1ak5yw0o _896v4ku _tb8k8lv _s59zi6t _c09ze0p 1lg80oqn 1id9z8wb _238nba5 1kq6wgdi _154zssg _tn3zk49 _da9y6tc 1sg7cv4f _r12jvtt 1gq5fmkz 1cs9rvci _lp9jn1c _xw1tdnb 13f9zje6 16f6973h _vo7ir40 _bt5arjf _rc45e4t _hr4e100 10v4e100 _hc9zke2 _w91egv_ _sj2r1kk 13c87yx8 _vqpds__ _ni8ggk8 _tj9yqfb 1ia2j4r4 _7x9b10u 1fc9ld4j 1eq9zldr _5j9lhpx _ez9zl6o _md61fzm".split(" ").reduce(((t,e)=>{const r=ee(e.substring(0,3)),o=ee(e.substring(3)).toString(16);let a="";for(let t=0;t<6-o.length;t++)a+="0";return t[r]=`${a}${o}`,t}),{}),oe=(t,e)=>Array.from(Array(e)).map((()=>t)).join(""),ae=new RegExp(`^#${oe("([a-f0-9])",3)}([a-f0-9])?$`,"i"),ie=new RegExp(`^#${oe("([a-f0-9]{2})",3)}([a-f0-9]{2})?$`,"i"),ne=new RegExp(`^rgba?\\(\\s*(\\d+)\\s*${oe(",\\s*(\\d+)\\s*",2)}(?:,\\s*([\\d.]+))?\\s*\\)$`,"i"),se=/^hsla?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%(?:\s*,\s*([\d.]+))?\s*\)$/i,le=/^[a-z]+$/i,de=t=>Math.round(255*t),ce=(t,e,r)=>{let o=r/100;if(0===e)return[o,o,o].map(de);const a=(t%360+360)%360/60,i=(1-Math.abs(2*o-1))*(e/100),n=i*(1-Math.abs(a%2-1));let s=0,l=0,d=0;a>=0&&a<1?(s=i,l=n):a>=1&&a<2?(s=n,l=i):a>=2&&a<3?(l=i,d=n):a>=3&&a<4?(l=n,d=i):a>=4&&a<5?(s=n,d=i):a>=5&&a<6&&(s=i,d=n);const c=o-i/2;return[s+c,l+c,d+c].map(de)},ue=[50,100,200,300,400,500,600,700,800,900,950],he=[.95,.86,.76,.66,.56,.46,.39,.32,.25,.18,.15],me=/^hsla?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%(?:\s*,\s*([\d.]+))?\s*\)$/i;function pe(t,e="primary"){const[r,o,a,i]=function(t){const e=t.trim(),r=me.exec(e);if(r){const[e,o,a,i]=Array.from(r).slice(1).map(parseFloat);if(Xt(0,100,o)!==o)throw new Qt(t);if(Xt(0,100,a)!==a)throw new Qt(t);return[e,o/100,a,i||1]}return function(t){const[e,r,o,a]=te(t).map(((t,e)=>3===e?t:t/255)),i=Math.max(e,r,o),n=Math.min(e,r,o),s=(i+n)/2;if(i===n)return[0,0,s,a];const l=i-n;return[60*(e===i?(r-o)/l+(r<o?6:0):r===i?(o-e)/l+2:(e-r)/l+4),s>.5?l/(2-i-n):l/(i+n),s,a]}(t)}(t);return he.map((t=>function(t,e,r,o){return`hsla(${(t%360).toFixed()}, ${Xt(0,100,100*e).toFixed()}%, ${Xt(0,100,100*r).toFixed()}%, ${parseFloat(Xt(0,1,o).toFixed(3))})`}(r,o,t,i))).map(((t,r)=>`--sl-color-${e}-${ue[r]}: ${t};\n`))}const fe=class{constructor(e){t(this,e),i(this)}disconnectedCallback(){}render(){var t,a,i,s,l,d;const c=null===(a=null===(t=window.SquatchBrandingConfig)||void 0===t?void 0:t.main)||void 0===a?void 0:a.brandFont,u=(null===(s=null===(i=window.SquatchBrandingConfig)||void 0===i?void 0:i.main)||void 0===s?void 0:s.brandColor)?"":null!==(l=function(t){if(t)try{return function(t,e="primary"){return pe(t,e).join("\n")}(t)}catch{}}(this.brandColor))&&void 0!==l?l:"",h=(null!==(d=this.brandFont)&&void 0!==d?d:"Nunito Sans").trim()||void 0;n((()=>{if(!h||c)return;const t=document.createElement("link");return t.setAttribute("href",o(h)),t.setAttribute("rel","stylesheet"),document.head.appendChild(t),()=>document.head.removeChild(t)}),[h]);const m=null!=h?h:"";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\n          ${c?"":`\n          ::slotted(*) {\n            --sl-font-sans: "${m}", arial;\n            --sl-input-font-family: "${m}", arial;\n            --sl-tooltip-font-family: "${m}", arial;\n            font-family:  "${m}", arial;\n\t\t\t\n            ${u}\n          `}\n\n            --sl-focus-ring-color-primary: var(--sl-color-primary-100);\n            --sl-input-border-color-focus: var(--sl-color-primary-500);\n            --sl-color-primary-hue: var(--sl-color-primary-500);\n          }`),e("slot",null))}},ge=class{constructor(e){t(this,e),this.selectedBrand="Netflix",this.brands=[{name:"Netflix",logoUrl:"https://res.cloudinary.com/saasquatch-staging/image/upload/v1750803365/netflix_ftjbrr.png"},{name:"Amazon",logoUrl:"https://res.cloudinary.com/saasquatch-staging/image/upload/v1750803366/amazon_mc22fr.png"},{name:"Spotify",logoUrl:"https://res.cloudinary.com/saasquatch-staging/image/upload/v1750803510/spotify_j5qi1r.png"},{name:"Google",logoUrl:"https://res.cloudinary.com/saasquatch-staging/image/upload/v1750803168/pngimg.com_-_google_PNG19644_jvypwl.png"}];const r=localStorage.getItem("localStorageBrandKey");this.selectedBrand=r,window.SquatchBrandingConfig=Jt[r]||Kt;const o=new CustomEvent("brandingConfigUpdated",{detail:window.SquatchBrandingConfig});window.dispatchEvent(o)}componentDidLoad(){const t=localStorage.getItem("localStorageBrandKey");this.selectedBrand=t}disconnectedCallback(){}updateBrand(t){this.selectedBrand=t;const e=Jt[t]||Kt,r=JSON.stringify(e);localStorage.setItem("localStorageBrandKey",t),localStorage.setItem("localStorageBrandConfigKey",r),window.SquatchBrandingConfig=e,window.location.reload();const o=new CustomEvent("brandingConfigUpdated",{detail:window.SquatchBrandingConfig});window.dispatchEvent(o)}render(){return e(r,null,e("style",null,"\n          @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');\n\n          :host {\n            display: block; /* Ensure the custom element itself is a block-level element */\n            font-family: 'Inter', sans-serif;\n          }\n\n          .card-container {\n            background-color: #fff !important; \n            border-radius: 18px; \n            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); \n            width: 100%;\n            max-width: 350px;\n            overflow: hidden;\n            padding: 10px;\n            position: fixed;\n            bottom: 0;\n            right: 0;\n            z-index: 999999;\n            border: 1px solid #ccc;\n            margin: 10px;\n          }\n\n          .card-heading {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            padding-bottom: 10px;\n            color: black;\n            margin: 0;\n            font-size: 16px;\n          }\n\n          .segmented-control-container {\n            display: flex;\n            background-color: #e5e7eb !important; \n            border-radius: 9999px; \n            padding: 0.25rem; \n            margin-left: auto;\n            margin-right: auto;\n            max-width: 28rem;\n            box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.05); \n          }\n\n          .brand-segment {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            flex: 1;\n            padding: 0px 8px; \n            cursor: pointer;\n            transition: all 300ms ease-in-out;\n            border-radius: 9999px;\n            color: #4b5563; \n            cursor: pointer;\n          }\n\n          .brand-segment:hover {\n            background-color: #f3f4f6 !important;\n          }\n\n          .brand-segment.active {\n            background-color: #fff !important;\n            color: #1f2937; \n            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);\n          }\n\n          .brand-logo {\n            height: 40px;\n            width: 40px; \n            object-fit: contain;\n          }\n\n          .brand-name {\n            font-size: 0.75rem; \n            line-height: 1rem; \n            font-weight: 600; \n            color: #4b5563;\n          }\n\n          .brand-segment.active .brand-name {\n            color: #1f2937; \n          }\n\n          .content-area {\n            padding: 2rem; \n          }\n\n          .selected-text {\n            color: #4b5563; \n            text-align: center;\n            font-size: 1.125rem; \n            line-height: 1.75rem; \n          }\n\n          .selected-brand-name {\n            font-weight: 700; /* font-bold */\n            color: #6d28d9; /* text-purple-700 */\n          }\n\n          .dynamic-content-box {\n            margin-top: 1.5rem; /* mt-6 */\n            padding: 1rem; /* p-4 */\n            background-color: #f9fafb; /* bg-gray-50 */\n            border-radius: 0.5rem; /* rounded-lg */\n            color: #374151; /* text-gray-700 */\n            font-size: 0.875rem; /* text-sm */\n            line-height: 1.25rem; /* text-sm */\n            font-style: italic;\n          }\n\n          /* Responsive adjustments for smaller screens if needed */\n          @media (max-width: 640px) {\n              .segmented-control-container {\n                  max-width: 100%; /* Allows it to take full width on small screens */\n                  padding: 0.15rem; /* Slightly less padding */\n              }\n              .brand-segment {\n                  padding-left: 0.5rem;\n                  padding-right: 0.5rem;\n              }\n              .brand-logo {\n                  height: 1.8rem; /* Slightly smaller on mobile */\n              }\n          }\n          "),e("div",{class:"card-container"},e("h2",{class:"card-heading"},"Select Branding"),e("div",{class:"segmented-control-container"},this.brands.map((t=>e("div",{key:t.name,class:"brand-segment "+(this.selectedBrand===t.name?"active":""),onClick:()=>this.updateBrand(t.name)},e("img",{src:t.logoUrl,alt:`${t.name} Logo`,class:"brand-logo",onError:t=>{t.target.src="https://placehold.co/80x40/cccccc/000000?text=Logo"}})))))))}},ve=class{constructor(e){t(this,e),this.ignored=!0,this.width=347,this.gap=24,i(this)}disconnectedCallback(){}render(){return e(at,Object.assign({},D(this)),e("slot",null))}};function be(t){var e;const r=s(U),[o,a]=l(!1);return n((()=>{var e,o;(null===(e=null==r?void 0:r.initialData)||void 0===e?void 0:e[t.checkboxName])&&a(!!(null===(o=null==r?void 0:r.initialData)||void 0===o?void 0:o[t.checkboxName]))}),[null===(e=null==r?void 0:r.initialData)||void 0===e?void 0:e[t.checkboxName]]),{states:{registrationFormState:r,checked:o},callbacks:{setChecked:a}}}const ye=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,i(this)}disconnectedCallback(){}render(){const t=L([{attribute:"checkbox-name",value:this.checkboxName}]);if(!m()&&t)return e(W,{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={...D(this)},{states:o,callbacks:a}=m()?P({states:{registrationFormState:{},checked:!1},callbacks:{setChecked:()=>{}}},this.demoData||{},{arrayMerge:(t,e)=>e}):be(this);return e(it,{states:o,content:r,callbacks:a})}},xe=f.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
+        }
+      }
+    }
+  }
+`,we=f.gql`
+  mutation loadEvent($eventMeta: UserAnalyticsEvent!) {
+    createUserAnalyticsEvent(eventMeta: $eventMeta)
+  }
+`;const ke=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="...",this.buttonType="primary",i(this)}disconnectedCallback(){}render(){const t=D(this),r=m()?function(t){const[e,r]=l(!1),o="THANKSJANE125uv125";return P({copyString:o,tooltiptext:t.tooltiptext,textAlign:t.textAlign,buttonStyle:t.buttonStyle,copyButtonLabel:t.copyButtonLabel,error:!1,couponCodePlaceholder:t.couponCodePlaceholder,couponCodeLabel:t.couponCodeLabel,borderColor:t.borderColor,backgroundColor:t.backgroundColor,textColor:t.textColor,borderRadius:t.borderRadius,buttonType:t.buttonType,codeSyncErrorText:t.codeSyncErrorText,codeSyncErrorRetryText:t.codeSyncErrorRetryText,open:e,onClick:()=>{navigator.clipboard.writeText(o),r(!0),setTimeout((()=>r(!1)),t.tooltiplifespan)}},t.demoData||{},{arrayMerge:(t,e)=>e})}(t):function(t){var e,r,o;const i=g(),s=v(),c=b(),[u]=y(we),[h,m]=l(!1),[p,f]=l(60),w=d(void 0),k=d(void 0),{data:C,loading:E,refetch:_}=x(xe,{programId:s},!(null==i?void 0:i.jwt));async function F(){var t,e,r,o,a,i;const n=await _();if(m(!0),!(null===(i=null===(a=null===(o=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===o?void 0:o[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 I=null===(o=null===(r=null===(e=null==C?void 0:C.user)||void 0===e?void 0:e.instantAccessRewards)||void 0===r?void 0:r.data)||void 0===o?void 0:o[0],S=(t=61e3)=>setInterval(F,t);n((()=>{var t,e;return!w.current&&(null===(t=null==I?void 0:I.statuses)||void 0===t?void 0:t.includes("PENDING"))&&(null===(e=null==I?void 0:I.pendingReasons)||void 0===e?void 0:e.includes("ERROR_SYNCING_FUEL_TANK_CODE"))&&(w.current=S()),()=>{clearInterval(w.current)}}),[]),n((()=>{var t,e;return p>0&&(null===(t=null==I?void 0:I.statuses)||void 0===t?void 0:t.includes("PENDING"))&&(null===(e=null==I?void 0:I.pendingReasons)||void 0===e?void 0:e.includes("ERROR_SYNCING_FUEL_TANK_CODE"))&&(clearInterval(k.current),k.current=(t=>setInterval((()=>f(t)),1e3))(p-1)),()=>{clearInterval(k.current)}}),[p,I]),n((()=>{var t,e;(null===(t=null==I?void 0:I.statuses)||void 0===t?void 0:t.includes("PENDING"))&&(null===(e=null==I?void 0:I.pendingReasons)||void 0===e?void 0:e.includes("ERROR_SYNCING_FUEL_TANK_CODE"))&&S()}),[I]);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})(I),R="PENDING"===T&&I.dateScheduledFor?new Date(I.dateScheduledFor).toLocaleDateString("default",{day:"numeric",month:"long",year:"numeric"}):void 0,A=(null==I?void 0:I.fuelTankCode)||"...",[q,N]=l(!1),M=(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?a.formatMessage({id:"codeSyncErrorText",defaultMessage:t.codeSyncErrorText},{supportEmail:"advocate-support@impact.com"}):a.formatMessage({id:"codeSyncErrorText",defaultMessage:t.codeSyncErrorRetryText},{supportEmail:"advocate-support@impact.com",timeRemaining:p});case"PENDING":return t.pendingErrorText.replace("{unpendDate}",R);case"REDEEMED":return t.redeemedErrorText;case"AVAILABLE":return"";default:return t.genericErrorText}})(T),P=(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),D="AVAILABLE"!==T;return{...t,onClick:function(){navigator.clipboard.writeText(A),N(!0),setTimeout((()=>N(!1)),t.tooltiplifespan),u({eventMeta:{programId:s,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:q,copyString:A,error:D,errorText:M,dateAvailable:R,loading:E,errorType:P,buttonType:t.buttonType||"primary"}}(t);return e(nt,Object.assign({},r))}};function Ce(t,r){const o=()=>"row"===t.direction?{"border-right":t.borderless?"none":`var(--sqm-border-thickness) solid ${t.borderColor||"var(--sqm-border-color)"}`}:{"border-bottom":t.borderless?"none":`var(--sqm-border-thickness) solid ${t.borderColor||"var(--sqm-border-color)"}`},a={LayoutContainer:{background:t.backgroundColor,display:"contents","& > :not(:last-child)":{...o()},"& > ::slotted(*:not(:last-child))":{...o()}}},i=`\n    display: flex;\n    flex: 1;\n    box-sizing: border-box;\n    flex-direction: ${t.direction};\n    background-color: var(--sqm-portal-background);\n    color: var(--sqm-text);\n    overflow-x: clip;\n    ${"column"===t.direction?"width: 100%; max-width: 100%":""}\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  `,s=B(a),l=s.toString();return e("div",{class:s.classes.LayoutContainer,part:"sqm-base"},e("style",{type:"text/css"},n,l),r)}const Ee=class{constructor(e){t(this,e),this.dividerStyle="var(--sqm-border-thickness) solid var(--sqm-border-color)",this.backgroundColor="#FFFFFF",i(this)}disconnectedCallback(){}render(){return e(Ce,Object.assign({},D(this)),e("slot",null))}},_e=class{constructor(e){t(this,e),this.ignored=!0,this.dropdownLabel="Select an option",this.errorMessage="Select an option",this.dropdownOptional=!1,i(this)}disconnectedCallback(){}render(){const t=L([{attribute:"dropdown-name",value:this.dropdownName}]);if(!m()&&t)return e(W,{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={...D(this),selectOptions:e("slot",null)},{states:o}=m()?P({states:{registrationFormState:{}}},this.demoData||{},{arrayMerge:(t,e)=>e}):{states:{registrationFormState:s(U)}};return e(st,{states:o,content:r})}},Fe=f.gql`
+  query {
+    viewer {
+      ... on User {
+        id
+        accountId
+        firstName
+        lastName
+        email
+        countryCode
+      }
+    }
+  }
+`,Ie=f.gql`
+  mutation (
+    $id: String!
+    $accountId: String!
+    $firstName: String!
+    $lastName: String!
+  ) {
+    upsertUser(
+      userInput: {
+        id: $id
+        accountId: $accountId
+        firstName: $firstName
+        lastName: $lastName
+      }
+    ) {
+      firstName
+      lastName
+    }
+  }
+`,Se={currentRegion:"",firstName:"",lastName:"",errors:{},error:""},Te=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.",i(this)}disconnectedCallback(){}render(){const t=m()?function(t){return P({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})}(D(this)):function(t){const e=g(),[r,o]=l(!1),[i,s]=l(""),[d,c]=l(void 0),[u,h]=l(Se),m=x(Fe,{},!(null==e?void 0:e.jwt)),[p,f]=y(Ie);return n((()=>{!(null==f?void 0:f.loading)&&r&&((null==f?void 0:f.errors)?h((t=>{var e,r,o;return{...t,error:null===(o=null===(r=null===(e=null==f?void 0:f.errors)||void 0===e?void 0:e.response)||void 0===r?void 0:r.errors)||void 0===o?void 0:o[0].message}})):(c((t=>{var e;return{...t,...null===(e=null==f?void 0:f.data)||void 0===e?void 0:e.upsertUser}})),o(!1)))}),[null==f?void 0:f.loading]),n((()=>{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]),n((()=>{var e;(null===(e=null==f?void 0:f.errors)||void 0===e?void 0:e.message)&&h((e=>({...e,error:t.networkErrorMessage})))}),[null==f?void 0:f.errors]),{states:{loading:(null==m?void 0:m.loading)||f.loading,submitDisabled:!1,formState:u,user:d,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(u.firstName&&u.lastName)return p({id:null==e?void 0:e.id,accountId:null==e?void 0:e.accountId,firstName:u.firstName,lastName:u.lastName}),void h((t=>({...t,errors:{}})));const r={};u.firstName||(r.firstName={message:t.fieldEmptyText}),u.lastName||(r.lastName={message:t.fieldEmptyText}),Q(r)||h((e=>({...e,error:t.formErrorText}))),h((t=>({...t,errors:r})))},resetForm:()=>{var t,e,r,o,i,n;const s=(null===(e=null===(t=null==m?void 0:m.data)||void 0===t?void 0:t.viewer)||void 0===e?void 0:e.countryCode)?a.formatDisplayName(m.data.viewer.countryCode,{type:"region"}):"";c({...null===(r=m.data)||void 0===r?void 0:r.viewer,...null===(o=f.data)||void 0===o?void 0:o.upsertUser}),h({...Se,...null===(i=m.data)||void 0===i?void 0:i.viewer,...null===(n=f.data)||void 0===n?void 0:n.upsertUser,currentRegion:s})},onChange:t=>{const{name:e,value:r}=t.target;h((t=>({...t,[e]:r})))},setShowEdit:o}}}(D(this));return e(lt,Object.assign({},t))}};Te.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 Re=class{constructor(e){t(this,e),this.columns=1,this.minHeight=200,this.paddingSize="large",this.wrapDirection="wrap",this.columnToHideInMobile=null,i(this)}disconnectedCallback(){}render(){const t={states:{...D(this)},content:{primaryColumn:e("slot",null),secondaryColumn:e("slot",{name:"secondary-column"})}};return e(dt,Object.assign({},t))}};function Ae(t,r){const o=Boolean((t.header||t.description||t.buttonText)&&"overlay"===t.layout),a=B({Container:{position:"relative","&:before":{content:o?'""':"",width:"100%",height:"100%",position:"absolute",background:t.overlayColor||"var(--sl-color-black)",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(--sqm-text)",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(--sqm-text)","& .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)",color:"var(--sqm-primary-button-color)",backgroundColor:"var(--sqm-primary-button-background)",border:"var(--sqm-primary-button-color-border)"},"@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",exportparts:`base: ${t.buttonType}button-base`,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 qe=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",this.buttonType="primary",i(this)}disconnectedCallback(){}render(){return e(Ae,Object.assign({},D(this)),e("slot",null))}},Ne=class{constructor(e){t(this,e),this.ignored=!0,i(this)}disconnectedCallback(){}render(){return e(this.hookStory,null)}};function Me(t){const r=B({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"}}),o=r.toString();return e("div",null,e("style",{type:"text/css"},o,"\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 Pe=class{constructor(e){t(this,e),this.alignment="center"}render(){return e(Me,Object.assign({},D(this)))}},De=class{constructor(e){t(this,e),this.ignored=!0,this.fieldType="text",this.errorMessage="Cannot be empty",this.fieldOptional=!1,i(this)}disconnectedCallback(){}render(){const t={...D(this)},r=L([{attribute:"field-name",value:this.fieldName}]);if(!m()&&r)return e(W,{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:o}=m()?P({states:{registrationFormState:{}}},this.demoData||{},{arrayMerge:(t,e)=>e}):{states:{registrationFormState:s(U)}};return e(ct,{states:o,content:t})}},Le=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,i(this)}disconnectedCallback(){}render(){const t=L([{attribute:"dropdown-name",value:this.dropdownName}]);if(!m()&&t)return e(W,{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={...D(this),selectOptions:e("slot",null)},{states:o}=m()?P({states:{leadFormState:{}},content:{dropdownName:(a=this).dropdownName,dropdownLabel:a.dropdownLabel,requiredFieldErrorMessage:a.requiredFieldErrorMessage,dropdownOptional:a.dropdownOptional}},a.demoData||{},{arrayMerge:(t,e)=>e}):{states:{leadFormState:s(G)}};var a;return e(ut,{states:o,content:r})}},Be=f.gql`
+  mutation submitForm($formSubmissionInput: FormSubmissionInput!) {
+    submitForm(formSubmissionInput: $formSubmissionInput) {
+      success
+    }
+  }
+`,je=f.gql`
+  query getUser($programId: ID) {
+    viewer {
+      ... on User {
+        referralCode(programId: $programId)
+      }
+    }
+  }
+`,Oe=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",i(this)}disconnectedCallback(){}render(){const{states:t,callbacks:r,refs:o}=m()?P({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,o,a,i,s,c,u,h,m;const p=d(null),{leadFormState:f,setLeadFormState:b}=K({}),k=v(),C=g(),{data:E}=x(je,{programId:k},!(null==C?void 0:C.jwt)||!k),[_,{loading:F,errors:I}]=y(Be),[S,T]=l(!1);n((()=>{if(!p.current)return;const t=p.current;return t.addEventListener("sl-input",R),()=>{t.removeEventListener("sl-input",R)}}),[p.current]);const R=w((t=>{var e,r;if("tel"!==(null===(r=null===(e=t.target)||void 0===e?void 0:e.type)||void 0===r?void 0:r.toLowerCase()))return;const o=new X("US");t.target.value=o.input(t.target.value)}),[]);let A="";return A=(null===(e=null==I?void 0:I.response)||void 0===e?void 0:e.error)||(null==I?void 0:I.message)&&!(null===(r=null==I?void 0:I.response)||void 0===r?void 0:r.errors.length)?t.networkErrorMessage:(null===(s=null===(i=null===(a=null===(o=null==I?void 0:I.response)||void 0===o?void 0:o.errors)||void 0===a?void 0:a[0])||void 0===i?void 0:i.extensions)||void 0===s?void 0:s.message)||(null===(h=null===(u=null===(c=null==I?void 0:I.response)||void 0===c?void 0:c.errors)||void 0===u?void 0:u[0])||void 0===h?void 0:h.message)||(null==f?void 0:f.error),{states:{loading:F,error:A,success:S,leadFormState:f,referralCode:(null===(m=null==E?void 0:E.viewer)||void 0===m?void 0:m.referralCode)||""},callbacks:{submit:async e=>{var r;let o=e.target.getFormControls(),a={},i={};if(null==o||o.forEach((e=>{if(!e.name)return;const r=e.name,o=e.value;if(M.set(a,r,o),e.required&&!o&&M.set(i,r,t.requiredFieldErrorMessage),"function"==typeof e.validationError){const t=(0,e.validationError)({control:e,key:r,value:o});t&&M.set(i,r,t)}})),Object.keys(i).length)return void b({loading:!1,error:"",validationErrors:i});b({loading:!0,error:"",validationErrors:{}});const n={key:t.formKey,formData:a};try{const t=await _({formSubmissionInput:n});if(t instanceof Error)throw t;b({loading:!1,error:"",validationErrors:{}}),(null===(r=null==t?void 0:t.submitForm)||void 0===r?void 0:r.success)&&T(!0)}catch(e){b({loading:!1,error:t.networkErrorMessage,validationErrors:{}})}},inputFunction:R,resetForm:function(){var t,e;b({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=""})),T(!1)}},refs:{formRef:p}}}(this),a={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(ht,{states:t,callbacks:r,content:a,refs:o})}},ze=f.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
+        }
+      }
+    }
+  }
+`,Ve=f.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
+        }
+      }
+    }
+  }
+`,$e=f.gql`
+  query (
+    $type: String!
+    $filter: UserLeaderboardFilterInput
+    $locale: RSLocale
+  ) {
+    viewer {
+      ... on User {
+        firstName
+        lastInitial
+        leaderboardRank(type: $type, filter: $filter) {
+          textValue(locale: $locale)
+          rank
+          denseRank
+          rowNumber
+        }
+      }
+    }
+  }
+`,Ue=f.gql`
+  query (
+    $type: String!
+    $filter: UserLeaderboardFilterInput
+    $locale: RSLocale
+  ) {
+    viewer {
+      ... on User {
+        leaderboardRank(type: $type, filter: $filter) {
+          textValue(locale: $locale)
+          rank
+          denseRank
+          rowNumber
+        }
+      }
+    }
+  }
+`,He=class{constructor(e){t(this,e),this.width="100%",this.viewingUserText="You",this.hideNames=!1,this.anonymousUser="Anonymous User",this.maxRows=10,this.hideViewer=!1,this.ignored=!0,i(this),mt(this)}disconnectedCallback(){}render(){const t={empty:e(Ye,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,viewingUserHighlightColor:this.viewingUserHighlightColor,viewingUserHighlightTextColor:this.viewingUserHighlightTextColor,background:this.background,borderColor:this.borderColor,textColor:this.textColor,borderRadius:this.borderRadius},r={...t,demoData:this.demoData},o=m()?function(t){var r,o;const a=(null===(o=null===(r=t.demoData)||void 0===r?void 0:r.data)||void 0===o?void 0:o.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 P({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,viewingUserHighlightColor:t.viewingUserHighlightColor,viewingUserHighlightTextColor:t.viewingUserHighlightTextColor,background:t.background,borderColor:t.borderColor,textColor:t.textColor,borderRadius:t.borderRadius}},data:{rankType:"rowNumber",leaderboard:a},elements:{empty:e(Ye,null)}},t.demoData||{},{arrayMerge:(t,e)=>e})}(r):function(t){var e,r,o,a,i,n,s,l,d,u;const h=v(),m=null!==(e=t.programId)&&void 0!==e?e:h,p=g(),f=k(),b=m?{type:t.leaderboardType,filter:{programId_eq:m}}:{type:t.leaderboardType,filter:{}};t.interval&&(b.filter.interval=t.interval),f&&(b.locale=f),t.maxRows>0&&(b.limit=t.maxRows);const{data:y,loading:w,errors:C}=x(t.hideNames?Ve:ze,b,!(null==p?void 0:p.jwt),{batch:!1}),{data:E}=x(t.hideNames?Ue:$e,b,!(null==p?void 0:p.jwt)),_=null==(S=null===(r=null==y?void 0:y.userLeaderboard)||void 0===r?void 0:r.rows)?void 0:S.flatMap((e=>{var r,o;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===(o=e.rank)||void 0===o?void 0:o.rowNumber}})),F=null==_?void 0:_.sort((function(t,e){return t.rank-e.rank})),I={textValue:null===(a=null===(o=null==E?void 0:E.viewer)||void 0===o?void 0:o.leaderboardRank)||void 0===a?void 0:a.textValue,firstName:null===(i=null==E?void 0:E.viewer)||void 0===i?void 0:i.firstName,lastInitial:null===(n=null==E?void 0:E.viewer)||void 0===n?void 0:n.lastInitial,rank:null===(l=null===(s=null==E?void 0:E.viewer)||void 0===s?void 0:s.leaderboardRank)||void 0===l?void 0:l[t.rankType],rowNumber:null===(u=null===(d=null==E?void 0:E.viewer)||void 0===d?void 0:d.leaderboardRank)||void 0===u?void 0:u.rowNumber};var S;return{states:{loading:w,isEssentials:c((()=>{var t,e;return!!(null===(e=null===(t=null==C?void 0:C.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)})))}),[C]),hasLeaders:(null==F?void 0:F.length)>0,styles:t},data:{leaderboard:F,rankType:t.rankType,viewerRank:I},elements:{empty:t.empty}}}(t);return e(pt,Object.assign({},o))}};function Ye(){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 We=B({Container:{display:"contents"},Link:{textDecoration:"none",color:"inherit"}}),Ge=We.toString();function Ke(t){const{onClick:r,buttonText:o}=t;return e("span",{class:We.classes.Container,part:"sqm-base"},e("style",{type:"text/css"},Ge,"\n:host{\n  display: inline;   \n}\n"),e("sl-button",{onClick:r,type:"primary",exportparts:"base: primarybutton-base"},e("a",{class:We.classes.Link,part:"sqm-link"},o)))}const Je=class{constructor(e){t(this,e),this.openInNewTab=!1,this.buttonText="Click here"}render(){return e(Ke,Object.assign({},{...D(this),onClick:()=>{window.open(this.link,this.openInNewTab?"_blank":"_parent")}}))}},Ze=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",i(this)}disconnectedCallback(){}render(){const t={...D(this)},{states:r,callbacks:o}=m()?P({states:{registrationFormState:{},checked:!1},callbacks:{setChecked:()=>{}}},this.demoData||{},{arrayMerge:(t,e)=>e}):be(this);return e(it,{states:r,content:t,callbacks:o})}},Xe=class{constructor(e){t(this,e),this.ignored=!0,this.firstNameLabel="First Name",this.lastNameLabel="Last Name",this.optional=!1,i(this)}disconnectedCallback(){}render(){const{states:t}=m()?P({states:{optional:(r=this).optional,validationErrors:[],content:{firstNameLabel:r.firstNameLabel,lastNameLabel:r.lastNameLabel}}},r.demoData||{},{arrayMerge:(t,e)=>e}):function(t){const e=s(U);return{states:{optional:t.optional,registrationFormState:e,content:{lastNameLabel:t.lastNameLabel,firstNameLabel:t.firstNameLabel}}}}(this);var r;return e(ft,{states:t})}};function Qe(t){const{states:r}=t,{styles:o}=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"},o.menuLabel),e("sl-menu",{ref:e=>{void 0===t.ref.current&&(t.ref.current=e,t.callbacks.rerender())}},e("slot",null))):""}const tr=class{constructor(e){t(this,e),this.ignored=!0,i(this)}disconnectedCallback(){}render(){const t=m()?function(t){return P({states:{includeDropdown:!0,styles:{...t,menuLabel:"Menu"}},callbacks:{rerender:()=>{}},ref:{current:void 0}},t.demoData||{},{arrayMerge:(t,e)=>e})}(D(this)):function(t){const e=d(),[,r]=C(),o=g();return n((()=>{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==o?void 0:o.id)||(null==o?void 0:o.accountId)||(null==o?void 0:o.jwt)),styles:{menuLabel:t.menuLabel}},callbacks:{rerender:r},ref:e}}(D(this));return e(r,{slot:"sqm-navigation-menu"},e(Qe,Object.assign({},t)))}};tr.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 er=B({Wrapper:{maxWidth:"200px",marginLeft:"auto"},PayoutButtonDescription:{color:"var(--sqm-text-subdued)",fontSize:"var(--sl-font-size-small)",margin:"0"}}),rr=er.toString();function or(t){const{text:r,states:o}=t;return o.payoutSettingsComplete?e("div",{class:er.classes.Wrapper},e("style",{type:"text/css"},rr),e("sqm-scroll",{"scroll-tag-name":"sqm-tabs","button-text":r.payoutButtonText,"scroll-animation":"smooth"}),e("p",{class:er.classes.PayoutButtonDescription},r.payoutButtonDescription)):e("div",null)}const ar=f.gql`
+  query getPayoutDetails {
+    user: viewer {
+      ... on User {
+        id
+        impactConnection {
+          connected
+          publisher {
+            id
+            payoutsAccount {
+              hold
+              balance
+            }
+          }
+        }
+      }
+    }
+  }
+`,ir=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,i(this)}disconnectedCallback(){}getTextProps(){return D(this)}render(){const t=m()?function(t){return P({states:{payoutSettingsComplete:!1},text:t.getTextProps()},t.demoData||{},{arrayMerge:(t,e)=>e})}(this):function(t){var e,r,o;const{data:a,refetch:i}=x(ar,{});return n((()=>{const t=()=>i();return window.addEventListener("sqm:tax-form-updated",t),()=>window.removeEventListener("sqm:tax-form-updated",t)}),[]),{states:{payoutSettingsComplete:!!(null===(o=null===(r=null===(e=null==a?void 0:a.user)||void 0===e?void 0:e.impactConnection)||void 0===r?void 0:r.publisher)||void 0===o?void 0:o.payoutsAccount)},text:t.getTextProps()}}(this);return e(or,Object.assign({},t))}},nr=B({ButtonContainer:{display:"flex",gap:"var(--sl-spacing-medium)",marginTop:"var(--sl-spacing-medium)",flexWrap:"wrap"},SkeletonOne:{width:"50%",height:"16px"},AlertDescriptionText:{margin:"0",marginBottom:"var(--sl-spacing-small)"},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)":{}}}),sr=nr.toString();function lr(t){const{text:r,states:o,data:i,callbacks:n}=t;if(o.loading)return e("sl-skeleton",{class:nr.classes.SkeletonOne});const s=function(t){if(o.error)return{header:r.errorHeader,description:r.errorDescription,buttonText:null,alertType:"error"};switch(t){case"INFORMATION_REQUIRED":return{header:r.informationRequiredHeader,description:r.informationRequiredDescription,buttonText:r.informationRequiredButtonText,alertType:"info"};case"VERIFICATION:REQUIRED":return{header:r.verificationRequiredHeader,description:a.formatMessage({id:"verificationRequiredDescription",defaultMessage:r.verificationRequiredDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),buttonText:r.verificationRequiredButtonText,alertType:"warning"};case"VERIFICATION:INTERNAL":return{header:r.verificationRequiredInternalHeader,description:a.formatMessage({id:"verificationRequiredInternalDescription",defaultMessage:r.verificationRequiredInternalDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),alertType:"warning"};case"VERIFICATION:REVIEW":return{header:r.verificationReviewInternalHeader,description:a.formatMessage({id:"verificationReviewInternalDescription",defaultMessage:r.verificationReviewInternalDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),alertType:"warning"};case"VERIFICATION:FAILED":return{header:r.verificationFailedInternalHeader,description:a.formatMessage({id:"verificationFailedInternalDescription",defaultMessage:r.verificationFailedInternalDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),alertType:"error"};case"OVER_W9_THRESHOLD":return"CASH_ONLY_DEFER_W9"===o.enforceUsTaxComplianceOption?{header:r.w9RequiredHeader,description:a.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"}:{header:r.holdHeader,description:a.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"};case"NEW_PAYEE_REVIEW":return{header:r.accountReviewHeader,description:a.formatMessage({id:"accountReviewDescription",defaultMessage:r.accountReviewDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),buttonText:null,alertType:"warning",icon:"exclamation-triangle"};case"PAYMENT_HOLD_ON_CHANGE":return{header:r.paymentHoldOnChangeHeader,description:a.formatMessage({id:"accountReviewDescription",defaultMessage:r.paymentHoldOnChangeDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),buttonText:null,alertType:"warning",icon:"exclamation-triangle"};case"BENEFICIARY_NAME_INVALID":return{header:r.beneficiaryNameInvalidHeader,description:a.formatMessage({id:"accountReviewDescription",defaultMessage:r.beneficiaryNameInvalidDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),button:e("div",{class:nr.classes.ButtonContainer},e("sl-button",{disabled:o.loading,type:"primary",onClick:n.onPaymentInfoClick},r.editPaymentInformationButton),e("sl-button",{disabled:o.loading,type:"default",onClick:n.onNewFormClick},r.newFormButton)),alertType:"warning",icon:"exclamation-triangle"};case"BENEFICIARY_NAME_MISMATCH":return{header:r.beneficiaryNameMismatchHeader,description:a.formatMessage({id:"accountReviewDescription",defaultMessage:r.beneficiaryNameMismatchDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),button:e("div",{class:nr.classes.ButtonContainer},e("sl-button",{disabled:o.loading,type:"primary",onClick:n.onPaymentInfoClick},r.editPaymentInformationButton),e("sl-button",{disabled:o.loading,type:"default",onClick:n.onNewFormClick},r.newFormButton)),alertType:"warning",icon:"exclamation-triangle"};case"BANK_TAX_NAME_MISMATCH":return{header:r.bankTaxNameMismatchHeader,description:a.formatMessage({id:"accountReviewDescription",defaultMessage:r.bankTaxNameMismatchDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),button:e("div",{class:nr.classes.ButtonContainer},e("sl-button",{disabled:o.loading,type:"primary",onClick:n.onPaymentInfoClick},r.editPaymentInformationButton),e("sl-button",{disabled:o.loading,type:"default",onClick:n.onNewFormClick},r.newFormButton)),alertType:"warning",icon:"exclamation-triangle"};case"WITHDRAWAL_SETTINGS_INVALID":return{header:r.withdrawalSettingsInvalidHeader,description:a.formatMessage({id:"accountReviewDescription",defaultMessage:r.withdrawalSettingsInvalidDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),button:e("div",{class:nr.classes.ButtonContainer},e("sl-button",{disabled:o.loading,type:"primary",onClick:n.onPaymentInfoClick},r.editPaymentInformationButton)),alertType:"warning",icon:"exclamation-triangle"};case"PAYMENT_RETURNED":return{header:r.paymentReturnedHeader,description:a.formatMessage({id:"accountReviewDescription",defaultMessage:r.paymentReturnedDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),button:e("div",{class:nr.classes.ButtonContainer},e("sl-button",{disabled:o.loading,type:"primary",onClick:n.onPaymentInfoClick},r.editPaymentInformationButton)),alertType:"error",icon:"exclamation-triangle"};case"HOLD":return{header:r.holdHeader,description:a.formatMessage({id:"holdDescription",defaultMessage:r.holdDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),buttonText:null,alertType:"warning"};default:return}}(o.status);return"DONE"!==o.status&&s?e("div",{part:"sqm-base"},e("style",{type:"text/css"},sr),e("style",{type:"text/css"},"\n  a {\n    color: inherit;\n    text-decoration: underline;\n    cursor: pointer;\n  }\n"),e("sqm-form-message",{type:s.alertType},e("p",{part:"alert-title"},s.header),e("p",{part:"alert-description"},s.description),function(t){switch(t){case"OVER_W9_THRESHOLD":if("CASH_ONLY"===o.enforceUsTaxComplianceOption)return;return"SquatchJS2"===i.type?e("sqm-scroll",{"scroll-tag-name":"sqm-tabs","button-text":r.w9RequiredButtonText,"scroll-animation":"smooth"}):e("sl-button","SquatchPortal"===i.type?{type:"default",onClick:n.onTermsClick}:{type:"default"},r.w9RequiredButtonText);case"INFORMATION_REQUIRED":return e("div",{style:{paddingTop:"10px"}},"SquatchJS2"===i.type?e("sqm-scroll",{"scroll-tag-name":"sqm-tabs","button-text":r.informationRequiredButtonText,"scroll-animation":"smooth"}):e("sl-button","SquatchPortal"===i.type?{type:"secondary",exportparts:"base: secondarybutton-base",onClick:n.onTermsClick}:{type:"secondary",exportparts:"base: secondarybutton-base"},r.informationRequiredButtonText));case"VERIFICATION:REQUIRED":return e("div",{style:{paddingTop:"10px"}},e("sl-button",{type:"secondary",exportparts:"base: secondarybutton-base",loading:o.veriffLoading,onClick:n.onClick},r.verificationRequiredButtonText));default:return s.button?s.button:void 0}}(o.status))):e("div",null)}const dr=class{constructor(e){t(this,e),this.informationRequiredHeader="Payout and tax information required",this.editPaymentInformationButton="Edit Payout Information",this.newFormButton="Submit new tax form",this.informationRequiredDescription="Submit your banking details and tax documents to receive your rewards.",this.informationRequiredButtonText="Payouts & Tax Settings",this.verificationRequiredHeader="Verify your identity",this.verificationRequiredDescription="It should only take a few minutes verify. If you run in to an issue verifying your identity contact our {supportLink}.",this.verificationRequiredButtonText="Start Verification",this.verificationRequiredInternalHeader="Identity Verification in progress",this.verificationRequiredInternalDescription="Identity verification submission has been received. Our system is currently performing additional checks and analyzing the results. You will be updated shortly. If you don't hear from us contact our {supportLink}.",this.verificationReviewInternalHeader="Identity Verification under review",this.verificationReviewInternalDescription="Identity verification requires further review due to a potential error. Our team is reviewing the information and will update you shortly. If you don't hear from us contact our {supportLink}.",this.verificationFailedInternalHeader="Identity verification unsuccessful",this.verificationFailedInternalDescription="Identity verification has failed. Our team is reviewing the report and will contact you with further information. If you don't hear from us contact our {supportLink}.",this.accountReviewHeader="Your account is under review",this.accountReviewDescription="This process takes 48 hours, payouts are on hold until it's completed. You will receive an email from our referral provider, Impact.com, if any issues arise.  It contains details on how to resolve this issue. If you need further assistance, please reach out to our {supportLink}.",this.paymentHoldOnChangeHeader="We are reviewing your new payout settings",this.paymentHoldOnChangeDescription="Your payout is temporarily on hold while we review your new payment information, this process is usually resolved within 48 hours.",this.beneficiaryNameInvalidHeader="Your payment information does not match your tax form",this.beneficiaryNameInvalidDescription="The account holder (beneficiary) name in your payment information does not match what was submitted in your tax form. Please review and update your payment information or tax form so that they match exactly and do not include any invalid characters. Your payouts are on hold until this is resolved.",this.beneficiaryNameMismatchHeader="Your payment information does not match your tax form",this.beneficiaryNameMismatchDescription="The account holder (beneficiary) name in your payment information does not match what was submitted in your tax form. Please review and update your payment information or tax form so that they match exactly and do not include any invalid characters. Your payouts are on hold until this is resolved.",this.bankTaxNameMismatchHeader="Your payment information does not match your tax form",this.bankTaxNameMismatchDescription="The bank account (beneficiary) name in your payment information does not match what was submitted in your tax form. Please review and update your payment information or tax form so that they match exactly and do not include any invalid characters. Your payouts are on hold until this is resolved.",this.withdrawalSettingsInvalidHeader="Your payment information is incomplete or includes invalid characters",this.withdrawalSettingsInvalidDescription="There are missing fields or invalid characters in your payment information. Please review your information and make sure it is correct. Your payouts are on hold until this is resolved.",this.paymentReturnedHeader="Payout unsuccessful",this.paymentReturnedDescription="Our recent payment attempt for your earnings was unsuccessful. Please review your payment information and make sure it is correct.",this.w9RequiredHeader="Your next payout is on hold",this.w9RequiredDescription="You have surpassed the $600 threshold requiring a W-9 form or have multiple accounts with impact.com. To remove the hold, please submit your W-9 form.",this.w9RequiredButtonText="Submit W-9",this.holdHeader="Your payouts and account are on hold",this.holdDescription="Please check your inbox for an email from our referral provider, impact.com. It contains details on how to resolve this issue. If you need further assistance, feel free to reach out to our {supportLink}.",this.cashPayoutsPageUrl="/taxAndCash",this.supportLink="support team",this.termsAndConditions="Terms and Conditions",this.errorHeader="Could not determine payout status.",this.errorDescription="There was an error with determining your payout status.",this.stateController="{}",i(this)}disconnectedCallback(){}getTextProps(){return D(this)}render(){const t=m()?function(t){const e=Yt(t.stateController),r=Object.keys(e).reduce(((t,r)=>"sqm-payout-status-alert"===r?{...t,...e[r]}:{...t,[`${r}_stateController`]:e[r]}),{});return P({states:{error:!1,status:t.demoData.states.status,loading:!1,veriffLoading:!1},data:{type:"SquatchAdmin"},text:t.getTextProps(),callbacks:{onTermsClick:()=>{},onClick:()=>console.log("show"),onPaymentInfoClick:()=>{},onNewFormClick:()=>{}}},r||t.demoData||{},{arrayMerge:(t,e)=>e})}(this):Gt(this);return e(lr,Object.assign({},t))}},cr=f.gql`
+  query {
+    viewer {
+      ... on User {
+        id
+        accountId
+        marketingEmailOptIn
+      }
+    }
+  }
+`,ur=f.gql`
+  mutation ($userInput: UserInput!) {
+    upsertUser(userInput: $userInput) {
+      id
+      marketingEmailOptIn
+    }
+  }
+`,hr={marketingEmailOptIn:!1,errors:{},error:""},mr=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.",i(this)}disconnectedCallback(){}render(){const t=m()?function(t){return P({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})}(D(this)):function(t){const e=g(),[r,o]=l(!1),[a,i]=l(void 0),[s,d]=l(hr),c=x(cr,{},!(null==e?void 0:e.jwt)),[u,h]=y(ur);return n((()=>{(null==h?void 0:h.loading)||((null==h?void 0:h.errors)?d((t=>{var e,r,o;return{...t,error:null===(o=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===o?void 0:o[0].message}})):(i((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)&&o(!0)))}),[null==h?void 0:h.loading]),n((()=>{var t,e;i((t=>{var e;return{...t,...null===(e=null==c?void 0:c.data)||void 0===e?void 0:e.viewer}})),d({...hr,...null===(t=c.data)||void 0===t?void 0:t.viewer,...null===(e=h.data)||void 0===e?void 0:e.upsertUser})}),[null==c?void 0:c.data]),n((()=>{var e,r;(null===(e=null==h?void 0:h.errors)||void 0===e?void 0:e.message)&&d({...null===(r=c.data)||void 0===r?void 0:r.viewer,error:t.networkRequestMessage})}),[null==h?void 0:h.errors]),{states:{success:r,loading:(null==c?void 0:c.loading)||h.loading,submitDisabled:!1,formState:s,user:a,text:{emailPreferencesHeader:t.emailPreferencesHeader,marketingCheckboxLabel:t.marketingCheckboxLabel,submitChangeButtonText:t.submitChangeButtonText,successMessage:t.successMessage}},callbacks:{onSubmit:t=>{var r;o(!1);const a=null===(r=t.detail)||void 0===r?void 0:r.formData;null==a||a.forEach(((t,e)=>{M.set(a,e,t)})),u({userInput:{id:null==e?void 0:e.id,accountId:null==e?void 0:e.accountId,marketingEmailOptIn:Boolean(a.marketingEmailOptIn)}}),d((t=>({...t,errors:{},error:""})))},setChecked:t=>d({...s,marketingEmailOptIn:t})}}}(D(this));return e(gt,Object.assign({},t))}},pr=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",i(this)}disconnectedCallback(){}render(){const{states:t,callbacks:r}=m()?function(t){const[e,r]=l(!1);return P({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,o,a,i,n,s;const[d,{loading:c,errors:u}]=_(),[h,m]=l(!1),[p,f]=l(""),[v,b]=l(!1),y=g();return{states:{open:h,loading:c,success:v,error:p||(null===(a=null===(o=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===o?void 0:o.extensions)||void 0===a?void 0:a.message)||(null===(s=null===(n=null===(i=null==u?void 0:u.response)||void 0===i?void 0:i.errors)||void 0===n?void 0:n[0])||void 0===s?void 0:s.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,o;b(!1);const a=null===(r=e.detail)||void 0===r?void 0:r.formData;if(null==a||a.forEach(((t,e)=>{M.set(a,e,t)})),!(null==y?void 0:y.jwt))return void f(t.invalidSessionErrorText);if(a.password!==a.confirmPassword)return void f(t.nonMatchingPasswordErrorText);f("");const i={password:a.password},n=await d(i);n instanceof Error||!(null===(o=n.changeManagedIdentityPassword)||void 0===o?void 0:o.success)||b(!0)}}}}(this);return e(vt,{states:t,callbacks:r})}},fr=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",i(this)}disconnectedCallback(){}render(){return e(bt,Object.assign({},D(this)))}static get assetsDirs(){return["../../assets"]}},gr=class{constructor(e){t(this,e),this.ignored=!0,this.redirectPath="/resetPassword",this.emailLabel="Email",this.submitLabel="Request Password Reset",this.loginPath="/login",this.headerText="Enter your email below to receive a password reset link.",this.loginText="Sign In",this.networkErrorMessage="An error occurred while loading this page. Please refresh the page.",this.successAlertText="If an account with that email exists, a password reset email will be sent.",this.backgroundColor="var(--sqm-portal-background, #ffffff)",this.borderRadius="var(--sqm-border-radius-normal, 8px)",this.border="var(--sqm-border-thickness, 1px) solid var(--sqm-border-color, #eaeaea)",i(this)}disconnectedCallback(){}render(){const{states:t,callbacks:r}=m()?P({states:{error:"",loading:!1,success:!1},callbacks:{submit:async()=>{}},content:{secondaryButton:e("sl-button",{type:"secondary",exportparts:"base: secondarybutton-base",disabled:!1,onClick:()=>E.push(o.loginPath)},(o=this).loginText),messageSlot:e("span",null,o.headerText),emailLabel:o.emailLabel,submitLabel:o.submitLabel,successAlertText:o.successAlertText,loginText:o.loginText,backgroundColor:o.backgroundColor,borderRadius:o.borderRadius,border:o.border}},o.demoData||{},{arrayMerge:(t,e)=>e}):function(t){var e,r,o,a,i,n,s;const[d,c]=l(!1),[u,h]=l(""),[m,{loading:p,errors:f}]=F(),g=new URLSearchParams(E.location.search).get("nextPage");return{states:{loading:p,error:(null===(a=null===(o=null===(r=null===(e=null==f?void 0:f.response)||void 0===e?void 0:e.errors)||void 0===r?void 0:r[0])||void 0===o?void 0:o.extensions)||void 0===a?void 0:a.message)||(null===(s=null===(n=null===(i=null==f?void 0:f.response)||void 0===i?void 0:i.errors)||void 0===n?void 0:n[0])||void 0===s?void 0:s.message)||u,success:d,loginPath:t.loginPath,headerText:t.headerText,loginText:t.loginText},callbacks:{submit:async e=>{var r;h(""),c(!1);let o=e.detail.formData;null==o||o.forEach(((t,e)=>{M.set(o,e,t)}));const a={email:o.email,urlParams:g?{nextPage:g}:null,redirectPath:t.redirectPath},i=await m(a);i instanceof Error?i.message&&h(t.networkErrorMessage):(null===(r=i.requestManagedIdentityPasswordResetEmail)||void 0===r?void 0:r.success)&&c(!0)}}}}(this);var o;const a={messageSlot:e("slot",{name:"messageSlot"},this.headerText),emailLabel:this.emailLabel,submitLabel:this.submitLabel,successAlertText:this.successAlertText,loginText:this.loginText,backgroundColor:this.backgroundColor,borderRadius:this.borderRadius,border:this.border};return e(yt,{states:t,callbacks:r,content:a})}},vr=class{constructor(e){t(this,e),this.ignored=!0,this.notFullScreen=!1,this.backgroundColor="var(--sqm-portal-background, #fff)",this.border="var(--sqm-border-thickness, 1px) solid var(--sqm-border-color, #eaeaea)",this.headerAndFooterBackgroundColor="var(--sqm-portal-background, #fff)",i(this)}disconnectedCallback(){}render(){const t=e("slot",{name:"footer"}),r=e("slot",{name:"header"}),o=m()?function(t,r,o){return P({notFullScreen:!0,backgroundColor:o.backgroundColor,headerAndFooterBackgroundColor:o.headerAndFooterBackgroundColor,border:o.border,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:()=>{}}},o.demoData||{},{arrayMerge:(t,e)=>e})}(t,r,this):function(t,e,r){const[,o]=C();return{data:{footer:t,header:e},callbacks:{rerender:o},backgroundColor:r.backgroundColor,border:r.border,headerAndFooterBackgroundColor:r.headerAndFooterBackgroundColor}}(t,r,this);return e(xt,Object.assign({},o),e("slot",null))}},br=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?",i(this)}disconnectedCallback(){}render(){const{states:t,callbacks:r}=m()?P({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}):Z(this),o=B({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,o),e("sl-button",{exportparts:"base: secondarybutton-base",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(J,{states:t,callbacks:r,content:a})}},yr=class{constructor(e){t(this,e),this.ignored=!1,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",i(this)}disconnectedCallback(){}render(){const{states:t,callbacks:r,refs:o}=m()?P({states:{error:"",loading:!1,confirmPassword:(a=this).confirmPassword,hideInputs:a.hideInputs||!1,customPasswordField:!1,loginPath:a.loginPath,disablePasswordValidation:a.disablePasswordValidation},callbacks:{submit:async()=>{console.log("submit")},inputFunction:()=>{}},refs:{formRef:{}}},a.demoData||{},{arrayMerge:(t,e)=>e}):function(t){var e,r,o,a,i,s,l,c,u;const h=d(null),{registrationFormState:m,setRegistrationFormState:p}=H({}),[f,{loading:g,errors:v}]=I();n((()=>{if(!h.current)return;const t=h.current;return t.addEventListener("sl-input",b),()=>{t.removeEventListener("sl-input",b)}}),[h.current]);const b=w((t=>{var e,r;if("tel"!==(null===(r=null===(e=t.target)||void 0===e?void 0:e.type)||void 0===r?void 0:r.toLowerCase()))return;const o=new X("US");t.target.value=o.input(t.target.value)}),[]);let y="";return y=(null===(e=null==v?void 0:v.response)||void 0===e?void 0:e.error)||(null==v?void 0:v.message)&&!(null===(r=null==v?void 0:v.response)||void 0===r?void 0:r.errors.length)?t.networkErrorMessage:(null===(s=null===(i=null===(a=null===(o=null==v?void 0:v.response)||void 0===o?void 0:o.errors)||void 0===a?void 0:a[0])||void 0===i?void 0:i.extensions)||void 0===s?void 0:s.message)||(null===(u=null===(c=null===(l=null==v?void 0:v.response)||void 0===l?void 0:l.errors)||void 0===c?void 0:c[0])||void 0===u?void 0:u.message)||(null==m?void 0:m.error),{states:{loading:g,error:y,registrationFormState:m,confirmPassword:t.confirmPassword,hideInputs:t.hideInputs,loginPath:t.loginPath,disablePasswordValidation:t.disablePasswordValidation},callbacks:{submit:async e=>{var r;let o=e.target.getFormControls(),a={},i={};if(null==o||o.forEach((e=>{if(!e.name)return;const r=e.name,o=e.value;if(M.set(a,r,o),e.required&&!o&&M.set(i,r,t.requiredFieldErrorMessage),"function"==typeof e.validationError){const t=(0,e.validationError)({control:e,key:r,value:o});t&&M.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:s}=a;delete a.email,delete a.password,delete a.confirmPassword,a={...a};const l={email:n,password:s,formData:a,redirectPath:t.redirectPath};try{const e=await f(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 a;const i={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(wt,{states:t,callbacks:r,content:i,refs:o})}};function xr(t,r){const o=B({Container:{color:t.textColor||"var(--sqm-text)",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=o.toString();return e("div",{class:o.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:o.classes.Header},e("div",{class:o.classes.Header,part:"sqm-header"},t.header)),e("div",{class:o.classes.Grid,part:"sqm-grid-container"},r))}const wr=class{constructor(e){t(this,e),this.ignored=!0,i(this)}disconnectedCallback(){}render(){return e(xr,Object.assign({},D(this)),e("slot",null))}};function kr(t){const r=B({Container:{display:"flex",flexDirection:"column",width:"100%",padding:"var(--sl-spacing-x-large)",lineHeight:"var(--sl-line-height-dense)",borderRadius:t.borderRadius?`${t.borderRadius}px`:"var(--sqm-border-radius-normal)",color:t.textColor||"var(--sqm-text)",background:t.backgroundColor||"var(--sqm-accent-color-background)","@media (max-width: 499px)":{flexDirection:"row",width:"auto",paddingBottom:"var(--sl-spacing-large)"}},Text:{"@media (max-width: 499px)":{marginLeft:"var(--sl-spacing-large)"}},Header:{color:t.textColor||"var(--sqm-text)",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:{color:t.textColor||"var(--sqm-text)",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:t.iconBackgroundColor||"var(--sl-color-white)",color:t.iconColor||"var(--sqm-accent-color-icon)",fontSize:"26px",textAlign:"center",lineHeight:"72px",display:"flex",alignItems:"center",justifyContent:"center"}}),o=r.toString();return e("div",{class:r.classes.Container,part:"sqm-base"},e("style",{type:"text/css"},o),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 Cr=class{constructor(e){t(this,e),i(this)}disconnectedCallback(){}render(){return e(kr,Object.assign({},D(this)))}},Er=u("sq:useProgramMenu"),_r=class{constructor(e){t(this,e),this.ignored=!0,i(this)}disconnectedCallback(){}render(){const{data:t,ref:o}=function(t){const e=v(),r=p();Er({programId:e,props:t});const o=d(),[,a]=C();return n((()=>{var t;null===(t=o.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}))}))}),[o.current]),{data:{programId:e},callbacks:{rerender:a},ref:o}}(D(this));return e(r,{style:{display:"contents"}},e("sl-select",{style:{paddingBottom:"var(--sl-spacing-large)"},value:t.programId,ref:t=>o.current=t},e("slot",null)))}};function Fr(t){const r=B({Container:{borderRadius:t.borderRadius||"var(--sqm-border-radius-normal)",color:t.textColor||"var(--sqm-text)",background:t.backgroundColor||"var(--sqm-portal-background)",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"}}}),o=r.toString();return e("div",{part:"sqm-base",class:r.classes.Container,style:{border:t.hideBorder?"none":`var(--sqm-border-thickness) solid ${t.borderColor||"var(--sqm-border-color)"}`,"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"},o,"\n    :host{\n      display: block;   \n    }\n  "),t.hasHeader&&e("div",{class:r.classes.EndContainer},t.slots.header),e("div",{part:"sqm-column-container",class:r.classes.ColumnContainer,style:{alignItems:t.verticalAlignment}},t.slots.left,t.slots.right),t.hasFooter&&e("div",{class:r.classes.EndContainer},t.slots.footer))}const Ir=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.limitWidth=!1,i(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=z(),o=r.findIndex((t=>"header"===t.slot))>-1,a=r.findIndex((t=>"footer"===t.slot))>-1;return e(Fr,Object.assign({},D(this),{slots:t,hasHeader:o,hasFooter:a}),e("slot",null))}},Sr=f.gql`
+  query getUser($programId: ID) {
+    viewer {
+      ... on User {
+        referralCode(programId: $programId)
+      }
+    }
+  }
+`,Tr=class{constructor(e){t(this,e),this.ignored=!0,this.iframeHeight="100%",this.iframeWidth="100%",i(this)}disconnectedCallback(){}render(){const t=L([{attribute:"iframe-src",value:this.iframeSrc}]);if(t)return e(W,{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:o,data:a}=m()?(i=D(this),P({states:{content:{iframeSrc:"https://example.com",...i}},data:{shareCode:"SHARECODE123"}},i.demoData||{},{arrayMerge:(t,e)=>e})):function(t){var e;const r=v(),o=g(),{data:a}=x(Sr,{programId:r},!(null==o?void 0:o.jwt)||!r);return{states:{content:t},data:{shareCode:null===(e=null==a?void 0:a.viewer)||void 0===e?void 0:e.referralCode}}}(D(this));var i;return e(r,{style:{display:"contents"}},e(kt,{data:a,states:o}))}},Rr=class{constructor(e){t(this,e),this.ignored=!0,this.emailLabel="Email",this.firstNameLabel="First Name",this.lastNameLabel="Last Name",this.registerLabel="Claim Your Reward",this.includeName=!1,this.hideBorder=!1,this.requiredFieldErrorMessage="Cannot be empty",this.invalidEmailErrorMessage="Please enter a valid email address",this.networkErrorMessage="There was a problem signing you in. Please wait a moment and try again. If this problem continues, contact Support for help resolving this issue.",this.fraudErrorMessage="Our team will review this referral. If approved, you and your friend will receive your rewards. Need help? Reach out to our Support team.",this.fraudErrorMessageTitle="Looks like you tried referring yourself",this.paddingTop="large",this.paddingRight="large",this.paddingBottom="large",this.paddingLeft="large",this.includeCookies=!0,i(this)}disconnectedCallback(){}render(){const{states:t,callbacks:r}=m()?P({states:{error:"",loading:!1},callbacks:{submit:async()=>{S({id:"referrer@example.com",accountId:"referrer@example.com",jwt:"eyJraWQiOiJlNjI2NzQxNy1jMzZlLTRlM2EtYjM5NS1lYTFmY2YyNmU3YzIiLCJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiJ9.eyJzdWIiOiJjbVZtWlhKeVpYSkFaWGhoYlhCc1pTNWpiMjA9OmNtVm1aWEp5WlhKQVpYaGhiWEJzWlM1amIyMD1AdGVzdF9heGJndGF0dzF0Y2NwOnVzZXJzIiwicGFzc3dvcmRsZXNzIjp0cnVlLCJpc3MiOiJodHRwczovL3N0YWdpbmcucmVmZXJyYWxzYWFzcXVhdGNoLmNvbS8iLCJleHAiOjE2ODA4ODU5MTksImlhdCI6MTY4MDc5OTUxOX0.kjmTVVf_BTb-uMNKnadLyNLxMFwpkefsY02O3iAfBVIJJZZfeZMwunPlKsS3Vbp28aYRClBjH5Wj4pYxDn23D0CdZx8KNCqiJ8yF6149O9SPMkRseoJkliqS6LyvMOEDjGDkuLfcC8_hq1AHBXFt5BdCtWOk1gwf_5R9A0w5gXEIvprBzbNDLbuo88bVAlrmFNvfttXXryrpUeruMal7cBKuy02YblBrB4kKoyJiprU5GLEjciBA4A56u8TwQc0kbsPf2YcQaJsY_IvkC7S1u4sPyObpq6iF6Ed8UYHAo6nU5KjZXyVtoUyeIS11mf_6OtDO6LyMNHV2FtEUUDdPCg"})}}},this.demoData||{},{arrayMerge:(t,e)=>e}):Y(this),o={fraudErrorMessage:this.fraudErrorMessage,fraudErrorMessageTitle:this.fraudErrorMessageTitle,emailLabel:this.emailLabel,registerLabel:this.registerLabel,firstNameLabel:this.firstNameLabel,lastNameLabel:this.lastNameLabel,includeName:this.includeName,hideBorder:this.hideBorder,invalidEmailErrorMessage:this.invalidEmailErrorMessage,requiredFieldErrorMessage:this.requiredFieldErrorMessage,paddingTop:this.paddingTop,paddingBottom:this.paddingBottom,paddingLeft:this.paddingLeft,paddingRight:this.paddingRight,backgroundColor:this.backgroundColor,topSlot:e("slot",{name:"top"}),bottomSlot:e("slot",{name:"bottom"})};return e($,{states:t,callbacks:r,content:o})}};var Ar={};!function t(e,r,o,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 s(t){var o=r.exports.Promise,a=void 0!==o?o:e.Promise;return"function"==typeof a?new a(t):(t(n,n),null)}var l,d,c,u,h,m,p,f,g=(c=Math.floor(1e3/60),u={},h=0,"function"==typeof requestAnimationFrame&&"function"==typeof cancelAnimationFrame?(l=function(t){var e=Math.random();return u[e]=requestAnimationFrame((function r(o){h===o||h+c-1<o?(h=o,delete u[e],t()):u[e]=requestAnimationFrame(r)})),e},d=function(t){u[t]&&cancelAnimationFrame(u[t])}):(l=function(t){return setTimeout(t,c)},d=function(t){return clearTimeout(t)}),{frame:l,cancel:d}),v=(f={},function(){if(m)return m;if(!o&&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,o,a){if(p)return e(r,null),p;var i=Math.random().toString(36).slice(2);return p=s((function(o){function n(e){e.data.callback===i&&(delete f[i],t.removeEventListener("message",n),p=null,a(),o())}t.addEventListener("message",n),e(r,i),f[i]=n.bind(null,{data:{callback:i}})}))},t.reset=function(){for(var e in t.postMessage({reset:!0}),f)f[e](),delete f[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(C)}function C(t){var e=String(t).replace(/[^0-9a-f]/gi,"");return e.length<6&&(e=e[0]+e[0]+e[1]+e[1]+e[2]+e[2]),{r:w(e.substring(0,2)),g:w(e.substring(2,4)),b:w(e.substring(4,6))}}function E(t){t.width=document.documentElement.clientWidth,t.height=document.documentElement.clientHeight}function _(t){var e=t.getBoundingClientRect();t.width=e.width,t.height=e.height}function F(t,r){var n,l=!t,d=!!y(r||{},"resize"),c=y(r,"disableForReducedMotion",Boolean),u=i&&y(r||{},"useWorker")?v():null,h=l?E:_,m=!(!t||!u||!t.__confetti_initialized),p="function"==typeof matchMedia&&matchMedia("(prefers-reduced-motion)").matches;function f(e,r,i){for(var l,d,c,u,m=y(e,"particleCount",x),p=y(e,"angle",Number),f=y(e,"spread",Number),v=y(e,"startVelocity",Number),b=y(e,"decay",Number),w=y(e,"gravity",Number),C=y(e,"drift",Number),E=y(e,"colors",k),_=y(e,"ticks",Number),F=y(e,"shapes"),I=y(e,"scalar"),S=function(t){var e=y(t,"origin",Object);return e.x=y(e,"x",Number),e.y=y(e,"y",Number),e}(e),T=m,R=[],A=t.width*S.x,q=t.height*S.y;T--;)R.push((void 0,void 0,d=(l={x:A,y:q,angle:p,spread:f,startVelocity:v,color:E[T%E.length],shape:F[(0,u=F.length,Math.floor(Math.random()*(u-0))+0)],ticks:_,decay:b,gravity:w,drift:C,scalar:I}).angle*(Math.PI/180),c=l.spread*(Math.PI/180),{x:l.x,y:l.y,wobble:10*Math.random(),velocity:.5*l.startVelocity+Math.random()*l.startVelocity,angle2D:-d+(.5*c-Math.random()*c),tiltAngle:Math.random()*Math.PI,color:l.color,shape:l.shape,tick:0,totalTicks:l.ticks,decay:l.decay,drift:l.drift,random:Math.random()+5,tiltSin:0,tiltCos:0,wobbleX:0,wobbleY:0,gravity:3*l.gravity,ovalScalar:.6,scalar:l.scalar}));return n?n.addFettis(R):(n=function(t,e,r,i,n){var l,d,c=e.slice(),u=t.getContext("2d"),h=s((function(e){function s(){l=d=null,u.clearRect(0,0,i.width,i.height),n(),e()}l=g.frame((function e(){!o||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),(c=c.filter((function(t){return function(t,e){e.x+=Math.cos(e.angle2D)*e.velocity+e.drift,e.y+=Math.sin(e.angle2D)*e.velocity+e.gravity,e.wobble+=.1,e.velocity*=e.decay,e.tiltAngle+=.1,e.tiltSin=Math.sin(e.tiltAngle),e.tiltCos=Math.cos(e.tiltAngle),e.random=Math.random()+5,e.wobbleX=e.x+10*e.scalar*Math.cos(e.wobble),e.wobbleY=e.y+10*e.scalar*Math.sin(e.wobble);var r=e.tick++/e.totalTicks,o=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-o)*e.ovalScalar,Math.abs(n-a)*e.ovalScalar,Math.PI/10*e.wobble,0,2*Math.PI):function(t,e,r,o,a,i,n,s){t.save(),t.translate(e,r),t.rotate(i),t.scale(o,a),t.arc(0,0,1,0,s,void 0),t.restore()}(t,e.x,e.y,Math.abs(i-o)*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(o),Math.floor(e.wobbleY))),t.closePath(),t.fill(),e.tick<e.totalTicks}(u,t)}))).length?l=g.frame(e):s()})),d=s}));return{addFettis:function(t){return c=c.concat(t),h},canvas:t,promise:h,reset:function(){l&&g.cancel(l),d&&d()}}}(t,R,h,r,i)).promise}function b(r){var o=c||y(r,"disableForReducedMotion",Boolean),a=y(r,"zIndex",Number);if(o&&p)return s((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)),d&&!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 v(){n=null,d&&e.removeEventListener("resize",g),l&&t&&(document.body.removeChild(t),t=null,m=!1)}return u&&!m&&u.init(t),m=!0,u&&(t.__confetti_initialized=!0),d&&e.addEventListener("resize",g,!1),u?u.fire(r,i,v):f(r,i,v)}return b.reset=function(){u&&u.reset(),n&&n.reset()},b}r.exports=F(null,{useWorker:!0,resize:!0}),r.exports.create=F}(function(){return"undefined"!=typeof window?window:"undefined"!=typeof self?self:this||{}}(),Ar,!1);const qr=Ar.exports,Nr=f.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
+        }
+      }
+    }
+  }
+`,Mr=f.gql`
+  mutation exchange($exchangeRewardInput: ExchangeRewardInput!) {
+    exchangeReward(exchangeRewardInput: $exchangeRewardInput) {
+      reward {
+        id
+        fuelTankCode
+      }
+    }
+  }
+`,Pr=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",this.stateController="{}",i(this)}disconnectedCallback(){}render(){const t={...D(this),empty:e(Dr,null)},{states:o,data:a,callbacks:i,refs:s}=m()?function(t){const e=Yt(t.stateController),r=Object.keys(e).reduce(((t,r)=>"sqm-reward-exchange-list"===r?{...t,...e[r]}:{...t,[`${r}_stateController`]:e[r]}),{});return P({...Et,content:{text:t}},t.demoData||r||{},{arrayMerge:(t,e)=>e})}(t):function(t){var e,r,o,a,i;const[s,c]=h(((t,e)=>({...t,...e})),{selectedItem:void 0,selectedStep:void 0,redeemStage:"chooseReward",amount:0,exchangeError:!1}),[u,m]=l(!1),{selectedItem:p,selectedStep:f,redeemStage:v,amount:b,exchangeError:w}=s,k=g(),[C,{data:E,loading:_,errors:F}]=y(Mr),{data:I,loading:S,refetch:R,errors:A}=x(Nr,{},!(null==k?void 0:k.jwt));n((()=>{var t,e;(null===(e=null===(t=null==E?void 0:E.exchangeReward)||void 0===t?void 0:t.reward)||void 0===e?void 0:e.id)&&c({redeemStage:"success",exchangeError:!1}),F&&c({exchangeError:!0})}),[E,F]);const q=d();n((()=>{if(!q.current)return;const t=q.current;t.confetti=t.confetti||qr.create(t,{resize:!0}),t.confetti()}),[q.current]);const{refresh:N}=T();return{states:{content:{text:t},selectedItem:p,redeemStage:v,amount:b,selectedStep:f,exchangeError:w,queryError:!!A,loading:S||_,open:u,noExchangeOptions:0===(null===(e=null==I?void 0:I.viewer)||void 0===e?void 0:e.visibleRewardExchangeItems.totalCount)},data:{exchangeList:null===(o=null===(r=null==I?void 0:I.viewer)||void 0===r?void 0:r.visibleRewardExchangeItems)||void 0===o?void 0:o.data,fuelTankCode:null===(i=null===(a=null==E?void 0:E.exchangeReward)||void 0===a?void 0:a.reward)||void 0===i?void 0:i.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:f.sourceValue,unit:p.sourceUnit},globalRewardKey:f.globalRewardKey};break;case"VARIABLE_GLOBAL_REWARD":t={...t,redeemCreditInput:{amount:b,unit:p.sourceUnit},globalRewardKey:p.globalRewardKey,rewardInput:f.rewardInput};break;case"VARIABLE_CREDIT_REWARD":t={...t,redeemCreditInput:{amount:b,unit:p.sourceUnit},rewardInput:{type:"CREDIT",unit:p.destinationUnit,assignedCredit:f.destinationValue}};break;default:t={...t,...f.rewardInput}}await C({exchangeRewardInput:t}),N()},setExchangeState:c,setStage:function(t){c({redeemStage:t})},resetState:t=>{t&&R(),c({amount:0,selectedStep:void 0,selectedItem:void 0,exchangeError:!1,redeemStage:"chooseReward"})},copyFuelTankCode:function(){var t,e;navigator.clipboard.writeText(null===(e=null===(t=null==E?void 0:E.exchangeReward)||void 0===t?void 0:t.reward)||void 0===e?void 0:e.fuelTankCode),m(!0),setTimeout((()=>m(!1)),1e3)}},refs:{canvasRef:q}}}(t);return e(r,{style:{display:"contents"}},e(Ct,{states:o,data:a,callbacks:i,refs:s}))}static get assetsDirs(){return["assets"]}};function Dr(){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 Lr=u("sq:useRouter");function Br(t,e){if(t)return V(t).exec(e)}const jr=class{constructor(e){t(this,e),this.ignored=!0,i(this)}disconnectedCallback(){}render(){const{callbacks:t}=function(){const t=R(),e=p(),[r,o]=l(void 0),[a,i]=l(void 0),s=t.pathname;return n((()=>{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)}))}),[]),n((()=>{var t,e;if(!a||!r)return void Lr("DOM not ready for navigation rendering on:",s);const o=r.querySelectorAll("template"),i=Array.from(o).find((t=>{var e,r,o;if(null===(o=Br(null===(r=null===(e=t.attributes)||void 0===e?void 0:e.path)||void 0===r?void 0:r.nodeValue,s))||void 0===o?void 0:o.length)return t})),n=null===(e=null===(t=null==i?void 0:i.attributes)||void 0===t?void 0:t.path)||void 0===e?void 0:e.nodeValue;if(Lr({containerDatasetPage:a.dataset.page,templatePath:n,page:s}),!i)return Lr("No matching page found for ",s,", so render nothing"),a.innerHTML="",void(a.dataset.page=s);Lr("Page updated to ",s,i),Br(n,a.dataset.page)?Lr("don't rerender"):i&&(a.innerHTML=i.innerHTML,a.dataset.page=s)}),[r,a,s]),{callbacks:{setSlot:o,setContainer:i}}}();return e(r,null,e("div",{ref:t.setSlot,style:{display:"none"}},e("slot",null)),e("div",{style:{display:"contents"},ref:t.setContainer}))}};jr.style="sqm-router{display:contents}";const Or=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",i(this)}disconnectedCallback(){}render(){const t=D(this),r=m()?function(t){return P({...t,loading:!1,hide:!1,onClick:()=>{}},t.demoData||{},{arrayMerge:(t,e)=>e})}(t):_t(t);return e(Ft,Object.assign({},r),e("slot",null))}};Or.style=":host{display:block}:host([hidden]){display:none}sl-button{display:block}";const zr=f.gql`
+  query ($programId: ID) {
+    user: viewer {
+      ... on User {
+        referralCode(programId: $programId)
+      }
+    }
+  }
+`,Vr=f.gql`
+  mutation loadEvent($eventMeta: UserAnalyticsEvent!) {
+    createUserAnalyticsEvent(eventMeta: $eventMeta)
+  }
+`,$r=class{constructor(e){t(this,e),this.tooltiptext="Copied to Clipboard",this.tooltiplifespan=1e3,this.textAlign="left",this.copyButtonLabel="Copy Code",this.buttonStyle="icon",this.buttonType="primary",i(this)}disconnectedCallback(){}render(){const t=D(this),r=m()?function(t){const[e,r]=l(!1),o="SHARECODE001";return P({copyString:o,tooltiptext:t.tooltiptext,textAlign:t.textAlign,copyButtonLabel:t.copyButtonLabel,buttonStyle:t.buttonStyle,backgroundColor:t.backgroundColor,textColor:t.textColor,borderRadius:t.borderRadius,borderColor:t.borderColor,buttonType:t.buttonType,rewardStatus:"AVAILABLE",open:e,onClick:()=>{navigator.clipboard.writeText(o),r(!0),setTimeout((()=>r(!1)),t.tooltiplifespan)}},t.demoData||{},{arrayMerge:(t,e)=>e})}(t):function(t){var e,r;const{programId:o=v()}=t,a=g(),i=b(),{data:n}=x(zr,{programId:o},!(null==a?void 0:a.jwt)),[s]=y(Vr),d=null!==(r=null===(e=null==n?void 0:n.user)||void 0===e?void 0:e.referralCode)&&void 0!==r?r:"...",[c,u]=l(!1);return{...t,onClick:function(){navigator.clipboard.writeText(d),u(!0),setTimeout((()=>u(!1)),t.tooltiplifespan),s({eventMeta:{programId:o,id:null==a?void 0:a.id,accountId:null==a?void 0:a.accountId,type:"USER_REFERRAL_PROGRAM_ENGAGEMENT_EVENT",meta:{engagementMedium:i,shareMedium:"DIRECT"}}})},open:c,copyString:d}}(t);return e(j,Object.assign({},r))}},Ur=class{constructor(e){t(this,e),this.tooltiptext="Copied to Clipboard",this.tooltiplifespan=1e3,this.textAlign="left",this.copyButtonLabel="Copy Link",this.buttonType="primary",this.buttonStyle="icon",i(this)}disconnectedCallback(){}render(){const t=D(this),r=m()?function(t){const[e,r]=l(!1),o="https://www.example.com/sharelink/abc";return P({copyString:o,tooltiptext:t.tooltiptext,textAlign:t.textAlign,buttonStyle:t.buttonStyle,backgroundColor:t.backgroundColor,textColor:t.textColor,borderRadius:t.borderRadius,buttonType:t.buttonType,copyButtonLabel:t.copyButtonLabel,borderColor:t.borderColor,rewardStatus:"AVAILABLE",open:e,onClick:()=>{navigator.clipboard.writeText(o),r(!0),setTimeout((()=>r(!1)),t.tooltiplifespan)}},t.demoData||{},{arrayMerge:(t,e)=>e})}(t):It(t);return e(j,Object.assign({},r))}},Hr=class{constructor(e){t(this,e),this.ignored=!0,this.space="xxx-large",this.display="flex",this.alignment="center",this.gap="x-large",i(this)}disconnectedCallback(){}render(){return e(St,Object.assign({},D(this)),e("slot",null))}},Yr=f.gql`
+  mutation taskCardEvent($userEventInput: UserEventInput!) {
+    logUserEvent(userEventInput: $userEventInput) {
+      userId
+    }
+  }
+`,Wr=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,this.buttonType="primary",i(this)}disconnectedCallback(){}render(){const{props:t}=m()?et(D(this)):rt({...D(this),programId:this.programId}),{value:r,loading:o}=t,{states:a,callbacks:i}=m()?function(t){return P({content:{...t},states:{loadingEvent:!1,locale:"en"},callbacks:{sendEvent:t=>console.log(t),onClick:()=>console.log("clicked")}},t.demoData||{},{arrayMerge:(t,e)=>e})}(D(this)):function(t){const e=g(),r=k(),[o,{data:a,loading:i}]=y(Yr),{refresh:s}=T();function l(){t.openNewTab?window.open(t.buttonLink):window.open(t.buttonLink,"_parent")}function d(t){o({userEventInput:{userId:null==e?void 0:e.id,accountId:null==e?void 0:e.accountId,events:[{key:t,fields:{}}]}})}return n((()=>{a&&(s(),l())}),[a]),{states:{loadingEvent:i,locale:r},styles:{card:{backgroundColor:t.backgroundColor,textColor:t.textColor,borderColor:t.borderColor,borderRadius:t.borderRadius,buttonType:t.buttonType}},callbacks:{sendEvent:d,onClick:function(){t.eventKey?d(t.eventKey):l()}}}}(this);return e(Tt,{callbacks:i,states:{loading:o,loadingEvent:a.loadingEvent,progress:r,locale:a.locale},content:{...D(this)}})}},Gr=class{constructor(e){t(this,e),this.step1_firstName="First name",this.step1_lastName="Last name",this.step1_email="Email",this.step1_country="Country",this.step1_phoneNumber="Phone number",this.step1_address="Address",this.step1_city="City",this.step1_state="State",this.step1_province="Province",this.step1_region="Region",this.step1_postalCode="Postal code",this.step1_currency="Currency",this.step1_currencyHelpText="Choose your preferred payout currency",this.step1_allowBankingCollection="I have read the {termsAndConditionsLink} and allow impact.com to collect my tax and banking information",this.step1_personalInformation="Personal Information",this.step1_termsAndConditionsLabel="terms and conditions",this.step1_termsAndConditionsLink="https://terms.advocate.impact.com/PayoutTermsAndConditions.html",this.step1_searchForCurrencyText="Search for currency..",this.step2_indirectTax="Indirect Tax",this.step2_indirectTaxDescription="Indirect taxes (e.g. VAT, HST, GST) are transaction based taxes often applied to goods and services. Service providers are typically required to register with their tax authority and collect these taxes on behalf governments.",this.step2_indirectTaxDetails="Indirect tax details",this.step2_otherRegion="Registered for indirect tax",this.step2_otherRegionSubtext="If you’ve registered with your tax authority, add your information to stay tax compliant.",this.step2_notRegistered="Not registered for indirect tax",this.step2_notRegisteredSubtext="If you’ve never set up indirect tax with your tax authority, then you’re likely not considered registered.",this.step2_selectedRegion="Country / region of indirect tax",this.step2_indirectTaxNumber="{taxType, select, GST {GST number} HST {HST number} VAT {VAT number} CT {CT number} SST {SST number} GENERAL {Indirect tax number}}",this.step2_province="Province",this.step2_indirectTaxNumberError="{taxType, select, GST {GST number} HST {HST number} VAT {VAT number} CT {CT number} SST {SST number} GENERAL {Indirect tax number}} is required",this.step2_qstNumber="QST number",this.step2_isRegisteredQST="I am registered for QST Tax",this.step2_isRegisteredSubRegionIncomeTax="I am an individual registered for Income Tax purposes in Spain, and withholding tax will apply to any payments made to me.",this.step2_subRegion="Sub-region",this.step2_subRegionTaxNumberLabel="Income Tax Number",this.step2_cannotChangeInfoAlert="Changes to your personal and indirect tax information can only be made through our {supportLink} after you complete this step. Make sure these are correct before continuing.",this.step3_taxForm="Tax form",this.step3_taxFormLabel="{documentType} Tax Form",this.step3_participantType="Participant type",this.step3_businessEntity="I represent a business",this.step3_individualParticipant="I am an individual participant",this.step3_taxFormDescription="Participants based in the US need to submit a {documentType} form.",this.step3_taxFormDescriptionIndividualParticipant="Participants residing outside of the US, joining the referral program of a US-based company, need to submit a {documentType} form.",this.step3_taxFormDescriptionBusinessEntity="Participants residing outside of the US working with a US Brand need to submit a {documentType} form.",this.step3_docusignExpired="For your security and privacy, we automatically end your session after 20 minutes of inactivity. Please refresh and re-enter your tax information to continue.",this.step3_docusignSessionWarning="For your security, we automatically end your session when you have not interacted with the form after 20 minutes.",this.step3_docusignError="There was a problem displaying this form. Please refresh the page. If this problem continues, contact our {supportLink}.",this.step3_refreshButton="Refresh Page",this.step3_exitButton="Exit",this.step3_modalTitle="Important Note",this.step3_modalDescription="Remember the name you enter in your tax form. It must exactly match the bank account holder name configured in the next step. {br}{br}Otherwise you will have to resubmit your form again and there will be delays receiving your payout.",this.step3_modalButtonText="I understand",this.step4_taxAndPayouts="Payouts",this.step4_directlyToBankAccount="Directly to my bank account",this.step4_toPayPalAccount="PayPal (2% processing fee capped to {feeCap})",this.step4_paymentScheduleBalanceThreshold="Pay me when my balance reaches a threshold",this.step4_paymentScheduleFixedDay="Pay me on a fixed day of the month",this.step4_paymentDaySelectLabel="Payment Day",this.step4_paymentThresholdSelectLabel="Payment threshold",this.step4_paymentDayFirstOfMonthLabelText="1st of the month",this.step4_paymentDayFifteenthOfMonthLabelText="15th of the month",this.step4_paymentMethod="Payment method",this.step4_paymentSchedule="Payment schedule",this.step4_paymentMethodSubtext="Payouts will be sent from our referral program provider, impact.com.",this.step4_payPalInputLabel="PayPal email",this.step4_bankLocationLabel="Bank country location",this.step4_beneficiaryAccountNameLabel="Account holder name",this.step4_beneficiaryAccountNameDescription="The beneficiary name of your bank account. Ensure this matches the name on your tax form.",this.step4_bankAccountTypeLabel="Bank account type",this.step4_checkingSelectItemLabel="Checking",this.step4_savingsSelectItemLabel="Savings",this.step4_bankAccountNumberLabel="Bank account number",this.step4_ibanLabel="IBAN",this.step4_swiftCodeLabel="SWIFT code",this.step4_routingCodeLabel="{bankCountry, select, AU {BSB number} CA {Routing number} CZ {Bank code} HK {Clearing code} SG {Clearing code} US {ABA routing number} NZ {BSB number} ZA {Bank/Branch number} IN {IFSC} CNY {CNAPS} other {Routing code} }",this.step4_bankNameLabel="Bank name",this.step4_classificationEntityLabel="Classification entity",this.step4_businessSelectItemLabel="Business",this.step4_individualSelectItemLabel="Individual",this.step4_foreignSelectItemLabel="Foreign",this.step4_classificationCPFLabel="Classification CPF",this.step4_patronymicNameLabel="Patronymic name",this.step4_voCodeLabel="VO code",this.step4_agencyCodeLabel="Agency code",this.step4_branchCodeLabel="Branch code",this.step4_classificationLabel="Classification",this.step4_taxPayerIdLabel="Beneficiary INN",this.step4_bankAddressLabel="Bank address",this.step4_bankCityLabel="Bank city",this.step4_bankStateLabel="Bank Province / State",this.step4_bankPostalCodeLabel="Bank postal code",this.step4_eftWithdrawalLabel="EFT Withdrawal (free)",this.step4_fxWireProcessingFeeLabel="FX Wire (Processing Fee {currency}{defaultFxFee}.00)",this.step4_verifyEmailHeaderText="Verify your email",this.step4_verifyEmailDescriptionText="Verify your email to update your payment settings. Enter the code sent to {email} from our referral provider, impact.com.",this.step4_modalTitle="Important Note",this.step4_modalDescription="Updating payment information places your account and payouts on hold for up to 48 hours while we verify your change. Payments scheduled during the hold period are skipped.",this.step4_modalButtonText="I understand, update my information",this.dashboard_statusTextActive="Active",this.dashboard_statusTextNotActive="Invalid Tax Form",this.dashboard_statusTextNotVerified="Not Verified",this.dashboard_statusTextRequired="Required",this.dashboard_requiredTaxForm="Your payouts are on hold until you submit a {taxFormType} tax form.",this.dashboard_badgeTextSubmittedOn="Submitted on {dateSubmitted}.",this.dashboard_badgeTextSubmittedOnW8="Submitted on {dateSubmitted}. Valid for three years after submission.",this.dashboard_badgeTextAwaitingReview="Awaiting review. Submitted on {dateSubmitted}.",this.dashboard_taxAlertHeaderNotActiveW9="Your W-9 tax form has personal information that doesn’t match your profile",this.dashboard_taxAlertHeaderNotActiveW8="{documentType} tax form is invalid",this.dashboard_taxAlertNotActiveMessageW9="Please resubmit a new {documentType} form.",this.dashboard_taxAlertNotActiveMessageW8="Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new {documentType} form.",this.dashboard_invalidForm="Make sure your information is correct and submit new form.",this.dashboard_bankingInformationSectionHeader="Payout Information",this.dashboard_taxDocumentSectionHeader="Tax documents",this.dashboard_taxDocumentSectionSubHeader="{documentType} tax form",this.dashboard_noFormNeededSubtext="Tax documents are only required if you are based in the US or joining the referral program of a US based brand.",this.dashboard_indirectTaxInfoSectionHeader="Indirect tax",this.dashboard_indirectTaxInfoCanada="Registered in {province}, {country}",this.dashboard_indirectTaxInfoOtherCountry="Registered in {country}",this.dashboard_indirectTaxInfoSpain="Registered in {country}, {subRegion}",this.dashboard_indirectTaxTooltipSupport="To make changes to your indirect tax information, please contact our {supportLink}.",this.dashboard_indirectTaxDetails="{indirectTaxType} number: {indirectTaxNumber}",this.dashboard_newFormButton="Submit new tax form",this.dashboard_editPaymentInformationButton="Edit payout information",this.dashboard_notRegisteredForTax="Not registered for indirect tax. If you’ve previously registered with your tax authority, contact our {supportLink} to add your information to stay tax compliant.",this.dashboard_qstNumber="QST number: {qstNumber}",this.dashboard_subRegionTaxNumber="Income tax number: {subRegionTaxNumber}",this.dashboard_statusBadgeText="{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} }",this.dashboard_thresholdPayoutText="Next payout occurs when balance is {thresholdBalance}",this.dashboard_accountText="Account",this.dashboard_invoiceColumnTitle="Invoice",this.dashboard_dateColumnTitle="Date",this.dashboard_earningsColumnTitle="Earnings",this.dashboard_indirectTaxColumnTitle="Indirect tax",this.dashboard_payoutFromImpact="Your balance may take up to 24 hours to update. Payouts will be sent from our referral program provider, impact.com.",this.dashboard_earningsAfterTaxColumnTitle="Earnings after tax",this.dashboard_payoutHoldAlertHeader="Your payout is on hold",this.dashboard_payoutHoldAlertDescription="Please contact our {supportLink} or check your inbox for an email from our referral program provider, impact.com.",this.dashboard_payoutMissingInformationText="Missing banking information, go to Impact.com to resolve.",this.dashboard_invoiceDescription="View and download your invoices to report your earnings and stay tax compliant.",this.dashboard_invoicePrevLabel="Prev",this.dashboard_invoiceMoreLabel="Next",this.dashboard_invoiceHeader="Invoices",this.dashboard_invoiceEmptyStateHeader="View your invoice details",this.dashboard_invoiceEmptyStateText="Refer a friend to view the status of your invoices and rewards earned",this.dashboard_replaceTaxFormModalHeader="Replace existing tax form",this.dashboard_replaceTaxFormModalBodyText="Submitting a new tax form will remove your existing form. Make sure to sign and complete your new tax form to prevent any issues with your next payout.",this.dashboard_verificationRequiredHeader="Verify your identity",this.dashboard_verificationRequiredDescription="Complete your verification to start receiving your cash rewards. It should only take a few minutes verify. If you run in to an issue verifying your identity contact our {supportLink}.",this.dashboard_verificationRequiredInternalHeader="Identity verification in progress",this.dashboard_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.dashboard_verificationReviewInternalHeader="Identity verification under review",this.dashboard_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.dashboard_verificationFailedInternalHeader="Identity verification usuccessful",this.dashboard_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.dashboard_verificationRequiredButtonText="Start Verification",this.dashboard_w9RequiredHeader="Your next payout is on hold",this.dashboard_w9RequiredDescription="You have surpassed the $600 threshold requiring a W-9 form or have multiple accounts with impact.com. To remove the hold, please submit your W-9 form.",this.dashboard_accountReviewHeader="Your account is under review",this.dashboard_accountReviewDescription="This process takes 48 hours, payouts are on hold until it's completed. You will receive an email from our referral provider, Impact.com, if any issues arise.  It contains details on how to resolve this issue. If you need further assistance, please reach out to our {supportLink}.",this.dashboard_paymentOnHoldHeader="We are reviewing your new payout settings",this.dashboard_paymentOnHoldDescription="Your payout is temporarily on hold while we review your new payment information, this process is usually resolved within 48 hours.",this.dashboard_beneficiaryNameInvalidHeader="Your payment information does not match your tax form",this.dashboard_beneficiaryNameInvalidDescription="The account holder (beneficiary) name in your payment information does not match what was submitted in your tax form. Please review and update your payment information or tax form so that they match exactly and do not include any invalid characters. Your payouts are on hold until this is resolved.",this.dashboard_beneficiaryNameMismatchHeader="Your payment information does not match your tax form",this.dashboard_beneficiaryNameMismatchDescription="The account holder (beneficiary) name in your payment information does not match what was submitted in your tax form. Please review and update your payment information or tax form so that they match exactly and do not include any invalid characters. Your payouts are on hold until this is resolved.",this.dashboard_bankNameMismatchHeader="Your payment information does not match your tax form",this.dashboard_bankNameMismatchDescription="The bank account (beneficiary) name in your payment information does not match what was submitted in your tax form. Please review and update your payment information or tax form so that they match exactly and do not include any invalid characters. Your payouts are on hold until this is resolved.",this.dashboard_withdrawalSettingsInvalidHeader="Your payment information is incomplete or includes invalid characters",this.dashboard_withdrawalSettingsInvalidDescription="There are missing fields or invalid characters in your payment information. Please review your information and make sure it is correct. Your payouts are on hold until this is resolved.",this.dashboard_paymentReturnedHeader="Payout unsuccessful",this.dashboard_paymentReturnedDescription="Our recent payment attempt for your earnings was unsuccessful. Please review your payment information and make sure it is correct.",this.dashboard_termsAndConditions="Terms and Conditions",this.dashboard_w9RequiredButtonText="Submit W-9",this.formStep="Step {step} of {count}",this.generalErrorTitle="There was a problem submitting your information",this.generalErrorDescription="Please review your information and try again. If this problem continues, contact our {supportLink}.",this.fieldRequiredError="{fieldName} is required",this.invalidCharacterError="{fieldName} includes characters that aren't supported.",this.fieldInvalidError="{fieldName} is invalid",this.continueButton="Continue",this.backButton="Back",this.cancelButton="Cancel",this.isPartnerAlertHeader="An account with this email already exists with our referral program provider, impact.com",this.isPartnerAlertDescription="If you don’t recognize this referral program provider or believe this is a mistake, please contact our {supportLink} or sign up for this referral program with a different email.",this.searchForCountryText="Search for country..",this.loadingErrorAlertHeader="There was a problem loading your form",this.loadingErrorAlertDescription="Please refresh the page and try again. If this problem continues, contact our {supportLink}.",this.taxAndPayoutsDescription="Submit your tax documents and add your banking information to receive your rewards.",this.supportLink="support team",this.termsAndConditions="Terms and Conditions",this.stateController="{}",i(this)}disconnectedCallback(){}getGeneralStepTextProps(t){const e=D(this);return{...Wt(e,t),generalErrorTitle:e.generalErrorTitle,generalErrorDescription:e.generalErrorDescription,fieldRequiredError:e.fieldRequiredError,invalidCharacterError:e.invalidCharacterError,fieldInvalidError:e.fieldInvalidError,continueButton:e.continueButton,backButton:e.backButton,cancelButton:e.cancelButton,isPartnerAlertHeader:e.isPartnerAlertHeader,isPartnerAlertDescription:e.isPartnerAlertDescription,loadingErrorAlertHeader:e.loadingErrorAlertHeader,loadingErrorAlertDescription:e.loadingErrorAlertDescription,taxAndPayoutsDescription:e.taxAndPayoutsDescription,searchForCountryText:e.searchForCountryText,formStep:e.formStep,supportLink:e.supportLink}}render(){var t,r;const o=m()?function(t){const[e,r]=q({namespace:Rt,initialValue:"/1"}),o=Yt(t.stateController),a=Object.keys(o).reduce(((t,e)=>"sqm-tax-and-cash"===e?{...t,...o[e]}:{...t,[`${e}_stateController`]:o[e]}),{});return P({step:e,setStep:r},t.demoData||a||{},{arrayMerge:(t,e)=>e})}(this):function(){var t,e,r,o,a;const i=p(),s=g(),l=k(),[d,u]=q({namespace:Rt,initialValue:"/loading"}),[h,m]=q({namespace:At,initialValue:{}}),[f,v]=q({namespace:qt,initialValue:{firstName:void 0,lastName:void 0,email:void 0,countryCode:void 0,currency:void 0}}),[b,y]=q({namespace:Nt,initialValue:[]}),[x,w]=q({namespace:Mt,initialValue:[]}),[C,E]=q({namespace:Pt,initialValue:[]}),{data:_,errors:F}=N({namespace:Lt,query:Bt,skip:!s,options:{batch:!1}}),I=(null===(r=null===(e=null===(t=null==_?void 0:_.user)||void 0===t?void 0:t.impactConnection)||void 0===e?void 0:e.publisher)||void 0===r?void 0:r.countryCode)||f.countryCode;N({namespace:jt,query:Ot,skip:!s});const{data:S}=N({namespace:zt,query:Vt,skip:!s,variables:{filter:function(){var t,e,r;return"/1"===d?{}:"/4"===d?{currency_eq:null===(r=null===(e=null===(t=null==_?void 0:_.user)||void 0===t?void 0:t.impactConnection)||void 0===e?void 0:e.publisher)||void 0===r?void 0:r.currency}:I?{countryCode_eq:I}:{}}()}}),{data:T}=N({namespace:$t,query:Ut,skip:!s,variables:{locale:l}}),R=c((()=>{var t,e;return null===(e=null===(t=null==S?void 0:S.impactFinanceNetworkSettings)||void 0===t?void 0:t.data)||void 0===e?void 0:e.reduce(((t,e)=>{var r,o;const a=null===(o=null===(r=null==T?void 0:T.currencies)||void 0===r?void 0:r.data)||void 0===o?void 0:o.find((t=>t.currencyCode===e.currency));return a?t.find((t=>t.currencyCode===e.currency))||f.countryCode&&e.countryCode!==I?t:[...t,a]:t}),[])}),[S,I]),M=(null==l?void 0:l.replace("_","-"))||"en",P=(t,e)=>t.displayName<e.displayName?-1:1,D=null===(o=null==S?void 0:S.impactFinanceNetworkSettings)||void 0===o?void 0:o.data,L=c((()=>new Set(null==D?void 0:D.map((t=>t.countryCode)).filter((t=>t)))),[D]),B=["CA","GB","US"],j=c((()=>Array.from(L).map((t=>Dt({countryCode:t,locale:M}))).sort(P).reduce(((t,e)=>B.includes(e.countryCode)?[e,...t]:[...t,e]),[])),[L]);return n((()=>{j&&E(j)}),[j]),n((()=>{R&&y(R)}),[R]),n((()=>{if(F)u("/error");else if(i&&s&&_){const t=null==_?void 0:_.user;if(!t||"/loading"!==d)return;const e=function(t){var e,r;if(!(null===(e=t.impactConnection)||void 0===e?void 0:e.connected)||!(null===(r=t.impactConnection)||void 0===r?void 0:r.publisher))return"/1";const{requiredTaxDocumentType:o,currentTaxDocument:a,withdrawalSettings:i,brandedSignup:n,payoutsAccount:s}=t.impactConnection.publisher;return o&&!a?s.hold&&s.holdReasons.includes("NO_W9_DOCUMENT")?"/dashboard":"/3":!i&&n?"/4":"/dashboard"}(t);u(e)}}),[i,s,null===(a=null==_?void 0:_.user)||void 0===a?void 0:a.email,F]),{step:d,setStep:u,context:h,namespace:A(Rt),loading:"/loading"===d}}();if(null===(t=this.demoData)||void 0===t?void 0:t.showTextProps){const t=D(this);return e("div",null,null===(r=Object.keys(t))||void 0===r?void 0:r.map((t=>{if("demoData"!==t)return e("div",null,e("b",null,t,":")," ",this[t],e("hr",null))})))}switch(o.step){case"/1":return e("sqm-user-info-form",Object.assign({},this.getGeneralStepTextProps("step1_")));case"/2":return e("sqm-indirect-tax-form",Object.assign({},this.getGeneralStepTextProps("step2_")));case"/3":return e("sqm-docusign-form",Object.assign({},this.getGeneralStepTextProps("step3_")));case"/4":return e("sqm-banking-info-form",Object.assign({},this.getGeneralStepTextProps("step4_")));case"/dashboard":return e("sqm-tax-and-cash-dashboard",Object.assign({},this.getGeneralStepTextProps("dashboard_"),{stateController:o["sqm-tax-and-cash-dashboard_stateController"]||"{}"}));case"/error":return e(tt,{loadingErrorAlertHeader:this.loadingErrorAlertHeader,loadingErrorAlertDescription:a.formatMessage({id:"loadingErrorAlertDescription",defaultMessage:this.loadingErrorAlertDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},this.supportLink)})})}return e(Ht,null)}},Kr=class{constructor(e){t(this,e),this.ignored=!0,this.icon="gift",i(this)}disconnectedCallback(){}render(){return z().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))}},Jr=()=>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"})),Zr=()=>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"}));function Xr(t){var r;const o=null!==(r=t.icon)&&void 0!==r?r:t.iconState,a=B({TimelineReward:{color:t.textColor||"var(--sqm-text)",lineHeight:"var(--sl-line-height-dense)","& .container":{display:"flex"},"& .line":{display:"none",color:"transparent",userSelect:"none",background:t.lineColor||"var(--sqm-accent-color-icon)",width:"4px",borderRadius:"4px",margin:"-2px",position:"relative",left:"12px",top:"34px"},"& .step":{display:"flex"},"& .icon":{position:"relative",top:"4px",zIndex:"1",color:t.lineColor||"var(--sqm-accent-color-icon)",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)"}}}),i=a.toString();return e("div",{class:a.classes.TimelineReward,part:"sqm-base"},e("style",{type:"text/css"},i,"\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"===o&&e("div",{class:"icon"},e(Jr,null)),"circle"===o&&e("div",{class:"icon"},e(Zr,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 Qr=class{constructor(e){t(this,e),this.ignored=!0,this.iconState="gift",i(this)}async setIcon(t){this.iconState=t}disconnectedCallback(){}render(){return O([this.reward]),e(Xr,Object.assign({},D(this)))}};function to(t){return e(r,null,t.loading?t.loadingText:t.username)}const eo=f.gql`
+  query getUserName {
+    viewer {
+      ... on User {
+        firstName
+        lastName
+      }
+    }
+  }
+`,ro=class{constructor(e){t(this,e),this.ignored=!0,this.fallback="Anonymous User",this.loadingText="...",i(this)}disconnectedCallback(){}render(){const t=m()?function(t){return P({loading:!1,loadingText:"...",username:"John Smith"},t.demoData||{},{arrayMerge:(t,e)=>e})}(this):function(t){var e,r,o,a,i,n,s,l;const d=g(),c=x(eo,{},!(null==d?void 0:d.jwt)),u=(null===(r=null===(e=c.data)||void 0===e?void 0:e.viewer)||void 0===r?void 0:r.firstName)||(null===(a=null===(o=c.data)||void 0===o?void 0:o.viewer)||void 0===a?void 0:a.lastName)?`${null===(n=null===(i=c.data)||void 0===i?void 0:i.viewer)||void 0===n?void 0:n.firstName} ${null===(l=null===(s=c.data)||void 0===s?void 0:s.viewer)||void 0===l?void 0:l.lastName}`:t.fallback;return{loadingText:t.loadingText,loading:c.loading,username:u}}(this);return e(to,Object.assign({},t))}};export{Zt as sqm_big_stat,fe as sqm_brand,ge as sqm_brand_selector,ve as sqm_card_feed,ye as sqm_checkbox_field,ke as sqm_coupon_code,Ee as sqm_divided_layout,_e as sqm_dropdown_field,Te as sqm_edit_profile,Re as sqm_hero,qe as sqm_hero_image,Ne as sqm_hook_story_container,Pe as sqm_image,De as sqm_input_field,Le as sqm_lead_dropdown_field,Oe as sqm_lead_form,He as sqm_leaderboard,Je as sqm_link_button,Ze as sqm_marketing_emails_checkbox,Xe as sqm_name_fields,tr as sqm_navigation_menu,ir as sqm_payout_button_scroll,dr as sqm_payout_status_alert,mr as sqm_portal_change_marketing,pr as sqm_portal_change_password,fr as sqm_portal_footer,gr as sqm_portal_forgot_password,vr as sqm_portal_frame,br as sqm_portal_login,yr as sqm_portal_register,wr as sqm_program_explainer,Cr as sqm_program_explainer_step,_r as sqm_program_menu,Ir as sqm_referral_card,Tr as sqm_referral_iframe,Rr as sqm_referred_registration,Pr as sqm_reward_exchange_list,jr as sqm_router,Or as sqm_share_button,$r as sqm_share_code,Ur as sqm_share_link,Hr as sqm_stat_container,Wr as sqm_task_card,Gr as sqm_tax_and_cash,Kr as sqm_timeline,Qr as sqm_timeline_entry,ro as sqm_user_name}

package/dist/mint-components/{p-d57bdb68.entry.js → p-75b8fd75.entry.js}

@@ -1 +1 @@
-import{r as e,h as t,c as i}from"./p-083180bf.js";import{b as r,n as s,k as n,f as a}from"./p-a7fc1e02.js";import{I as o,b as d,i as c}from"./p-9d31def7.js";import{a as l}from"./p-38c7775a.js";const f=r("sq:widget-verification"),p=class{constructor(t){e(this,t),this.stateController="{}",s(this)}disconnectedCallback(){}render(){var e;const[r,s]=o({namespace:l,initialValue:!1}),p=JSON.parse(this.stateController),v=c()&&(null===(e=p["sqm-widget-verification-controller"])||void 0===e?void 0:e.isAuth),[u,m]=n(void 0),[b,x]=n(void 0),h=d((()=>{const e=v||r,t=b.querySelectorAll("template"),i=Array.from(t).find((t=>t.slot===(e?"verified":"not-verified")));if(i){const e=i.innerHTML||i.firstElementChild.outerHTML;e===u.innerHTML?f("don't rerender"):i&&(u.innerHTML=e)}const s=Array.from(b.children).filter((e=>"RAISINS-PLOP-TARGET"===e.tagName));if(s.length){const t=s.filter((e=>"verified"===e.slot)),i=s.filter((e=>"not-verified"===e.slot));i.forEach(((t,r)=>{e?t.style.display="none":(r===i.length-1&&(t.style.bottom="0px",t.style.left="0px",t.style.right="0px",t.style.position="absolute"),t.style.height="25px")})),t.forEach(((i,r)=>{e?(r===t.length-1&&(i.style.bottom="0px",i.style.left="0px",i.style.right="0px",i.style.position="absolute"),i.style.height="25px"):i.style.display="none"}))}}),[u,b,r,v]);return a((()=>{if(u&&b)return h(),function({parent:e,callback:t}){const i=new MutationObserver(s),r=new MutationObserver(t);function s(e){var t;null===(t=e.addedNodes)||void 0===t||t.forEach((e=>{r.observe(e.content,{childList:!0,attributes:!0,subtree:!0})}))}return i.observe(e,{childList:!0,subtree:!1}),s({addedNodes:e.querySelectorAll("template")}),()=>{i.disconnect(),r.disconnect()}}({parent:b,callback:h});f("DOM not ready:")}),[b,u,r,v]),t(i,null,t("div",{ref:x,style:{display:"contents"}},t("slot",{name:"not-verified"}),t("slot",{name:"verified"})),t("div",{ref:m},t("slot",{name:"shown"})))}};export{p as sqm_widget_verification_controller}
+import{r as e,h as t,c as i}from"./p-c7c11325.js";import{b as r,n as s,k as n,f as o}from"./p-63e29387.js";import{I as a,u as c,i as d}from"./p-0ec54f97.js";import{a as l}from"./p-38c7775a.js";const p=r("sq:widget-verification"),f=class{constructor(t){e(this,t),this.stateController="{}",s(this)}disconnectedCallback(){}render(){var e;const[r,s]=a({namespace:l,initialValue:!1}),f=JSON.parse(this.stateController),v=d()&&(null===(e=f["sqm-widget-verification-controller"])||void 0===e?void 0:e.isAuth),[u,m]=n(void 0),[b,x]=n(void 0),h=c((()=>{const e=v||r,t=b.querySelectorAll("template"),i=Array.from(t).find((t=>t.slot===(e?"verified":"not-verified")));if(i){const e=i.innerHTML||i.firstElementChild.outerHTML;e===u.innerHTML?p("don't rerender"):i&&(u.innerHTML=e)}const s=Array.from(b.children).filter((e=>"RAISINS-PLOP-TARGET"===e.tagName));if(s.length){const t=s.filter((e=>"verified"===e.slot)),i=s.filter((e=>"not-verified"===e.slot));i.forEach(((t,r)=>{e?t.style.display="none":(r===i.length-1&&(t.style.bottom="0px",t.style.left="0px",t.style.right="0px",t.style.position="absolute"),t.style.height="25px")})),t.forEach(((i,r)=>{e?(r===t.length-1&&(i.style.bottom="0px",i.style.left="0px",i.style.right="0px",i.style.position="absolute"),i.style.height="25px"):i.style.display="none"}))}}),[u,b,r,v]);return o((()=>{if(u&&b)return h(),function({parent:e,callback:t}){const i=new MutationObserver(s),r=new MutationObserver(t);function s(e){var t;null===(t=e.addedNodes)||void 0===t||t.forEach((e=>{r.observe(e.content,{childList:!0,attributes:!0,subtree:!0})}))}return i.observe(e,{childList:!0,subtree:!1}),s({addedNodes:e.querySelectorAll("template")}),()=>{i.disconnect(),r.disconnect()}}({parent:b,callback:h});p("DOM not ready:")}),[b,u,r,v]),t(i,null,t("div",{ref:x,style:{display:"contents"}},t("slot",{name:"not-verified"}),t("slot",{name:"verified"})),t("div",{ref:m},t("slot",{name:"shown"})))}};export{f as sqm_widget_verification_controller}