@saasquatch/mint-components 1.15.0-45 → 1.15.0-47

package/dist/mint-components/{p-7aef9c53.entry.js → p-454b0d9a.entry.js}

@@ -1,4 +1,4 @@
-import{r as e,h as t,c as r}from"./p-c7c11325.js";import{n as o,f as n,k as a,i as s,u as i,m as l,b as d,j as c}from"./p-35b2fde0.js";import{i as u}from"./p-a348f9b9.js";import{i as h,_ as p,d as m,J as g,H as f,$ as v,w as b,B as x,L as y,y as w,j as k,r as C,V as F,u as E,Q as _,k as I}from"./p-66ac6bed.js";import{j as A}from"./p-e7e129ac.js";import{c as S}from"./p-c1086930.js";import{g as q,a as R}from"./p-9ec99ced.js";import{c as T}from"./p-cef45012.js";import"./p-74eaa3c0.js";import"./p-49b20dae.js";import{C as B}from"./p-951ded9b.js";import{a as M}from"./p-4b12067f.js";import{u as D}from"./p-ac71b501.js";import"./p-de3ef27e.js";import"./p-204861a6.js";import{p as N}from"./p-8d363802.js";import{R as z,u as j}from"./p-ea1eed5d.js";import{P as L}from"./p-240bec23.js";import{u as P}from"./p-fa420231.js";import{A as $}from"./p-121cdc60.js";import{i as V}from"./p-ff3c651c.js";import{u as O,Q as U,B as H,C as W,c as G,e as K,D as Z,E as Y,H as Q,I as X,U as J,L as ee,N as te,f as re,P as oe,g as ne,h as ae,d as se,R as ie,V as le,i as de,G as ce,a as ue,J as he,S as pe,T as me}from"./p-c25b0ff4.js";import"./p-572ec8d4.js";import{u as ge}from"./p-a341ce23.js";const fe={font:{font:"Netflix Sans, Arial, sans-serif",textColor:"white",secondaryTextColor:"#B3B3B3"},border:{color:"#333333",radius:"4px",thickness:"1px"},color:{primaryColor:"#E50914",background:"#101010",accentColorShades:{text:"#E50914",icon:"#E50914",border:"#E50914",background:"#300609",iconAndBadge:"#E50914"},success:{text:"#66BB6A",icon:"#4CAF50",border:"#4CAF50",background:"#1B5E20",iconAndBadge:"#4CAF50"},warning:{text:"#FFCA28",icon:"#FFA726",border:"#FFA726",background:"#F57C00",iconAndBadge:"#FFA726"},critical:{text:"#EF9A9A",icon:"#E50914",border:"#E50914",background:"#B71C1C",iconAndBadge:"#E50914"},informative:{text:"#64B5F6",icon:"#42A5F5",border:"#42A5F5",background:"#1976D2",iconAndBadge:"#42A5F5"},neutral:{text:"white",icon:"#B3B3B3",border:"#333333",background:"#222222",iconAndBadge:"#B3B3B3"}},primaryButton:{buttonColor:"#E50914",buttonTextColor:"#FFFFFF",borderRadius:"4px",buttonBorderColor:"transparent",hoverColor:"#CC0000",hoverTextColor:"#FFFFFF"},secondaryButton:{buttonColor:"transparent",buttonTextColor:"#FFFFFF",buttonBorderColor:"#B3B3B3",borderRadius:"4px",hoverColor:"#333333",hoverTextColor:"#FFFFFF"},tertiaryButton:{buttonColor:"transparent",buttonTextColor:"#FFFFFF",borderRadius:"4px"},inputs:{background:"#222222",borderColor:"#B3B3B3",borderRadius:"4px",textColor:"white",labelColor:"#B3B3B3",borderThickness:"1px",disabledBackground:"#333333",disabledTextColor:"#777777",labelFontSize:"14px",focusBorderColor:"#E50914",hoverBorderColor:"#777777"}},ve=Object.freeze({__proto__:null,Default:null,Netflix:fe,Amazon:{font:{font:"Amazon Ember, Arial, sans-serif",textColor:"#2f2f2f",secondaryTextColor:"#565959"},border:{color:"#d5d9d9",radius:"4px",thickness:"1px"},color:{primaryColor:"#FF9900",background:"#ffffff",accentColorShades:{text:"#FF9900",icon:"#FF9900",border:"#FFBF66",background:"#FFF4DD",iconAndBadge:"#FF9900"},success:{text:"#198754",icon:"#28A745",border:"#BCE8B2",background:"#D4EDDA",iconAndBadge:"#28A745"},warning:{text:"#856404",icon:"#FFC107",border:"#FFEBA2",background:"#FFF3CD",iconAndBadge:"#FFC107"},critical:{text:"#721C24",icon:"#DC3545",border:"#F5C6CB",background:"#F8D7DA",iconAndBadge:"#DC3545"},informative:{text:"#004085",icon:"#007BFF",border:"#B8DAFF",background:"#CCE5FF",iconAndBadge:"#007BFF"},neutral:{text:"#232F3E",icon:"#565959",border:"#D5D9D9",background:"#F0F2F2",iconAndBadge:"#565959"}},primaryButton:{buttonColor:"#FF9900",buttonTextColor:"#FFFFFF",borderRadius:"7px",buttonBorderColor:"transparent",hoverColor:"#EB9100",hoverTextColor:"#FFFFFF"},secondaryButton:{buttonColor:"#FFFFFF",buttonTextColor:"#232F3E",buttonBorderColor:"#888C8C",borderRadius:"7px",hoverColor:"#F0F2F2",hoverTextColor:"#232F3E"},tertiaryButton:{buttonColor:"transparent",buttonTextColor:"#007185",borderRadius:"7px"},inputs:{background:"#FFFFFF",borderColor:"#D5D9D9",borderRadius:"3px",textColor:"#2f2f2f",labelColor:"#565959",borderThickness:"1px",disabledBackground:"#EAEDED",disabledTextColor:"#888C8C",labelFontSize:"14px",focusBorderColor:"#007185",hoverBorderColor:"#A2A2A2"}},Spotify:{font:{textColor:"white"},color:{background:"#121212",accentColorShades:{iconAndBadge:"#1ed760"}},primaryButton:{buttonColor:"#1ed760",buttonTextColor:"#121212",borderRadius:"30px",buttonBorderColor:"transparent",hoverColor:"#1DB954",hoverTextColor:"#121212"},secondaryButton:{buttonColor:"#191414",buttonTextColor:"#FFFFFF",buttonBorderColor:"#FFFFFF",borderRadius:"30px",hoverColor:"#282828",hoverTextColor:"#121212"},inputs:{background:"#121212",borderColor:"#7c7c7c",borderThickness:"1px",borderRadius:"30px",textColor:"#fff",focusBorderColor:"white",labelColor:"white",hoverBorderColor:"white",labelFontSize:"18px",disabledTextColor:"white",disabledBackground:"#303030"}},Google:{color:{primaryColor:"#4285F4",background:"#FFFFFF",accentColorShades:{text:"#1A73E8",border:"#8AB4F8",background:"#E8F0FE",iconAndBadge:"#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:"#A8DCD7",background:"#E8F0FE",iconAndBadge:"#4285F4"},neutral:{text:"#202124",border:"#DADCE0",background:"#F8F9FA",iconAndBadge:"#5F6368"}},border:{color:"#DADCE0",radius:"8px",thickness:"1px"},font:{font:"Roboto, Arial, sans-serif",textColor:"#212124",secondaryTextColor:"#5F6368"},primaryButton:{buttonColor:"#4285F4",buttonTextColor:"#FFFFFF",borderRadius:"4px",buttonBorderColor:"transparent",hoverColor:"#3C7CD1",hoverTextColor:"#FFFFFF"},secondaryButton:{buttonColor:"#FFFFFF",buttonTextColor:"#4285F4",buttonBorderColor:"#DADCE0",borderRadius:"4px",hoverColor:"#E8F0FE",hoverTextColor:"#4285F4"},tertiaryButton:{buttonColor:"transparent",buttonTextColor:"#4285F4",borderRadius:"4px"},inputs:{background:"#FFFFFF",borderColor:"#DADCE0",borderThickness:"1px",borderRadius:"8px",textColor:"#202124",focusBorderColor:"#4285F4",labelColor:"#5F6368",hoverBorderColor:"#9AA0A6",labelFontSize:"12px",disabledTextColor:"#9AA0A6",disabledBackground:"#F1F3F4"}}}),be=class{constructor(t){e(this,t),this.flexReverse=!1,this.alignment="center",this.ignored=!0,o(this)}disconnectedCallback(){}render(){var e;const{props:r,label:o}=h()?O(this):U(this),n=!!(null===(e=p().innerHTML)||void 0===e?void 0:e.trim()),a=t("slot",{name:"label"},n?t("slot",null):o);return t(H,Object.assign({},r,{labelSlot:a}))}};function xe(e,t,r){return Math.min(Math.max(e,r),t)}class ye extends Error{constructor(e){super(`Failed to parse color: "${e}"`)}}function we(e){if("string"!=typeof e)throw new ye(e);if("transparent"===e.trim().toLowerCase())return[0,0,0,0];let t=e.trim();t=Se.test(e)?function(e){const t=e.toLowerCase().trim(),r=Ce[function(e){let t=5381,r=e.length;for(;r;)t=33*t^e.charCodeAt(--r);return(t>>>0)%2341}(t)];if(!r)throw new ye(e);return`#${r}`}(e):e;const r=Ee.exec(t);if(r){const e=Array.from(r).slice(1);return[...e.slice(0,3).map((e=>parseInt(Fe(e,2),16))),parseInt(Fe(e[3]||"f",2),16)/255]}const o=_e.exec(t);if(o){const e=Array.from(o).slice(1);return[...e.slice(0,3).map((e=>parseInt(e,16))),parseInt(e[3]||"ff",16)/255]}const n=Ie.exec(t);if(n){const e=Array.from(n).slice(1);return[...e.slice(0,3).map((e=>parseInt(e,10))),parseFloat(e[3]||"1")]}const a=Ae.exec(t);if(a){const[t,r,o,n]=Array.from(a).slice(1).map(parseFloat);if(xe(0,100,r)!==r)throw new ye(e);if(xe(0,100,o)!==o)throw new ye(e);return[...Re(t,r,o),n||1]}throw new ye(e)}const ke=e=>parseInt(e.replace(/_/g,""),36),Ce="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(((e,t)=>{const r=ke(t.substring(0,3)),o=ke(t.substring(3)).toString(16);let n="";for(let e=0;e<6-o.length;e++)n+="0";return e[r]=`${n}${o}`,e}),{}),Fe=(e,t)=>Array.from(Array(t)).map((()=>e)).join(""),Ee=new RegExp(`^#${Fe("([a-f0-9])",3)}([a-f0-9])?$`,"i"),_e=new RegExp(`^#${Fe("([a-f0-9]{2})",3)}([a-f0-9]{2})?$`,"i"),Ie=new RegExp(`^rgba?\\(\\s*(\\d+)\\s*${Fe(",\\s*(\\d+)\\s*",2)}(?:,\\s*([\\d.]+))?\\s*\\)$`,"i"),Ae=/^hsla?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%(?:\s*,\s*([\d.]+))?\s*\)$/i,Se=/^[a-z]+$/i,qe=e=>Math.round(255*e),Re=(e,t,r)=>{let o=r/100;if(0===t)return[o,o,o].map(qe);const n=(e%360+360)%360/60,a=(1-Math.abs(2*o-1))*(t/100),s=a*(1-Math.abs(n%2-1));let i=0,l=0,d=0;n>=0&&n<1?(i=a,l=s):n>=1&&n<2?(i=s,l=a):n>=2&&n<3?(l=a,d=s):n>=3&&n<4?(l=s,d=a):n>=4&&n<5?(i=s,d=a):n>=5&&n<6&&(i=a,d=s);const c=o-a/2;return[i+c,l+c,d+c].map(qe)},Te=[50,100,200,300,400,500,600,700,800,900,950],Be=[.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 De(e,t="primary"){const[r,o,n,a]=function(e){const t=e.trim(),r=Me.exec(t);if(r){const[t,o,n,a]=Array.from(r).slice(1).map(parseFloat);if(xe(0,100,o)!==o)throw new ye(e);if(xe(0,100,n)!==n)throw new ye(e);return[t,o/100,n,a||1]}return function(e){const[t,r,o,n]=we(e).map(((e,t)=>3===t?e:e/255)),a=Math.max(t,r,o),s=Math.min(t,r,o),i=(a+s)/2;if(a===s)return[0,0,i,n];const l=a-s;return[60*(t===a?(r-o)/l+(r<o?6:0):r===a?(o-t)/l+2:(t-r)/l+4),i>.5?l/(2-a-s):l/(a+s),i,n]}(e)}(e);return Be.map((e=>function(e,t,r,o){return`hsla(${(e%360).toFixed()}, ${xe(0,100,100*t).toFixed()}%, ${xe(0,100,100*r).toFixed()}%, ${parseFloat(xe(0,1,o).toFixed(3))})`}(r,o,e,a))).map(((e,r)=>`--sl-color-${t}-${Te[r]}: ${e};\n`))}const Ne=class{constructor(t){e(this,t),o(this)}disconnectedCallback(){}render(){var e,o;const a=null!==(e=function(e){if(e)try{return function(e,t="primary"){return De(e,t).join("\n")}(e)}catch{}}(this.brandColor))&&void 0!==e?e:"",s=(null!==(o=this.brandFont)&&void 0!==o?o:"Nunito Sans").trim()||void 0;n((()=>{if(!s)return;const e=document.createElement("link");return e.setAttribute("href",function(...e){return`https://fonts.googleapis.com/css2?${e.map((e=>`family=${encodeURIComponent(e)}`)).join("&")}`}(s)),e.setAttribute("rel","stylesheet"),document.head.appendChild(e),()=>document.head.removeChild(e)}),[s]);const i=null!=s?s:"";return t(r,null,t("style",null,`\n\n          :host{\n            display: contents;\n          }\n          /* \n          Selects any element placed inside a slot\n           - resets css variable inheritence for fonts\n          \n          */\n          ::slotted(*) {\n            --sl-font-sans: "${i}", arial;\n            --sl-input-font-family: "${i}", arial;\n            --sl-tooltip-font-family: "${i}", arial;\n            font-family:  "${i}", arial;\n\t\t\t\n            ${a}\n\n            --sl-focus-ring-color-primary: var(--sl-color-primary-100);\n            --sl-input-border-color-focus: var(--sl-color-primary-500);\n            --sl-color-primary-hue: var(--sl-color-primary-500);\n          }`),t("slot",null))}},ze=class{constructor(t){e(this,t),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=ve[r]||fe;const o=new CustomEvent("brandingConfigUpdated",{detail:window.SquatchBrandingConfig});window.dispatchEvent(o)}componentDidLoad(){const e=localStorage.getItem("localStorageBrandKey");this.selectedBrand=e}disconnectedCallback(){}updateBrand(e){this.selectedBrand=e;const t=ve[e]||fe,r=JSON.stringify(t);localStorage.setItem("localStorageBrandKey",e),localStorage.setItem("localStorageBrandConfigKey",r),window.SquatchBrandingConfig=t,window.location.reload();const o=new CustomEvent("brandingConfigUpdated",{detail:window.SquatchBrandingConfig});window.dispatchEvent(o)}render(){return t(r,null,t("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          "),t("div",{class:"card-container"},t("h2",{class:"card-heading"},"Select Branding"),t("div",{class:"segmented-control-container"},this.brands.map((e=>t("div",{key:e.name,class:"brand-segment "+(this.selectedBrand===e.name?"active":""),onClick:()=>this.updateBrand(e.name)},t("img",{src:e.logoUrl,alt:`${e.name} Logo`,class:"brand-logo",onError:e=>{e.target.src="https://placehold.co/80x40/cccccc/000000?text=Logo"}})))))))}},je=class{constructor(t){e(this,t),this.ignored=!0,this.width=347,this.gap=24,o(this)}disconnectedCallback(){}render(){return t(W,Object.assign({},q(this)),t("slot",null))}},Le=T({IconStyle:{display:"block",position:"absolute",top:"23px"},DivStyle:{marginLeft:"28px"},Details:{marginLeft:"28px"},Heading:{display:"inline-block"},Children:{display:"none"}}),Pe=Le.toString();function $e({missingProps:e,heading:r="There was a problem loading this section",subheading:o="There was a technical problem that prevented this section from loading. Please contact us with the link to this page.",description:n="Error occured while loading <{tagName}>. Values for the following attributes are missing:"},s){if(!e)return!1;const i=p(),[l,d]=a(!1);return t("sl-alert",{type:"danger",open:!0},t("style",{type:"text/css"},Pe),t("div",{slot:"icon",class:Le.classes.IconStyle},t("sl-icon",{name:"exclamation-octagon"})),t("div",{class:Le.classes.DivStyle},t("h2",{class:Le.classes.Heading},u.formatMessage({id:"error-heading",defaultMessage:r})),t("p",null,u.formatMessage({id:"error-subheading",defaultMessage:o}))),t("details",{class:Le.classes.Details},t("summary",{onClick:()=>d(!l)},l?"Less":"More"," details"),t("p",null,u.formatMessage({id:"error-description",defaultMessage:n},{tagName:i.tagName.toLowerCase()})),t("ul",null,e.map((e=>t("li",null,t("strong",null,e.attribute)))))),t("div",{class:Le.classes.Children},s))}function Ve(e){var t;const r=s(z),[o,i]=a(!1);return n((()=>{var t,o;(null===(t=null==r?void 0:r.initialData)||void 0===t?void 0:t[e.checkboxName])&&i(!!(null===(o=null==r?void 0:r.initialData)||void 0===o?void 0:o[e.checkboxName]))}),[null===(t=null==r?void 0:r.initialData)||void 0===t?void 0:t[e.checkboxName]]),{states:{registrationFormState:r,checked:o},callbacks:{setChecked:i}}}const Oe=class{constructor(t){e(this,t),this.ignored=!0,this.checkboxLabel="By signing up you agree to the {labelLink}",this.checkboxLabelLink="https://example.com",this.checkboxLabelLinkText="Terms and Conditions",this.errorMessage="Must be checked",this.checkboxOptional=!1,o(this)}disconnectedCallback(){}render(){const e=R([{attribute:"checkbox-name",value:this.checkboxName}]);if(!h()&&e)return t($e,{missingProps:e,heading:"An error occured while loading this form",subheading:"A technical problem prevented this checkbox field from loading. Please contact us with the link to this page.",description:"Values for the following attributes are missing:"});const r={...q(this)},{states:o,callbacks:n}=h()?S({states:{registrationFormState:{},checked:!1},callbacks:{setChecked:()=>{}}},this.demoData||{},{arrayMerge:(e,t)=>t}):Ve(this);return t(G,{states:o,content:r,callbacks:n})}},Ue=m.gql`
+import{r as e,h as t,c as r}from"./p-c7c11325.js";import{n,f as o,k as a,i as s,u as i,m as l,b as c,j as d}from"./p-35b2fde0.js";import{i as u}from"./p-4abb01c8.js";import{i as h,_ as m,d as p,J as g,H as f,$ as v,w as b,B as y,L as x,y as w,j as k,r as C,V as F,u as _,Q as E,k as I}from"./p-66ac6bed.js";import{j as S}from"./p-e7e129ac.js";import{c as q}from"./p-c1086930.js";import{g as A,a as R}from"./p-9ec99ced.js";import{c as T}from"./p-cef45012.js";import"./p-74eaa3c0.js";import"./p-49b20dae.js";import{C as M}from"./p-951ded9b.js";import{a as B}from"./p-4b12067f.js";import{u as D}from"./p-ac71b501.js";import"./p-de3ef27e.js";import"./p-204861a6.js";import{p as N}from"./p-8d363802.js";import{R as z,u as j}from"./p-ea1eed5d.js";import{P as L}from"./p-240bec23.js";import{u as P}from"./p-fa420231.js";import{A as $}from"./p-121cdc60.js";import{i as V}from"./p-ff3c651c.js";import{u as O,Q as U,B as H,C as W,c as G,e as K,D as Z,E as Y,H as Q,I as X,U as J,L as ee,N as te,f as re,P as ne,g as oe,h as ae,d as se,R as ie,V as le,i as ce,G as de,a as ue,J as he,S as me,T as pe}from"./p-b5ad3804.js";import"./p-572ec8d4.js";import{u as ge}from"./p-a341ce23.js";const fe={main:{brandFont:"Netflix Sans, Arial, sans-serif"},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",icon:"#B3B3B3",border:"#333333",background:"#222222",iconAndBadge:"#B3B3B3"}},primaryButton:{buttonColor:{background:"#E50914",border:"transparent",label:"#FFFFFF"},buttonHoverColor:{background:"#CC0000",border:"transparent",label:"#FFFFFF"}},secondaryButton:{buttonColor:{background:"transparent",border:"#B3B3B3",label:"#FFFFFF"},buttonHoverColor:{background:"#333333",border:"#B3B3B3",label:"#FFFFFF"}},formFields:{formFieldColor:{background:"#222222",border:"#B3B3B3",inputText:"#B3B3B3"},hoverStateColor:"#777777",selectedStateColor:"#E50914"}},ve=Object.freeze({__proto__:null,Default:null,Netflix:fe,Amazon:{main:{brandFont:"Amazon Ember, Arial, sans-serif"},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",icon:"#565959",border:"#D5D9D9",background:"#F0F2F2",iconAndBadge:"#565959"}},primaryButton:{buttonColor:{background:"#FF9900",border:"transparent",label:"#FFFFFF"},buttonHoverColor:{background:"#EB9100",border:"transparent",label:"#FFFFFF"}},secondaryButton:{buttonColor:{background:"#FFFFFF",border:"#888C8C",label:"#232F3E"},buttonHoverColor:{background:"#F0F2F2",border:"#888C8C",label:"#232F3E"}},formFields:{formFieldColor:{background:"#FFFFFF",border:"#D5D9D9",inputText:"#2f2f2f"},hoverStateColor:"#A2A2A2",selectedStateColor:"#007185"}},Spotify:{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"}},secondaryButton:{buttonColor:{background:"#191414",border:"#FFFFFF",label:"#FFFFFF"},buttonHoverColor:{background:"#282828",border:"#FFFFFF",label:"#121212"}},formFields:{formFieldColor:{background:"#121212",border:"#7c7c7c",inputText:"#fff"},hoverStateColor:"white",selectedStateColor:"white"}},Google:{main:{brandColor:"#4285F4",brandFont:"Roboto, Arial, sans-serif"},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:"#A8DCD7",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"}},secondaryButton:{buttonColor:{background:"#FFFFFF",border:"#DADCE0",label:"#4285F4"},buttonHoverColor:{background:"#E8F0FE",border:"#DADCE0",label:"#4285F4"}},formFields:{formFieldColor:{background:"#FFFFFF",border:"#DADCE0",inputText:"#202124"},hoverStateColor:"9AA0A6",selectedStateColor:"4285F4"}}}),be=class{constructor(t){e(this,t),this.flexReverse=!1,this.alignment="center",this.ignored=!0,n(this)}disconnectedCallback(){}render(){var e;const{props:r,label:n}=h()?O(this):U(this),o=!!(null===(e=m().innerHTML)||void 0===e?void 0:e.trim()),a=t("slot",{name:"label"},o?t("slot",null):n);return t(H,Object.assign({},r,{labelSlot:a}))}};function ye(e,t,r){return Math.min(Math.max(e,r),t)}class xe extends Error{constructor(e){super(`Failed to parse color: "${e}"`)}}function we(e){if("string"!=typeof e)throw new xe(e);if("transparent"===e.trim().toLowerCase())return[0,0,0,0];let t=e.trim();t=qe.test(e)?function(e){const t=e.toLowerCase().trim(),r=Ce[function(e){let t=5381,r=e.length;for(;r;)t=33*t^e.charCodeAt(--r);return(t>>>0)%2341}(t)];if(!r)throw new xe(e);return`#${r}`}(e):e;const r=_e.exec(t);if(r){const e=Array.from(r).slice(1);return[...e.slice(0,3).map((e=>parseInt(Fe(e,2),16))),parseInt(Fe(e[3]||"f",2),16)/255]}const n=Ee.exec(t);if(n){const e=Array.from(n).slice(1);return[...e.slice(0,3).map((e=>parseInt(e,16))),parseInt(e[3]||"ff",16)/255]}const o=Ie.exec(t);if(o){const e=Array.from(o).slice(1);return[...e.slice(0,3).map((e=>parseInt(e,10))),parseFloat(e[3]||"1")]}const a=Se.exec(t);if(a){const[t,r,n,o]=Array.from(a).slice(1).map(parseFloat);if(ye(0,100,r)!==r)throw new xe(e);if(ye(0,100,n)!==n)throw new xe(e);return[...Re(t,r,n),o||1]}throw new xe(e)}const ke=e=>parseInt(e.replace(/_/g,""),36),Ce="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(((e,t)=>{const r=ke(t.substring(0,3)),n=ke(t.substring(3)).toString(16);let o="";for(let e=0;e<6-n.length;e++)o+="0";return e[r]=`${o}${n}`,e}),{}),Fe=(e,t)=>Array.from(Array(t)).map((()=>e)).join(""),_e=new RegExp(`^#${Fe("([a-f0-9])",3)}([a-f0-9])?$`,"i"),Ee=new RegExp(`^#${Fe("([a-f0-9]{2})",3)}([a-f0-9]{2})?$`,"i"),Ie=new RegExp(`^rgba?\\(\\s*(\\d+)\\s*${Fe(",\\s*(\\d+)\\s*",2)}(?:,\\s*([\\d.]+))?\\s*\\)$`,"i"),Se=/^hsla?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%(?:\s*,\s*([\d.]+))?\s*\)$/i,qe=/^[a-z]+$/i,Ae=e=>Math.round(255*e),Re=(e,t,r)=>{let n=r/100;if(0===t)return[n,n,n].map(Ae);const o=(e%360+360)%360/60,a=(1-Math.abs(2*n-1))*(t/100),s=a*(1-Math.abs(o%2-1));let i=0,l=0,c=0;o>=0&&o<1?(i=a,l=s):o>=1&&o<2?(i=s,l=a):o>=2&&o<3?(l=a,c=s):o>=3&&o<4?(l=s,c=a):o>=4&&o<5?(i=s,c=a):o>=5&&o<6&&(i=a,c=s);const d=n-a/2;return[i+d,l+d,c+d].map(Ae)},Te=[50,100,200,300,400,500,600,700,800,900,950],Me=[.95,.86,.76,.66,.56,.46,.39,.32,.25,.18,.15],Be=/^hsla?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%(?:\s*,\s*([\d.]+))?\s*\)$/i;function De(e,t="primary"){const[r,n,o,a]=function(e){const t=e.trim(),r=Be.exec(t);if(r){const[t,n,o,a]=Array.from(r).slice(1).map(parseFloat);if(ye(0,100,n)!==n)throw new xe(e);if(ye(0,100,o)!==o)throw new xe(e);return[t,n/100,o,a||1]}return function(e){const[t,r,n,o]=we(e).map(((e,t)=>3===t?e:e/255)),a=Math.max(t,r,n),s=Math.min(t,r,n),i=(a+s)/2;if(a===s)return[0,0,i,o];const l=a-s;return[60*(t===a?(r-n)/l+(r<n?6:0):r===a?(n-t)/l+2:(t-r)/l+4),i>.5?l/(2-a-s):l/(a+s),i,o]}(e)}(e);return Me.map((e=>function(e,t,r,n){return`hsla(${(e%360).toFixed()}, ${ye(0,100,100*t).toFixed()}%, ${ye(0,100,100*r).toFixed()}%, ${parseFloat(ye(0,1,n).toFixed(3))})`}(r,n,e,a))).map(((e,r)=>`--sl-color-${t}-${Te[r]}: ${e};\n`))}const Ne=class{constructor(t){e(this,t),n(this)}disconnectedCallback(){}render(){var e,n;const a=null!==(e=function(e){if(e)try{return function(e,t="primary"){return De(e,t).join("\n")}(e)}catch{}}(this.brandColor))&&void 0!==e?e:"",s=(null!==(n=this.brandFont)&&void 0!==n?n:"Nunito Sans").trim()||void 0;o((()=>{if(!s)return;const e=document.createElement("link");return e.setAttribute("href",function(...e){return`https://fonts.googleapis.com/css2?${e.map((e=>`family=${encodeURIComponent(e)}`)).join("&")}`}(s)),e.setAttribute("rel","stylesheet"),document.head.appendChild(e),()=>document.head.removeChild(e)}),[s]);const i=null!=s?s:"";return t(r,null,t("style",null,`\n\n          :host{\n            display: contents;\n          }\n          /* \n          Selects any element placed inside a slot\n           - resets css variable inheritence for fonts\n          \n          */\n          ::slotted(*) {\n            --sl-font-sans: "${i}", arial;\n            --sl-input-font-family: "${i}", arial;\n            --sl-tooltip-font-family: "${i}", arial;\n            font-family:  "${i}", arial;\n\t\t\t\n            ${a}\n\n            --sl-focus-ring-color-primary: var(--sl-color-primary-100);\n            --sl-input-border-color-focus: var(--sl-color-primary-500);\n            --sl-color-primary-hue: var(--sl-color-primary-500);\n          }`),t("slot",null))}},ze=class{constructor(t){e(this,t),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=ve[r]||fe;const n=new CustomEvent("brandingConfigUpdated",{detail:window.SquatchBrandingConfig});window.dispatchEvent(n)}componentDidLoad(){const e=localStorage.getItem("localStorageBrandKey");this.selectedBrand=e}disconnectedCallback(){}updateBrand(e){this.selectedBrand=e;const t=ve[e]||fe,r=JSON.stringify(t);localStorage.setItem("localStorageBrandKey",e),localStorage.setItem("localStorageBrandConfigKey",r),window.SquatchBrandingConfig=t,window.location.reload();const n=new CustomEvent("brandingConfigUpdated",{detail:window.SquatchBrandingConfig});window.dispatchEvent(n)}render(){return t(r,null,t("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          "),t("div",{class:"card-container"},t("h2",{class:"card-heading"},"Select Branding"),t("div",{class:"segmented-control-container"},this.brands.map((e=>t("div",{key:e.name,class:"brand-segment "+(this.selectedBrand===e.name?"active":""),onClick:()=>this.updateBrand(e.name)},t("img",{src:e.logoUrl,alt:`${e.name} Logo`,class:"brand-logo",onError:e=>{e.target.src="https://placehold.co/80x40/cccccc/000000?text=Logo"}})))))))}},je=class{constructor(t){e(this,t),this.ignored=!0,this.width=347,this.gap=24,n(this)}disconnectedCallback(){}render(){return t(W,Object.assign({},A(this)),t("slot",null))}},Le=T({IconStyle:{display:"block",position:"absolute",top:"23px"},DivStyle:{marginLeft:"28px"},Details:{marginLeft:"28px"},Heading:{display:"inline-block"},Children:{display:"none"}}),Pe=Le.toString();function $e({missingProps:e,heading:r="There was a problem loading this section",subheading:n="There was a technical problem that prevented this section from loading. Please contact us with the link to this page.",description:o="Error occured while loading <{tagName}>. Values for the following attributes are missing:"},s){if(!e)return!1;const i=m(),[l,c]=a(!1);return t("sl-alert",{type:"danger",open:!0},t("style",{type:"text/css"},Pe),t("div",{slot:"icon",class:Le.classes.IconStyle},t("sl-icon",{name:"exclamation-octagon"})),t("div",{class:Le.classes.DivStyle},t("h2",{class:Le.classes.Heading},u.formatMessage({id:"error-heading",defaultMessage:r})),t("p",null,u.formatMessage({id:"error-subheading",defaultMessage:n}))),t("details",{class:Le.classes.Details},t("summary",{onClick:()=>c(!l)},l?"Less":"More"," details"),t("p",null,u.formatMessage({id:"error-description",defaultMessage:o},{tagName:i.tagName.toLowerCase()})),t("ul",null,e.map((e=>t("li",null,t("strong",null,e.attribute)))))),t("div",{class:Le.classes.Children},s))}function Ve(e){var t;const r=s(z),[n,i]=a(!1);return o((()=>{var t,n;(null===(t=null==r?void 0:r.initialData)||void 0===t?void 0:t[e.checkboxName])&&i(!!(null===(n=null==r?void 0:r.initialData)||void 0===n?void 0:n[e.checkboxName]))}),[null===(t=null==r?void 0:r.initialData)||void 0===t?void 0:t[e.checkboxName]]),{states:{registrationFormState:r,checked:n},callbacks:{setChecked:i}}}const Oe=class{constructor(t){e(this,t),this.ignored=!0,this.checkboxLabel="By signing up you agree to the {labelLink}",this.checkboxLabelLink="https://example.com",this.checkboxLabelLinkText="Terms and Conditions",this.errorMessage="Must be checked",this.checkboxOptional=!1,n(this)}disconnectedCallback(){}render(){const e=R([{attribute:"checkbox-name",value:this.checkboxName}]);if(!h()&&e)return t($e,{missingProps:e,heading:"An error occured while loading this form",subheading:"A technical problem prevented this checkbox field from loading. Please contact us with the link to this page.",description:"Values for the following attributes are missing:"});const r={...A(this)},{states:n,callbacks:o}=h()?q({states:{registrationFormState:{},checked:!1},callbacks:{setChecked:()=>{}}},this.demoData||{},{arrayMerge:(e,t)=>t}):Ve(this);return t(G,{states:n,content:r,callbacks:o})}},Ue=p.gql`
   query fuelTankRewardsQuery($programId: ID!) {
     user: viewer {
       ... on User {
@@ -22,11 +22,11 @@ import{r as e,h as t,c as r}from"./p-c7c11325.js";import{n as o,f as n,k as a,i
       }
     }
   }
-`,He=m.gql`
+`,He=p.gql`
   mutation loadEvent($eventMeta: UserAnalyticsEvent!) {
     createUserAnalyticsEvent(eventMeta: $eventMeta)
   }
-`,We=class{constructor(t){e(this,t),this.tooltiptext="Copied to Clipboard",this.tooltiplifespan=1e3,this.textAlign="left",this.copyButtonLabel="Copy Coupon",this.buttonStyle="icon",this.couponCodeLabel="Your coupon code:",this.cancelledErrorText="This code has been cancelled. Please reach out to the Support team for help resolving this issue.",this.redeemedErrorText="Looks like you’ve already redeemed this code.",this.expiredErrorText="Looks like this code has expired. Please reach out to the Support team for help resolving this issue.",this.fullfillmentErrorText="We couldn't fetch your code. Please try again later or reach out to the Support team for help resolving this issue.",this.pendingErrorText="Your code will be available on {unpendDate}. Mark your calendar and come back then to redeem your reward!",this.genericErrorText="We couldn't fetch your code. Please try again later or reach out to the Support team for help resolving this issue.",this.couponCodePlaceholder="...",this.buttonType="primary",o(this)}disconnectedCallback(){}render(){const e=q(this),r=h()?function(e){const[t,r]=a(!1),o="THANKSJANE125uv125";return S({copyString:o,tooltiptext:e.tooltiptext,textAlign:e.textAlign,buttonStyle:e.buttonStyle,copyButtonLabel:e.copyButtonLabel,error:!1,couponCodePlaceholder:e.couponCodePlaceholder,couponCodeLabel:e.couponCodeLabel,borderColor:e.borderColor,backgroundColor:e.backgroundColor,textColor:e.textColor,borderRadius:e.borderRadius,buttonType:e.buttonType,open:t,onClick:()=>{navigator.clipboard.writeText(o),r(!0),setTimeout((()=>r(!1)),e.tooltiplifespan)}},e.demoData||{},{arrayMerge:(e,t)=>t})}(e):function(e){var t,r,o;const n=g(),s=f(),i=x(),[l]=v(He),{data:d,loading:c}=b(Ue,{programId:s},!(null==n?void 0:n.jwt)),u=null===(o=null===(r=null===(t=null==d?void 0:d.user)||void 0===t?void 0:t.instantAccessRewards)||void 0===r?void 0:r.data)||void 0===o?void 0:o[0],h=(e=>{if(!e||!e.statuses)return"ERROR";const t=e.statuses[e.statuses.length-1];return"PENDING"===t&&null===e.dateScheduledFor?"EMPTY_TANK":t})(u),p="PENDING"===h&&u.dateScheduledFor?new Date(u.dateScheduledFor).toLocaleDateString("default",{day:"numeric",month:"long",year:"numeric"}):void 0,m=(null==u?void 0:u.fuelTankCode)||"...",[y,w]=a(!1),k=(t=>{switch(t){case"CANCELLED":return e.cancelledErrorText;case"EXPIRED":return e.expiredErrorText;case"EMPTY_TANK":return e.fullfillmentErrorText;case"PENDING":return e.pendingErrorText.replace("{unpendDate}",p);case"REDEEMED":return e.redeemedErrorText;case"AVAILABLE":return"";default:return e.genericErrorText}})(h),C=(e=>{switch(e){case"EXPIRED":case"EMPTY_TANK":case"CANCELLED":case"ERROR":return"warning";case"PENDING":return"info";case"REDEEMED":return"success";default:return}})(h),F="AVAILABLE"!==h;return{...e,onClick:function(){navigator.clipboard.writeText(m),w(!0),setTimeout((()=>w(!1)),e.tooltiplifespan),l({eventMeta:{programId:s,id:null==n?void 0:n.id,accountId:null==n?void 0:n.accountId,type:"USER_REFERRAL_PROGRAM_ENGAGEMENT_EVENT",meta:{engagementMedium:i,shareMedium:"DIRECT"}}})},open:y,copyString:m,error:F,errorText:k,dateAvailable:p,loading:c,errorType:C,buttonType:e.buttonType||"primary"}}(e);return t(K,Object.assign({},r))}};function Ge(e,r){const o=()=>"row"===e.direction?{"border-right":e.borderless?"none":`1px solid ${e.borderColor||"var(--sqm-text)"}`}:{"border-bottom":e.borderless?"none":`1px solid ${e.borderColor||"var(--sqm-text)"}`},n={LayoutContainer:{background:e.backgroundColor,display:"contents","& > :not(:last-child)":{...o()},"& > ::slotted(*:not(:last-child))":{...o()}}},a=`\n    display: flex;\n    flex: 1;\n    box-sizing: border-box;\n    flex-direction: ${e.direction};\n    background-color: var(--sqm-portal-background);\n    color: var(--sqm-text);\n    overflow-x: clip;\n    ${"column"===e.direction?"width: 100%; max-width: 100%":""}\n    ${null!==e.contentAreaWidth?`max-width: ${e.contentAreaWidth} !important;`:""}\n  `,s=`\n  :host{\n    ${a}\n  }\n  @media screen and (max-width: 570px) {\n    :host {\n      display: flex;\n      flex-direction: column;\n    }\n  }\n  sqm-divided-layout {\n    ${a}\n  }\n  `,i=T(n),l=i.toString();return t("div",{class:i.classes.LayoutContainer,part:"sqm-base"},t("style",{type:"text/css"},s,l),r)}const Ke=class{constructor(t){e(this,t),this.dividerStyle="1px solid #EAEAEA",this.backgroundColor="#FFFFFF",o(this)}disconnectedCallback(){}render(){return t(Ge,Object.assign({},q(this)),t("slot",null))}},Ze=class{constructor(t){e(this,t),this.ignored=!0,this.dropdownLabel="Select an option",this.errorMessage="Select an option",this.dropdownOptional=!1,o(this)}disconnectedCallback(){}render(){const e=R([{attribute:"dropdown-name",value:this.dropdownName}]);if(!h()&&e)return t($e,{missingProps:e,heading:"An error occured while loading this form",subheading:"A technical problem prevented this drop down field from loading. Please contact us with the link to this page.",description:"Values for the following attributes are missing:"},t("slot",null));const r={...q(this),selectOptions:t("slot",null)},{states:o}=h()?S({states:{registrationFormState:{}}},this.demoData||{},{arrayMerge:(e,t)=>t}):{states:{registrationFormState:s(z)}};return t(Z,{states:o,content:r})}},Ye=m.gql`
+`,We=class{constructor(t){e(this,t),this.tooltiptext="Copied to Clipboard",this.tooltiplifespan=1e3,this.textAlign="left",this.copyButtonLabel="Copy Coupon",this.buttonStyle="icon",this.couponCodeLabel="Your coupon code:",this.cancelledErrorText="This code has been cancelled. Please reach out to the Support team for help resolving this issue.",this.redeemedErrorText="Looks like you’ve already redeemed this code.",this.expiredErrorText="Looks like this code has expired. Please reach out to the Support team for help resolving this issue.",this.fullfillmentErrorText="We couldn't fetch your code. Please try again later or reach out to the Support team for help resolving this issue.",this.pendingErrorText="Your code will be available on {unpendDate}. Mark your calendar and come back then to redeem your reward!",this.genericErrorText="We couldn't fetch your code. Please try again later or reach out to the Support team for help resolving this issue.",this.couponCodePlaceholder="...",this.buttonType="primary",n(this)}disconnectedCallback(){}render(){const e=A(this),r=h()?function(e){const[t,r]=a(!1),n="THANKSJANE125uv125";return q({copyString:n,tooltiptext:e.tooltiptext,textAlign:e.textAlign,buttonStyle:e.buttonStyle,copyButtonLabel:e.copyButtonLabel,error:!1,couponCodePlaceholder:e.couponCodePlaceholder,couponCodeLabel:e.couponCodeLabel,borderColor:e.borderColor,backgroundColor:e.backgroundColor,textColor:e.textColor,borderRadius:e.borderRadius,buttonType:e.buttonType,open:t,onClick:()=>{navigator.clipboard.writeText(n),r(!0),setTimeout((()=>r(!1)),e.tooltiplifespan)}},e.demoData||{},{arrayMerge:(e,t)=>t})}(e):function(e){var t,r,n;const o=g(),s=f(),i=y(),[l]=v(He),{data:c,loading:d}=b(Ue,{programId:s},!(null==o?void 0:o.jwt)),u=null===(n=null===(r=null===(t=null==c?void 0:c.user)||void 0===t?void 0:t.instantAccessRewards)||void 0===r?void 0:r.data)||void 0===n?void 0:n[0],h=(e=>{if(!e||!e.statuses)return"ERROR";const t=e.statuses[e.statuses.length-1];return"PENDING"===t&&null===e.dateScheduledFor?"EMPTY_TANK":t})(u),m="PENDING"===h&&u.dateScheduledFor?new Date(u.dateScheduledFor).toLocaleDateString("default",{day:"numeric",month:"long",year:"numeric"}):void 0,p=(null==u?void 0:u.fuelTankCode)||"...",[x,w]=a(!1),k=(t=>{switch(t){case"CANCELLED":return e.cancelledErrorText;case"EXPIRED":return e.expiredErrorText;case"EMPTY_TANK":return e.fullfillmentErrorText;case"PENDING":return e.pendingErrorText.replace("{unpendDate}",m);case"REDEEMED":return e.redeemedErrorText;case"AVAILABLE":return"";default:return e.genericErrorText}})(h),C=(e=>{switch(e){case"EXPIRED":case"EMPTY_TANK":case"CANCELLED":case"ERROR":return"warning";case"PENDING":return"info";case"REDEEMED":return"success";default:return}})(h),F="AVAILABLE"!==h;return{...e,onClick:function(){navigator.clipboard.writeText(p),w(!0),setTimeout((()=>w(!1)),e.tooltiplifespan),l({eventMeta:{programId:s,id:null==o?void 0:o.id,accountId:null==o?void 0:o.accountId,type:"USER_REFERRAL_PROGRAM_ENGAGEMENT_EVENT",meta:{engagementMedium:i,shareMedium:"DIRECT"}}})},open:x,copyString:p,error:F,errorText:k,dateAvailable:m,loading:d,errorType:C,buttonType:e.buttonType||"primary"}}(e);return t(K,Object.assign({},r))}};function Ge(e,r){const n=()=>"row"===e.direction?{"border-right":e.borderless?"none":`1px solid ${e.borderColor||"var(--sqm-text)"}`}:{"border-bottom":e.borderless?"none":`1px solid ${e.borderColor||"var(--sqm-text)"}`},o={LayoutContainer:{background:e.backgroundColor,display:"contents","& > :not(:last-child)":{...n()},"& > ::slotted(*:not(:last-child))":{...n()}}},a=`\n    display: flex;\n    flex: 1;\n    box-sizing: border-box;\n    flex-direction: ${e.direction};\n    background-color: var(--sqm-portal-background);\n    color: var(--sqm-text);\n    overflow-x: clip;\n    ${"column"===e.direction?"width: 100%; max-width: 100%":""}\n    ${null!==e.contentAreaWidth?`max-width: ${e.contentAreaWidth} !important;`:""}\n  `,s=`\n  :host{\n    ${a}\n  }\n  @media screen and (max-width: 570px) {\n    :host {\n      display: flex;\n      flex-direction: column;\n    }\n  }\n  sqm-divided-layout {\n    ${a}\n  }\n  `,i=T(o),l=i.toString();return t("div",{class:i.classes.LayoutContainer,part:"sqm-base"},t("style",{type:"text/css"},s,l),r)}const Ke=class{constructor(t){e(this,t),this.dividerStyle="1px solid #EAEAEA",this.backgroundColor="#FFFFFF",n(this)}disconnectedCallback(){}render(){return t(Ge,Object.assign({},A(this)),t("slot",null))}},Ze=class{constructor(t){e(this,t),this.ignored=!0,this.dropdownLabel="Select an option",this.errorMessage="Select an option",this.dropdownOptional=!1,n(this)}disconnectedCallback(){}render(){const e=R([{attribute:"dropdown-name",value:this.dropdownName}]);if(!h()&&e)return t($e,{missingProps:e,heading:"An error occured while loading this form",subheading:"A technical problem prevented this drop down field from loading. Please contact us with the link to this page.",description:"Values for the following attributes are missing:"},t("slot",null));const r={...A(this),selectOptions:t("slot",null)},{states:n}=h()?q({states:{registrationFormState:{}}},this.demoData||{},{arrayMerge:(e,t)=>t}):{states:{registrationFormState:s(z)}};return t(Z,{states:n,content:r})}},Ye=p.gql`
   query {
     viewer {
       ... on User {
@@ -39,7 +39,7 @@ import{r as e,h as t,c as r}from"./p-c7c11325.js";import{n as o,f as n,k as a,i
       }
     }
   }
-`,Qe=m.gql`
+`,Qe=p.gql`
   mutation (
     $id: String!
     $accountId: String!
@@ -58,7 +58,7 @@ import{r as e,h as t,c as r}from"./p-c7c11325.js";import{n as o,f as n,k as a,i
       lastName
     }
   }
-`,Xe={currentRegion:"",firstName:"",lastName:"",errors:{},error:""},Je=class{constructor(t){e(this,t),this.ignored=!0,this.networkErrorMessage="Network request failed.",this.fieldEmptyText="Cannot be empty",this.formErrorText="Please correct the errors below to update your profile.",o(this)}disconnectedCallback(){}render(){const e=h()?function(e){return S({states:{loading:!1,submitDisabled:!1,formState:{currentRegion:"Canada",firstName:"Bill",lastName:"Bob",errors:{},error:"An error string"},user:{firstName:"Bill",lastName:"Bob",email:"billbob@example.com"},showEdit:!1,text:{editprofileheader:e.editprofileheader?e.editprofileheader:"Edit Profile",editprofiletext:e.editprofiletext?e.editprofiletext:"Update your profile.",firstnametext:e.firstnametext?e.firstnametext:"First Name",lastnametext:e.lastnametext?e.lastnametext:"Last Name",canceltext:e.canceltext?e.canceltext:"Cancel",updatetext:e.updatetext?e.updatetext:"Update",currentregiontext:e.currentregiontext?e.currentregiontext:"Region",showregion:!0,fieldEmptyText:e.fieldEmptyText}},callbacks:{onSubmit:e=>{console.log(e)},resetForm:()=>{console.log("reset")},onChange:()=>{console.log("change")},setShowEdit:e=>{console.log(e)}}},e.demoData||{},{arrayMerge:(e,t)=>t})}(q(this)):function(e){const t=g(),[r,o]=a(!1),[s,i]=a(""),[l,d]=a(void 0),[c,h]=a(Xe),p=b(Ye,{},!(null==t?void 0:t.jwt)),[m,f]=v(Qe);return n((()=>{!(null==f?void 0:f.loading)&&r&&((null==f?void 0:f.errors)?h((e=>{var t,r,o;return{...e,error:null===(o=null===(r=null===(t=null==f?void 0:f.errors)||void 0===t?void 0:t.response)||void 0===r?void 0:r.errors)||void 0===o?void 0:o[0].message}})):(d((e=>{var t;return{...e,...null===(t=null==f?void 0:f.data)||void 0===t?void 0:t.upsertUser}})),o(!1)))}),[null==f?void 0:f.loading]),n((()=>{d((e=>{var t;return{...e,...null===(t=null==p?void 0:p.data)||void 0===t?void 0:t.viewer}}))}),[null==p?void 0:p.data]),n((()=>{var t;(null===(t=null==f?void 0:f.errors)||void 0===t?void 0:t.message)&&h((t=>({...t,error:e.networkErrorMessage})))}),[null==f?void 0:f.errors]),{states:{loading:(null==p?void 0:p.loading)||f.loading,submitDisabled:!1,formState:c,user:l,showEdit:r,text:{editprofileheader:e.editprofileheader,editprofiletext:e.editprofiletext,firstnametext:e.firstnametext,lastnametext:e.lastnametext,canceltext:e.canceltext,updatetext:e.updatetext,currentregiontext:e.currentregiontext,showregion:e.showregion,fieldEmptyText:e.fieldEmptyText}},callbacks:{onSubmit:()=>{if(c.firstName&&c.lastName)return m({id:null==t?void 0:t.id,accountId:null==t?void 0:t.accountId,firstName:c.firstName,lastName:c.lastName}),void h((e=>({...e,errors:{}})));const r={};c.firstName||(r.firstName={message:e.fieldEmptyText}),c.lastName||(r.lastName={message:e.fieldEmptyText}),V(r)||h((t=>({...t,error:e.formErrorText}))),h((e=>({...e,errors:r})))},resetForm:()=>{var e,t,r,o,n,a;const s=(null===(t=null===(e=null==p?void 0:p.data)||void 0===e?void 0:e.viewer)||void 0===t?void 0:t.countryCode)?u.formatDisplayName(p.data.viewer.countryCode,{type:"region"}):"";d({...null===(r=p.data)||void 0===r?void 0:r.viewer,...null===(o=f.data)||void 0===o?void 0:o.upsertUser}),h({...Xe,...null===(n=p.data)||void 0===n?void 0:n.viewer,...null===(a=f.data)||void 0===a?void 0:a.upsertUser,currentRegion:s})},onChange:e=>{const{name:t,value:r}=e.target;h((e=>({...e,[t]:r})))},setShowEdit:o}}}(q(this));return t(Y,Object.assign({},e))}};Je.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 et=class{constructor(t){e(this,t),this.columns=1,this.minHeight=200,this.background="var(--sl-color-gray-50)",this.paddingSize="large",this.wrapDirection="wrap",o(this)}disconnectedCallback(){}render(){const e={states:{...q(this)},content:{primaryColumn:t("slot",null),secondaryColumn:t("slot",{name:"secondary-column"})}};return t(Q,Object.assign({},e))}};function tt(e,r){const o=Boolean((e.header||e.description||e.buttonText)&&"overlay"===e.layout);console.log("buttonType is ",e.buttonType);const n=T({Container:{position:"relative","&:before":{content:o?'""':"",width:"100%",height:"100%",position:"absolute",background:e.overlayColor||"var(--sl-color-black)",opacity:e.overlayOpacity}},Image:{display:"block",width:"100%",height:"100%",objectFit:"cover"},Background:{backgroundImage:`url(${e.imageUrl})`,backgroundSize:"cover",backgroundPosition:e.imagePos||"center",display:"flex",justifyContent:"center",alignItems:"center"},Overlay:{zIndex:"1",padding:"calc(var(--sl-spacing-"+e.paddingText+") + var(--sl-spacing-"+e.paddingImage+"))",textAlign:"center",color:e.textColor||"var(--sqm-text)",lineHeight:"var(--sl-line-height-dense)","@media (max-width: 599px)":{padding:"var(--sl-spacing-"+e.paddingText+")"}},Column:{display:"flex",background:e.backgroundColor||"",flexDirection:"right"===e.imagePos?"row-reverse":"row",lineHeight:"var(--sl-line-height-dense)",color:e.textColor||"var(--sqm-text)","& .image-area":{width:e.imagePercentage?e.imagePercentage+"%":"50%",padding:"var(--sl-spacing-"+e.paddingImage+")",boxSizing:"border-box",display:"flex",justifyContent:"center",alignItems:"center","@media (max-width: 599px)":{width:"100%"}},"& .text-area":{width:e.imagePercentage?100-e.imagePercentage+"%":"50%",padding:"var(--sl-spacing-"+e.paddingText+")",alignSelf:"center",boxSizing:"border-box","@media (max-width: 599px)":{width:"100%",textAlign:"center",padding:"calc(0.5*var(--sl-spacing-"+e.paddingText+"))"}},"@media (max-width: 599px)":{flexDirection:"bottom"===e.imageMobilePos?"column-reverse":"column"}},Header:{fontSize:"var(--sl-font-size-xxx-large)",fontWeight:"var(--sl-font-weight-bold)","@media (max-width: 599px)":{fontSize:"var(--sl-font-size-xx-large)"}},Description:{fontSize:"var(--sl-font-size-x-large)",margin:"var(--sl-spacing-small) 0","@media (max-width: 599px)":{fontSize:"var(--sl-font-size-large)"}},Button:{marginTop:"var(--sl-spacing-medium)","&::part(base)":{padding:"0 var(--sl-spacing-x-large)"},"@media (max-width: 599px)":{width:"100%"}}}),a=n.toString();return t("div",{class:n.classes.Container,part:"sqm-base"},t("style",{type:"text/css"},"\n  :host{\n    display: block;\n  }",a),"overlay"===e.layout&&t("div",{class:n.classes.Background},t("div",{class:n.classes.Overlay,part:"sqm-overlay"},e.header&&t("div",{class:n.classes.Header},e.header),e.description&&t("div",{class:n.classes.Description},e.description),e.buttonText&&t("sl-button",{class:n.classes.Button,type:"primary",exportparts:`base: ${e.buttonType}button-base`,onClick:()=>e.buttonNewTab?window.open(e.buttonLink):window.open(e.buttonLink,"_parent")},e.buttonText),r&&r)),"columns"===e.layout&&t("div",null,t("div",{class:n.classes.Column},t("div",{class:"image-area"},t("img",{class:n.classes.Image,src:e.imageUrl,part:"sqm-columns-image"})),t("div",{class:"text-area",part:"sqm-columns-text-area"},e.header&&t("div",{class:n.classes.Header,part:"sqm-columns-header"},e.header),e.description&&t("div",{class:n.classes.Description,part:"sqm-columns-description"},e.description),e.buttonText&&t("sl-button",{exportparts:"base: sqm-hero-image-button",class:n.classes.Button,type:"primary",onClick:()=>e.buttonNewTab?window.open(e.buttonLink):window.open(e.buttonLink,"_parent")},e.buttonText)))))}const rt=class{constructor(t){e(this,t),this.overlayOpacity="0.75",this.layout="overlay",this.imagePercentage=50,this.imagePos="center",this.imageMobilePos="top",this.buttonNewTab=!1,this.paddingText="xxxx-large",this.paddingImage="none",this.buttonType="primary",o(this)}disconnectedCallback(){}render(){return t(tt,Object.assign({},q(this)),t("slot",null))}},ot=class{constructor(t){e(this,t),this.ignored=!0,o(this)}disconnectedCallback(){}render(){return t(this.hookStory,null)}};function nt(e){const r=T({Container:{display:"flex",width:"100%",justifyContent:e.alignment||"center",background:e.backgroundColor||""},Image:{minHeight:e.minHeight||"100%",width:e.width||"100%",maxWidth:"max-content",objectFit:"cover"}}),o=r.toString();return t("div",null,t("style",{type:"text/css"},o,"\n    :host{\n      display: block;   \n    }\n  "),t("div",{class:r.classes.Container,part:"sqm-base"},t("img",{part:"sqm-image",src:e.imageUrl,class:r.classes.Image})))}const at=class{constructor(t){e(this,t),this.alignment="center"}render(){return t(nt,Object.assign({},q(this)))}},st=class{constructor(t){e(this,t),this.ignored=!0,this.fieldType="text",this.errorMessage="Cannot be empty",this.fieldOptional=!1,o(this)}disconnectedCallback(){}render(){const e={...q(this)},r=R([{attribute:"field-name",value:this.fieldName}]);if(!h()&&r)return t($e,{missingProps:r,heading:"An error occured while loading this form",subheading:"A technical problem prevented this input field from loading. Please contact us with the link to this page.",description:"Values for the following attributes are missing:"});const{states:o}=h()?S({states:{registrationFormState:{}}},this.demoData||{},{arrayMerge:(e,t)=>t}):{states:{registrationFormState:s(z)}};return t(X,{states:o,content:e})}},it=m.gql`
+`,Xe={currentRegion:"",firstName:"",lastName:"",errors:{},error:""},Je=class{constructor(t){e(this,t),this.ignored=!0,this.networkErrorMessage="Network request failed.",this.fieldEmptyText="Cannot be empty",this.formErrorText="Please correct the errors below to update your profile.",n(this)}disconnectedCallback(){}render(){const e=h()?function(e){return q({states:{loading:!1,submitDisabled:!1,formState:{currentRegion:"Canada",firstName:"Bill",lastName:"Bob",errors:{},error:"An error string"},user:{firstName:"Bill",lastName:"Bob",email:"billbob@example.com"},showEdit:!1,text:{editprofileheader:e.editprofileheader?e.editprofileheader:"Edit Profile",editprofiletext:e.editprofiletext?e.editprofiletext:"Update your profile.",firstnametext:e.firstnametext?e.firstnametext:"First Name",lastnametext:e.lastnametext?e.lastnametext:"Last Name",canceltext:e.canceltext?e.canceltext:"Cancel",updatetext:e.updatetext?e.updatetext:"Update",currentregiontext:e.currentregiontext?e.currentregiontext:"Region",showregion:!0,fieldEmptyText:e.fieldEmptyText}},callbacks:{onSubmit:e=>{console.log(e)},resetForm:()=>{console.log("reset")},onChange:()=>{console.log("change")},setShowEdit:e=>{console.log(e)}}},e.demoData||{},{arrayMerge:(e,t)=>t})}(A(this)):function(e){const t=g(),[r,n]=a(!1),[s,i]=a(""),[l,c]=a(void 0),[d,h]=a(Xe),m=b(Ye,{},!(null==t?void 0:t.jwt)),[p,f]=v(Qe);return o((()=>{!(null==f?void 0:f.loading)&&r&&((null==f?void 0:f.errors)?h((e=>{var t,r,n;return{...e,error:null===(n=null===(r=null===(t=null==f?void 0:f.errors)||void 0===t?void 0:t.response)||void 0===r?void 0:r.errors)||void 0===n?void 0:n[0].message}})):(c((e=>{var t;return{...e,...null===(t=null==f?void 0:f.data)||void 0===t?void 0:t.upsertUser}})),n(!1)))}),[null==f?void 0:f.loading]),o((()=>{c((e=>{var t;return{...e,...null===(t=null==m?void 0:m.data)||void 0===t?void 0:t.viewer}}))}),[null==m?void 0:m.data]),o((()=>{var t;(null===(t=null==f?void 0:f.errors)||void 0===t?void 0:t.message)&&h((t=>({...t,error:e.networkErrorMessage})))}),[null==f?void 0:f.errors]),{states:{loading:(null==m?void 0:m.loading)||f.loading,submitDisabled:!1,formState:d,user:l,showEdit:r,text:{editprofileheader:e.editprofileheader,editprofiletext:e.editprofiletext,firstnametext:e.firstnametext,lastnametext:e.lastnametext,canceltext:e.canceltext,updatetext:e.updatetext,currentregiontext:e.currentregiontext,showregion:e.showregion,fieldEmptyText:e.fieldEmptyText}},callbacks:{onSubmit:()=>{if(d.firstName&&d.lastName)return p({id:null==t?void 0:t.id,accountId:null==t?void 0:t.accountId,firstName:d.firstName,lastName:d.lastName}),void h((e=>({...e,errors:{}})));const r={};d.firstName||(r.firstName={message:e.fieldEmptyText}),d.lastName||(r.lastName={message:e.fieldEmptyText}),V(r)||h((t=>({...t,error:e.formErrorText}))),h((e=>({...e,errors:r})))},resetForm:()=>{var e,t,r,n,o,a;const s=(null===(t=null===(e=null==m?void 0:m.data)||void 0===e?void 0:e.viewer)||void 0===t?void 0:t.countryCode)?u.formatDisplayName(m.data.viewer.countryCode,{type:"region"}):"";c({...null===(r=m.data)||void 0===r?void 0:r.viewer,...null===(n=f.data)||void 0===n?void 0:n.upsertUser}),h({...Xe,...null===(o=m.data)||void 0===o?void 0:o.viewer,...null===(a=f.data)||void 0===a?void 0:a.upsertUser,currentRegion:s})},onChange:e=>{const{name:t,value:r}=e.target;h((e=>({...e,[t]:r})))},setShowEdit:n}}}(A(this));return t(Y,Object.assign({},e))}};Je.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 et=class{constructor(t){e(this,t),this.columns=1,this.minHeight=200,this.background="var(--sl-color-gray-50)",this.paddingSize="large",this.wrapDirection="wrap",n(this)}disconnectedCallback(){}render(){const e={states:{...A(this)},content:{primaryColumn:t("slot",null),secondaryColumn:t("slot",{name:"secondary-column"})}};return t(Q,Object.assign({},e))}};function tt(e,r){const n=Boolean((e.header||e.description||e.buttonText)&&"overlay"===e.layout);console.log("buttonType is ",e.buttonType);const o=T({Container:{position:"relative","&:before":{content:n?'""':"",width:"100%",height:"100%",position:"absolute",background:e.overlayColor||"var(--sl-color-black)",opacity:e.overlayOpacity}},Image:{display:"block",width:"100%",height:"100%",objectFit:"cover"},Background:{backgroundImage:`url(${e.imageUrl})`,backgroundSize:"cover",backgroundPosition:e.imagePos||"center",display:"flex",justifyContent:"center",alignItems:"center"},Overlay:{zIndex:"1",padding:"calc(var(--sl-spacing-"+e.paddingText+") + var(--sl-spacing-"+e.paddingImage+"))",textAlign:"center",color:e.textColor||"var(--sqm-text)",lineHeight:"var(--sl-line-height-dense)","@media (max-width: 599px)":{padding:"var(--sl-spacing-"+e.paddingText+")"}},Column:{display:"flex",background:e.backgroundColor||"",flexDirection:"right"===e.imagePos?"row-reverse":"row",lineHeight:"var(--sl-line-height-dense)",color:e.textColor||"var(--sqm-text)","& .image-area":{width:e.imagePercentage?e.imagePercentage+"%":"50%",padding:"var(--sl-spacing-"+e.paddingImage+")",boxSizing:"border-box",display:"flex",justifyContent:"center",alignItems:"center","@media (max-width: 599px)":{width:"100%"}},"& .text-area":{width:e.imagePercentage?100-e.imagePercentage+"%":"50%",padding:"var(--sl-spacing-"+e.paddingText+")",alignSelf:"center",boxSizing:"border-box","@media (max-width: 599px)":{width:"100%",textAlign:"center",padding:"calc(0.5*var(--sl-spacing-"+e.paddingText+"))"}},"@media (max-width: 599px)":{flexDirection:"bottom"===e.imageMobilePos?"column-reverse":"column"}},Header:{fontSize:"var(--sl-font-size-xxx-large)",fontWeight:"var(--sl-font-weight-bold)","@media (max-width: 599px)":{fontSize:"var(--sl-font-size-xx-large)"}},Description:{fontSize:"var(--sl-font-size-x-large)",margin:"var(--sl-spacing-small) 0","@media (max-width: 599px)":{fontSize:"var(--sl-font-size-large)"}},Button:{marginTop:"var(--sl-spacing-medium)","&::part(base)":{padding:"0 var(--sl-spacing-x-large)"},"@media (max-width: 599px)":{width:"100%"}}}),a=o.toString();return t("div",{class:o.classes.Container,part:"sqm-base"},t("style",{type:"text/css"},"\n  :host{\n    display: block;\n  }",a),"overlay"===e.layout&&t("div",{class:o.classes.Background},t("div",{class:o.classes.Overlay,part:"sqm-overlay"},e.header&&t("div",{class:o.classes.Header},e.header),e.description&&t("div",{class:o.classes.Description},e.description),e.buttonText&&t("sl-button",{class:o.classes.Button,type:"primary",exportparts:`base: ${e.buttonType}button-base`,onClick:()=>e.buttonNewTab?window.open(e.buttonLink):window.open(e.buttonLink,"_parent")},e.buttonText),r&&r)),"columns"===e.layout&&t("div",null,t("div",{class:o.classes.Column},t("div",{class:"image-area"},t("img",{class:o.classes.Image,src:e.imageUrl,part:"sqm-columns-image"})),t("div",{class:"text-area",part:"sqm-columns-text-area"},e.header&&t("div",{class:o.classes.Header,part:"sqm-columns-header"},e.header),e.description&&t("div",{class:o.classes.Description,part:"sqm-columns-description"},e.description),e.buttonText&&t("sl-button",{exportparts:"base: sqm-hero-image-button",class:o.classes.Button,type:"primary",onClick:()=>e.buttonNewTab?window.open(e.buttonLink):window.open(e.buttonLink,"_parent")},e.buttonText)))))}const rt=class{constructor(t){e(this,t),this.overlayOpacity="0.75",this.layout="overlay",this.imagePercentage=50,this.imagePos="center",this.imageMobilePos="top",this.buttonNewTab=!1,this.paddingText="xxxx-large",this.paddingImage="none",this.buttonType="primary",n(this)}disconnectedCallback(){}render(){return t(tt,Object.assign({},A(this)),t("slot",null))}},nt=class{constructor(t){e(this,t),this.ignored=!0,n(this)}disconnectedCallback(){}render(){return t(this.hookStory,null)}};function ot(e){const r=T({Container:{display:"flex",width:"100%",justifyContent:e.alignment||"center",background:e.backgroundColor||""},Image:{minHeight:e.minHeight||"100%",width:e.width||"100%",maxWidth:"max-content",objectFit:"cover"}}),n=r.toString();return t("div",null,t("style",{type:"text/css"},n,"\n    :host{\n      display: block;   \n    }\n  "),t("div",{class:r.classes.Container,part:"sqm-base"},t("img",{part:"sqm-image",src:e.imageUrl,class:r.classes.Image})))}const at=class{constructor(t){e(this,t),this.alignment="center"}render(){return t(ot,Object.assign({},A(this)))}},st=class{constructor(t){e(this,t),this.ignored=!0,this.fieldType="text",this.errorMessage="Cannot be empty",this.fieldOptional=!1,n(this)}disconnectedCallback(){}render(){const e={...A(this)},r=R([{attribute:"field-name",value:this.fieldName}]);if(!h()&&r)return t($e,{missingProps:r,heading:"An error occured while loading this form",subheading:"A technical problem prevented this input field from loading. Please contact us with the link to this page.",description:"Values for the following attributes are missing:"});const{states:n}=h()?q({states:{registrationFormState:{}}},this.demoData||{},{arrayMerge:(e,t)=>t}):{states:{registrationFormState:s(z)}};return t(X,{states:n,content:e})}},it=p.gql`
   query (
     $type: String!
     $filter: UserLeaderboardFilterInput
@@ -79,7 +79,7 @@ import{r as e,h as t,c as r}from"./p-c7c11325.js";import{n as o,f as n,k as a,i
       }
     }
   }
-`,lt=m.gql`
+`,lt=p.gql`
   query (
     $type: String!
     $filter: UserLeaderboardFilterInput
@@ -98,7 +98,7 @@ import{r as e,h as t,c as r}from"./p-c7c11325.js";import{n as o,f as n,k as a,i
       }
     }
   }
-`,dt=m.gql`
+`,ct=p.gql`
   query (
     $type: String!
     $filter: UserLeaderboardFilterInput
@@ -117,7 +117,7 @@ import{r as e,h as t,c as r}from"./p-c7c11325.js";import{n as o,f as n,k as a,i
       }
     }
   }
-`,ct=m.gql`
+`,dt=p.gql`
   query (
     $type: String!
     $filter: UserLeaderboardFilterInput
@@ -134,7 +134,7 @@ import{r as e,h as t,c as r}from"./p-c7c11325.js";import{n as o,f as n,k as a,i
       }
     }
   }
-`,ut=class{constructor(t){e(this,t),this.width="100%",this.viewingUserText="You",this.hideNames=!1,this.anonymousUser="Anonymous User",this.maxRows=10,this.hideViewer=!1,this.ignored=!0,o(this),J(this)}disconnectedCallback(){}render(){const e={empty:t(ht,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={...e,demoData:this.demoData},o=h()?function(e){var r,o;const n=(null===(o=null===(r=e.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 S({states:{loading:!1,hasLeaders:!0,isEssentials:!1,styles:{usersheading:e.usersheading?e.usersheading:"Top referrers",statsheading:e.statsheading?e.statsheading:"New customers",rankheading:e.rankheading?e.rankheading:"Rank",anonymousUser:e.anonymousUser?e.anonymousUser:"Anonymous User",showRank:e.showRank,hideViewer:e.hideViewer,viewingUserText:e.viewingUserText,hideNames:e.hideNames,rankSuffix:e.rankSuffix,width:e.width,viewingUserHighlightColor:e.viewingUserHighlightColor,viewingUserHighlightTextColor:e.viewingUserHighlightTextColor,background:e.background,borderColor:e.borderColor,textColor:e.textColor,borderRadius:e.borderRadius}},data:{rankType:"rowNumber",leaderboard:n},elements:{empty:t(ht,null)}},e.demoData||{},{arrayMerge:(e,t)=>t})}(r):function(e){var t,r,o,n,a,s,l,d,c,u;const h=f(),p=null!==(t=e.programId)&&void 0!==t?t:h,m=g(),v=y(),x=p?{type:e.leaderboardType,filter:{programId_eq:p}}:{type:e.leaderboardType,filter:{}};e.interval&&(x.filter.interval=e.interval),v&&(x.locale=v),e.maxRows>0&&(x.limit=e.maxRows);const{data:w,loading:k,errors:C}=b(e.hideNames?lt:it,x,!(null==m?void 0:m.jwt),{batch:!1}),{data:F}=b(e.hideNames?ct:dt,x,!(null==m?void 0:m.jwt)),E=null==(A=null===(r=null==w?void 0:w.userLeaderboard)||void 0===r?void 0:r.rows)?void 0:A.flatMap((t=>{var r,o;return{textValue:t.textValue,firstName:t.firstName,lastInitial:t.lastInitial,rank:null===(r=t.rank)||void 0===r?void 0:r[e.rankType],rowNumber:null===(o=t.rank)||void 0===o?void 0:o.rowNumber}})),_=null==E?void 0:E.sort((function(e,t){return e.rank-t.rank})),I={textValue:null===(n=null===(o=null==F?void 0:F.viewer)||void 0===o?void 0:o.leaderboardRank)||void 0===n?void 0:n.textValue,firstName:null===(a=null==F?void 0:F.viewer)||void 0===a?void 0:a.firstName,lastInitial:null===(s=null==F?void 0:F.viewer)||void 0===s?void 0:s.lastInitial,rank:null===(d=null===(l=null==F?void 0:F.viewer)||void 0===l?void 0:l.leaderboardRank)||void 0===d?void 0:d[e.rankType],rowNumber:null===(u=null===(c=null==F?void 0:F.viewer)||void 0===c?void 0:c.leaderboardRank)||void 0===u?void 0:u.rowNumber};var A;return{states:{loading:k,isEssentials:i((()=>{var e,t;return!!(null===(t=null===(e=null==C?void 0:C.response)||void 0===e?void 0:e.errors)||void 0===t?void 0:t.find((e=>{var t,r;return 403===(null===(r=null===(t=null==e?void 0:e.extensions)||void 0===t?void 0:t.apiError)||void 0===r?void 0:r.statusCode)})))}),[C]),hasLeaders:(null==_?void 0:_.length)>0,styles:e},data:{leaderboard:_,rankType:e.rankType,viewerRank:I},elements:{empty:e.empty}}}(e);return t(ee,Object.assign({},o))}};function ht(){return t("slot",{name:"empty"},t("sqm-empty",{"empty-state-image":"https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png","empty-state-header":"View your rank in the leaderboard","empty-state-text":"Be the first to refer a friend and reach the top of the leaderboard"}))}const pt=T({Container:{display:"contents"},Link:{textDecoration:"none",color:"inherit"}}),mt=pt.toString();function gt(e){const{onClick:r,buttonText:o}=e;return t("span",{class:pt.classes.Container,part:"sqm-base"},t("style",{type:"text/css"},mt,"\n:host{\n  display: inline;   \n}\n"),t("sl-button",{onClick:r,type:"primary",exportparts:"base: primarybutton-base"},t("a",{class:pt.classes.Link,part:"sqm-link"},o)))}const ft=class{constructor(t){e(this,t),this.openInNewTab=!1,this.buttonText="Click here"}render(){return t(gt,Object.assign({},{...q(this),onClick:()=>{window.open(this.link,this.openInNewTab?"_blank":"_parent")}}))}},vt=class{constructor(t){e(this,t),this.ignored=!0,this.checkboxLabel="I would like to receive marketing and promotional emails for this referral program",this.checkboxName="marketingEmailOptIn",o(this)}disconnectedCallback(){}render(){const e={...q(this)},{states:r,callbacks:o}=h()?S({states:{registrationFormState:{},checked:!1},callbacks:{setChecked:()=>{}}},this.demoData||{},{arrayMerge:(e,t)=>t}):Ve(this);return t(G,{states:r,content:e,callbacks:o})}},bt=class{constructor(t){e(this,t),this.ignored=!0,this.firstNameLabel="First Name",this.lastNameLabel="Last Name",o(this)}disconnectedCallback(){}render(){const{states:e}=h()?S({states:{validationErrors:[],content:{firstNameLabel:this.firstNameLabel,lastNameLabel:this.lastNameLabel}}},this.demoData||{},{arrayMerge:(e,t)=>t}):function(e){return{states:{registrationFormState:s(z),content:{lastNameLabel:e.lastNameLabel,firstNameLabel:e.firstNameLabel}}}}(this);return t(te,{states:e})}};function xt(e){const{states:r}=e,{styles:o}=r;return r.includeDropdown?t("sl-dropdown",{style:"margin-bottom: var(--sl-spacing-large)"},t("sl-button",{slot:"trigger",caret:!0,onClick:e.callbacks.rerender,exportparts:"base: dropdownbutton-base"},o.menuLabel),t("sl-menu",{ref:t=>{void 0===e.ref.current&&(e.ref.current=t,e.callbacks.rerender())}},t("slot",null))):""}const yt=class{constructor(t){e(this,t),this.ignored=!0,o(this)}disconnectedCallback(){}render(){const e=h()?function(e){return S({states:{includeDropdown:!0,styles:{...e,menuLabel:"Menu"}},callbacks:{rerender:()=>{}},ref:{current:void 0}},e.demoData||{},{arrayMerge:(e,t)=>t})}(q(this)):function(e){const t=l(),[,r]=w(),o=g();return n((()=>{var e;null===(e=t.current)||void 0===e||e.addEventListener("sl-select",(e=>function(e){k.push(e.detail.item.value)}(e)))}),[t.current]),{states:{includeDropdown:void 0!==((null==o?void 0:o.id)||(null==o?void 0:o.accountId)||(null==o?void 0:o.jwt)),styles:{menuLabel:e.menuLabel}},callbacks:{rerender:r},ref:t}}(q(this));return t(r,{slot:"sqm-navigation-menu"},t(xt,Object.assign({},e)))}};yt.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 wt=T({Wrapper:{maxWidth:"200px",marginLeft:"auto"},PayoutButtonDescription:{color:"var(--sl-color-neutral-500)",fontSize:"var(--sl-font-size-small)",margin:"0"}}),kt=wt.toString();function Ct(e){const{text:r,states:o}=e;return o.payoutSettingsComplete?t("div",{class:wt.classes.Wrapper},t("style",{type:"text/css"},kt),t("sqm-scroll",{"scroll-tag-name":"sqm-tabs","button-text":r.payoutButtonText,"scroll-animation":"smooth"}),t("p",{class:wt.classes.PayoutButtonDescription},r.payoutButtonDescription)):t("div",null)}const Ft=m.gql`
+`,ut=class{constructor(t){e(this,t),this.width="100%",this.viewingUserText="You",this.hideNames=!1,this.anonymousUser="Anonymous User",this.maxRows=10,this.hideViewer=!1,this.ignored=!0,n(this),J(this)}disconnectedCallback(){}render(){const e={empty:t(ht,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={...e,demoData:this.demoData},n=h()?function(e){var r,n;const o=(null===(n=null===(r=e.demoData)||void 0===r?void 0:r.data)||void 0===n?void 0:n.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 q({states:{loading:!1,hasLeaders:!0,isEssentials:!1,styles:{usersheading:e.usersheading?e.usersheading:"Top referrers",statsheading:e.statsheading?e.statsheading:"New customers",rankheading:e.rankheading?e.rankheading:"Rank",anonymousUser:e.anonymousUser?e.anonymousUser:"Anonymous User",showRank:e.showRank,hideViewer:e.hideViewer,viewingUserText:e.viewingUserText,hideNames:e.hideNames,rankSuffix:e.rankSuffix,width:e.width,viewingUserHighlightColor:e.viewingUserHighlightColor,viewingUserHighlightTextColor:e.viewingUserHighlightTextColor,background:e.background,borderColor:e.borderColor,textColor:e.textColor,borderRadius:e.borderRadius}},data:{rankType:"rowNumber",leaderboard:o},elements:{empty:t(ht,null)}},e.demoData||{},{arrayMerge:(e,t)=>t})}(r):function(e){var t,r,n,o,a,s,l,c,d,u;const h=f(),m=null!==(t=e.programId)&&void 0!==t?t:h,p=g(),v=x(),y=m?{type:e.leaderboardType,filter:{programId_eq:m}}:{type:e.leaderboardType,filter:{}};e.interval&&(y.filter.interval=e.interval),v&&(y.locale=v),e.maxRows>0&&(y.limit=e.maxRows);const{data:w,loading:k,errors:C}=b(e.hideNames?lt:it,y,!(null==p?void 0:p.jwt),{batch:!1}),{data:F}=b(e.hideNames?dt:ct,y,!(null==p?void 0:p.jwt)),_=null==(S=null===(r=null==w?void 0:w.userLeaderboard)||void 0===r?void 0:r.rows)?void 0:S.flatMap((t=>{var r,n;return{textValue:t.textValue,firstName:t.firstName,lastInitial:t.lastInitial,rank:null===(r=t.rank)||void 0===r?void 0:r[e.rankType],rowNumber:null===(n=t.rank)||void 0===n?void 0:n.rowNumber}})),E=null==_?void 0:_.sort((function(e,t){return e.rank-t.rank})),I={textValue:null===(o=null===(n=null==F?void 0:F.viewer)||void 0===n?void 0:n.leaderboardRank)||void 0===o?void 0:o.textValue,firstName:null===(a=null==F?void 0:F.viewer)||void 0===a?void 0:a.firstName,lastInitial:null===(s=null==F?void 0:F.viewer)||void 0===s?void 0:s.lastInitial,rank:null===(c=null===(l=null==F?void 0:F.viewer)||void 0===l?void 0:l.leaderboardRank)||void 0===c?void 0:c[e.rankType],rowNumber:null===(u=null===(d=null==F?void 0:F.viewer)||void 0===d?void 0:d.leaderboardRank)||void 0===u?void 0:u.rowNumber};var S;return{states:{loading:k,isEssentials:i((()=>{var e,t;return!!(null===(t=null===(e=null==C?void 0:C.response)||void 0===e?void 0:e.errors)||void 0===t?void 0:t.find((e=>{var t,r;return 403===(null===(r=null===(t=null==e?void 0:e.extensions)||void 0===t?void 0:t.apiError)||void 0===r?void 0:r.statusCode)})))}),[C]),hasLeaders:(null==E?void 0:E.length)>0,styles:e},data:{leaderboard:E,rankType:e.rankType,viewerRank:I},elements:{empty:e.empty}}}(e);return t(ee,Object.assign({},n))}};function ht(){return t("slot",{name:"empty"},t("sqm-empty",{"empty-state-image":"https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png","empty-state-header":"View your rank in the leaderboard","empty-state-text":"Be the first to refer a friend and reach the top of the leaderboard"}))}const mt=T({Container:{display:"contents"},Link:{textDecoration:"none",color:"inherit"}}),pt=mt.toString();function gt(e){const{onClick:r,buttonText:n}=e;return t("span",{class:mt.classes.Container,part:"sqm-base"},t("style",{type:"text/css"},pt,"\n:host{\n  display: inline;   \n}\n"),t("sl-button",{onClick:r,type:"primary",exportparts:"base: primarybutton-base"},t("a",{class:mt.classes.Link,part:"sqm-link"},n)))}const ft=class{constructor(t){e(this,t),this.openInNewTab=!1,this.buttonText="Click here"}render(){return t(gt,Object.assign({},{...A(this),onClick:()=>{window.open(this.link,this.openInNewTab?"_blank":"_parent")}}))}},vt=class{constructor(t){e(this,t),this.ignored=!0,this.checkboxLabel="I would like to receive marketing and promotional emails for this referral program",this.checkboxName="marketingEmailOptIn",n(this)}disconnectedCallback(){}render(){const e={...A(this)},{states:r,callbacks:n}=h()?q({states:{registrationFormState:{},checked:!1},callbacks:{setChecked:()=>{}}},this.demoData||{},{arrayMerge:(e,t)=>t}):Ve(this);return t(G,{states:r,content:e,callbacks:n})}},bt=class{constructor(t){e(this,t),this.ignored=!0,this.firstNameLabel="First Name",this.lastNameLabel="Last Name",n(this)}disconnectedCallback(){}render(){const{states:e}=h()?q({states:{validationErrors:[],content:{firstNameLabel:this.firstNameLabel,lastNameLabel:this.lastNameLabel}}},this.demoData||{},{arrayMerge:(e,t)=>t}):function(e){return{states:{registrationFormState:s(z),content:{lastNameLabel:e.lastNameLabel,firstNameLabel:e.firstNameLabel}}}}(this);return t(te,{states:e})}};function yt(e){const{states:r}=e,{styles:n}=r;return r.includeDropdown?t("sl-dropdown",{style:"margin-bottom: var(--sl-spacing-large)"},t("sl-button",{slot:"trigger",caret:!0,onClick:e.callbacks.rerender,exportparts:"base: dropdownbutton-base"},n.menuLabel),t("sl-menu",{ref:t=>{void 0===e.ref.current&&(e.ref.current=t,e.callbacks.rerender())}},t("slot",null))):""}const xt=class{constructor(t){e(this,t),this.ignored=!0,n(this)}disconnectedCallback(){}render(){const e=h()?function(e){return q({states:{includeDropdown:!0,styles:{...e,menuLabel:"Menu"}},callbacks:{rerender:()=>{}},ref:{current:void 0}},e.demoData||{},{arrayMerge:(e,t)=>t})}(A(this)):function(e){const t=l(),[,r]=w(),n=g();return o((()=>{var e;null===(e=t.current)||void 0===e||e.addEventListener("sl-select",(e=>function(e){k.push(e.detail.item.value)}(e)))}),[t.current]),{states:{includeDropdown:void 0!==((null==n?void 0:n.id)||(null==n?void 0:n.accountId)||(null==n?void 0:n.jwt)),styles:{menuLabel:e.menuLabel}},callbacks:{rerender:r},ref:t}}(A(this));return t(r,{slot:"sqm-navigation-menu"},t(yt,Object.assign({},e)))}};xt.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 wt=T({Wrapper:{maxWidth:"200px",marginLeft:"auto"},PayoutButtonDescription:{color:"var(--sl-color-neutral-500)",fontSize:"var(--sl-font-size-small)",margin:"0"}}),kt=wt.toString();function Ct(e){const{text:r,states:n}=e;return n.payoutSettingsComplete?t("div",{class:wt.classes.Wrapper},t("style",{type:"text/css"},kt),t("sqm-scroll",{"scroll-tag-name":"sqm-tabs","button-text":r.payoutButtonText,"scroll-animation":"smooth"}),t("p",{class:wt.classes.PayoutButtonDescription},r.payoutButtonDescription)):t("div",null)}const Ft=p.gql`
   query getPayoutDetails {
     user: viewer {
       ... on User {
@@ -152,7 +152,7 @@ import{r as e,h as t,c as r}from"./p-c7c11325.js";import{n as o,f as n,k as a,i
       }
     }
   }
-`,Et=class{constructor(t){e(this,t),this.payoutButtonText="Payouts & Tax Settings",this.payoutButtonDescription="Check your payout settings to see when you’ll get paid out next",this.ignored=!0,o(this)}disconnectedCallback(){}getTextProps(){return q(this)}render(){const e=h()?function(e){return S({states:{payoutSettingsComplete:!1},text:e.getTextProps()},e.demoData||{},{arrayMerge:(e,t)=>t})}(this):function(e){var t,r,o;const{data:a,refetch:s}=b(Ft,{});return n((()=>{const e=()=>s();return window.addEventListener("sqm:tax-form-updated",e),()=>window.removeEventListener("sqm:tax-form-updated",e)}),[]),{states:{payoutSettingsComplete:!!(null===(o=null===(r=null===(t=null==a?void 0:a.user)||void 0===t?void 0:t.impactConnection)||void 0===r?void 0:r.publisher)||void 0===o?void 0:o.payoutsAccount)},text:e.getTextProps()}}(this);return t(Ct,Object.assign({},e))}},_t=T({SkeletonOne:{width:"50%",height:"16px"},AlertDescriptionText:{margin:"0",marginBottom:"var(--sl-spacing-small)"},ErrorAlertContainer:{"&::part(base)":{backgroundColor:"var(--sl-color-red-100)",borderTop:"none"},"& sl-icon::part(base)":{color:"var(--sl-color-danger-500)"}},WarningAlertContainer:{"&::part(base)":{backgroundColor:"var(--sl-color-yellow-100)",borderTop:"none"},"& sl-icon::part(base)":{color:"var(--sl-color-danger-500)"}},InfoAlertContainer:{"&::part(base)":{backgroundColor:"var(--sl-color-sky-100)",borderTop:"none"},"& sl-icon::part(base)":{color:"var(--sl-color-blue-500)"}},Dialog:{"&::part(panel)":{height:"600px"},"&::part(close-button)":{marginBottom:"var(--sl-spacing-xx-large)"},"&::part(title)":{display:"none"},"&::part(header)":{},"&::part(body)":{padding:"0"},"&::part(footer)":{}}}),It=_t.toString();function At(e){const{text:r,states:o,data:n,callbacks:a}=e;if(o.loading)return t("sl-skeleton",{class:_t.classes.SkeletonOne});const s=function(e){if(o.error)return{header:r.errorHeader,description:r.errorDescription,buttonText:null,alertType:"critical",icon:"exclamation-triangle",class:_t.classes.ErrorAlertContainer};switch(e){case"INFORMATION_REQUIRED":return{header:r.informationRequiredHeader,description:r.informationRequiredDescription,buttonText:r.informationRequiredButtonText,alertType:"info",icon:"info-circle",class:_t.classes.InfoAlertContainer};case"VERIFICATION:REQUIRED":return{header:r.verificationRequiredHeader,description:u.formatMessage({id:"verificationRequiredDescription",defaultMessage:r.verificationRequiredDescription},{supportLink:t("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),buttonText:r.verificationRequiredButtonText,alertType:"warning",icon:"exclamation-triangle",class:_t.classes.WarningAlertContainer};case"VERIFICATION:INTERNAL":return{header:r.verificationRequiredInternalHeader,description:u.formatMessage({id:"verificationRequiredInternalDescription",defaultMessage:r.verificationRequiredInternalDescription},{supportLink:t("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),alertType:"warning",icon:"exclamation-triangle",class:_t.classes.WarningAlertContainer};case"VERIFICATION:REVIEW":return{header:r.verificationReviewInternalHeader,description:u.formatMessage({id:"verificationReviewInternalDescription",defaultMessage:r.verificationReviewInternalDescription},{supportLink:t("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),alertType:"warning",icon:"exclamation-triangle",class:_t.classes.WarningAlertContainer};case"VERIFICATION:FAILED":return{header:r.verificationFailedInternalHeader,description:u.formatMessage({id:"verificationFailedInternalDescription",defaultMessage:r.verificationFailedInternalDescription},{supportLink:t("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),alertType:"critical",icon:"exclamation-octagon",class:_t.classes.ErrorAlertContainer};case"HOLD":return{header:r.holdHeader,description:u.formatMessage({id:"holdDescription",defaultMessage:r.holdDescription},{supportLink:t("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),buttonText:null,alertType:"warning",icon:"exclamation-triangle",class:_t.classes.WarningAlertContainer};default:return}}(o.status);return"DONE"!==o.status&&s?t("div",{part:"sqm-base"},t("style",{type:"text/css"},It),t("sl-alert",{exportparts:"base: alert-base, icon:alert-icon",type:s.alertType,class:s.class,open:!0},t("sl-icon",{slot:"icon",name:s.icon}),t("strong",null,s.header),t("p",{class:_t.classes.AlertDescriptionText},s.description),function(e){switch(e){case"INFORMATION_REQUIRED":return"SquatchJS2"===n.type?t("sqm-scroll",{"scroll-tag-name":"sqm-tabs","button-text":r.informationRequiredButtonText,"scroll-animation":"smooth"}):t("sl-button","SquatchPortal"===n.type?{type:"default",onClick:a.onTermsClick}:{type:"default"},r.informationRequiredButtonText);case"VERIFICATION:REQUIRED":return t("sl-button",{type:"default",loading:o.veriffLoading,onClick:a.onClick},r.verificationRequiredButtonText);default:return}}(o.status))):t("div",null)}const St=class{constructor(t){e(this,t),this.informationRequiredHeader="Payout and tax information required",this.informationRequiredDescription="Submit your banking details and tax documents to receive your rewards.",this.informationRequiredButtonText="Payouts & Tax Settings",this.verificationRequiredHeader="Verify your identity",this.verificationRequiredDescription="It should only take a few minutes verify. If you run in to an issue verifying your identity contact our {supportLink}.",this.verificationRequiredButtonText="Start Verification",this.verificationRequiredInternalHeader="Identity Verification in Progress",this.verificationRequiredInternalDescription="Identity verification submission has been received. Our system is currently performing additional checks and analyzing the results. You will be updated shortly. If you don't hear from us contact our {supportLink}.",this.verificationReviewInternalHeader="Identity Verification Under Review",this.verificationReviewInternalDescription="Identity verification requires further review due to a potential error. Our team is reviewing the information and will update you shortly. If you don't hear from us contact our {supportLink}.",this.verificationFailedInternalHeader="Identity Verification Unsuccessful",this.verificationFailedInternalDescription="Identity verification has failed. Our team is reviewing the report and will contact you with further information. If you don't hear from us contact our {supportLink}.",this.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="/cash",this.supportLink="support team",this.errorHeader="Could not determine payout status.",this.errorDescription="There was an error with determining your payout status.",o(this)}disconnectedCallback(){}getTextProps(){return q(this)}render(){const e=h()?function(e){return S({states:{error:!1,status:"INFORMATION_REQUIRED",loading:!1,showVerifyIdentity:!1},data:{type:"SquatchAdmin"},text:e.getTextProps(),callbacks:{onTermsClick:()=>{},onClick:()=>console.log("show")}},e.demoData||{},{arrayMerge:(e,t)=>t})}(this):ge(this);return t(At,Object.assign({},e))}},qt=m.gql`
+`,_t=class{constructor(t){e(this,t),this.payoutButtonText="Payouts & Tax Settings",this.payoutButtonDescription="Check your payout settings to see when you’ll get paid out next",this.ignored=!0,n(this)}disconnectedCallback(){}getTextProps(){return A(this)}render(){const e=h()?function(e){return q({states:{payoutSettingsComplete:!1},text:e.getTextProps()},e.demoData||{},{arrayMerge:(e,t)=>t})}(this):function(e){var t,r,n;const{data:a,refetch:s}=b(Ft,{});return o((()=>{const e=()=>s();return window.addEventListener("sqm:tax-form-updated",e),()=>window.removeEventListener("sqm:tax-form-updated",e)}),[]),{states:{payoutSettingsComplete:!!(null===(n=null===(r=null===(t=null==a?void 0:a.user)||void 0===t?void 0:t.impactConnection)||void 0===r?void 0:r.publisher)||void 0===n?void 0:n.payoutsAccount)},text:e.getTextProps()}}(this);return t(Ct,Object.assign({},e))}},Et=T({SkeletonOne:{width:"50%",height:"16px"},AlertDescriptionText:{margin:"0",marginBottom:"var(--sl-spacing-small)"},ErrorAlertContainer:{"&::part(base)":{backgroundColor:"var(--sl-color-red-100)",borderTop:"none"},"& sl-icon::part(base)":{color:"var(--sl-color-danger-500)"}},WarningAlertContainer:{"&::part(base)":{backgroundColor:"var(--sl-color-yellow-100)",borderTop:"none"},"& sl-icon::part(base)":{color:"var(--sl-color-danger-500)"}},InfoAlertContainer:{"&::part(base)":{backgroundColor:"var(--sl-color-sky-100)",borderTop:"none"},"& sl-icon::part(base)":{color:"var(--sl-color-blue-500)"}},Dialog:{"&::part(panel)":{height:"600px"},"&::part(close-button)":{marginBottom:"var(--sl-spacing-xx-large)"},"&::part(title)":{display:"none"},"&::part(header)":{},"&::part(body)":{padding:"0"},"&::part(footer)":{}}}),It=Et.toString();function St(e){const{text:r,states:n,data:o,callbacks:a}=e;if(n.loading)return t("sl-skeleton",{class:Et.classes.SkeletonOne});const s=function(e){if(n.error)return{header:r.errorHeader,description:r.errorDescription,buttonText:null,alertType:"critical",icon:"exclamation-triangle",class:Et.classes.ErrorAlertContainer};switch(e){case"INFORMATION_REQUIRED":return{header:r.informationRequiredHeader,description:r.informationRequiredDescription,buttonText:r.informationRequiredButtonText,alertType:"info",icon:"info-circle",class:Et.classes.InfoAlertContainer};case"VERIFICATION:REQUIRED":return{header:r.verificationRequiredHeader,description:u.formatMessage({id:"verificationRequiredDescription",defaultMessage:r.verificationRequiredDescription},{supportLink:t("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),buttonText:r.verificationRequiredButtonText,alertType:"warning",icon:"exclamation-triangle",class:Et.classes.WarningAlertContainer};case"VERIFICATION:INTERNAL":return{header:r.verificationRequiredInternalHeader,description:u.formatMessage({id:"verificationRequiredInternalDescription",defaultMessage:r.verificationRequiredInternalDescription},{supportLink:t("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),alertType:"warning",icon:"exclamation-triangle",class:Et.classes.WarningAlertContainer};case"VERIFICATION:REVIEW":return{header:r.verificationReviewInternalHeader,description:u.formatMessage({id:"verificationReviewInternalDescription",defaultMessage:r.verificationReviewInternalDescription},{supportLink:t("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),alertType:"warning",icon:"exclamation-triangle",class:Et.classes.WarningAlertContainer};case"VERIFICATION:FAILED":return{header:r.verificationFailedInternalHeader,description:u.formatMessage({id:"verificationFailedInternalDescription",defaultMessage:r.verificationFailedInternalDescription},{supportLink:t("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),alertType:"critical",icon:"exclamation-octagon",class:Et.classes.ErrorAlertContainer};case"HOLD":return{header:r.holdHeader,description:u.formatMessage({id:"holdDescription",defaultMessage:r.holdDescription},{supportLink:t("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),buttonText:null,alertType:"warning",icon:"exclamation-triangle",class:Et.classes.WarningAlertContainer};default:return}}(n.status);return"DONE"!==n.status&&s?t("div",{part:"sqm-base"},t("style",{type:"text/css"},It),t("sl-alert",{exportparts:"base: alert-base, icon:alert-icon",type:s.alertType,class:s.class,open:!0},t("sl-icon",{slot:"icon",name:s.icon}),t("strong",null,s.header),t("p",{class:Et.classes.AlertDescriptionText},s.description),function(e){switch(e){case"INFORMATION_REQUIRED":return"SquatchJS2"===o.type?t("sqm-scroll",{"scroll-tag-name":"sqm-tabs","button-text":r.informationRequiredButtonText,"scroll-animation":"smooth"}):t("sl-button","SquatchPortal"===o.type?{type:"default",onClick:a.onTermsClick}:{type:"default"},r.informationRequiredButtonText);case"VERIFICATION:REQUIRED":return t("sl-button",{type:"default",loading:n.veriffLoading,onClick:a.onClick},r.verificationRequiredButtonText);default:return}}(n.status))):t("div",null)}const qt=class{constructor(t){e(this,t),this.informationRequiredHeader="Payout and tax information required",this.informationRequiredDescription="Submit your banking details and tax documents to receive your rewards.",this.informationRequiredButtonText="Payouts & Tax Settings",this.verificationRequiredHeader="Verify your identity",this.verificationRequiredDescription="It should only take a few minutes verify. If you run in to an issue verifying your identity contact our {supportLink}.",this.verificationRequiredButtonText="Start Verification",this.verificationRequiredInternalHeader="Identity Verification in Progress",this.verificationRequiredInternalDescription="Identity verification submission has been received. Our system is currently performing additional checks and analyzing the results. You will be updated shortly. If you don't hear from us contact our {supportLink}.",this.verificationReviewInternalHeader="Identity Verification Under Review",this.verificationReviewInternalDescription="Identity verification requires further review due to a potential error. Our team is reviewing the information and will update you shortly. If you don't hear from us contact our {supportLink}.",this.verificationFailedInternalHeader="Identity Verification Unsuccessful",this.verificationFailedInternalDescription="Identity verification has failed. Our team is reviewing the report and will contact you with further information. If you don't hear from us contact our {supportLink}.",this.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="/cash",this.supportLink="support team",this.errorHeader="Could not determine payout status.",this.errorDescription="There was an error with determining your payout status.",n(this)}disconnectedCallback(){}getTextProps(){return A(this)}render(){const e=h()?function(e){return q({states:{error:!1,status:"INFORMATION_REQUIRED",loading:!1,showVerifyIdentity:!1},data:{type:"SquatchAdmin"},text:e.getTextProps(),callbacks:{onTermsClick:()=>{},onClick:()=>console.log("show")}},e.demoData||{},{arrayMerge:(e,t)=>t})}(this):ge(this);return t(St,Object.assign({},e))}},At=p.gql`
   query {
     viewer {
       ... on User {
@@ -162,14 +162,14 @@ import{r as e,h as t,c as r}from"./p-c7c11325.js";import{n as o,f as n,k as a,i
       }
     }
   }
-`,Rt=m.gql`
+`,Rt=p.gql`
   mutation ($userInput: UserInput!) {
     upsertUser(userInput: $userInput) {
       id
       marketingEmailOptIn
     }
   }
-`,Tt={marketingEmailOptIn:!1,errors:{},error:""},Bt=class{constructor(t){e(this,t),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.",o(this)}disconnectedCallback(){}render(){const e=h()?function(e){return S({states:{success:!1,loading:!1,submitDisabled:!1,user:{id:"01",accountId:"111100000",marketingEmailOptIn:!1},text:{emailPreferencesHeader:e.emailPreferencesHeader,marketingCheckboxLabel:e.marketingCheckboxLabel,submitChangeButtonText:e.submitChangeButtonText,successMessage:e.successMessage},formState:{marketingEmailOptIn:!1,errors:null,error:""}},callbacks:{onSubmit:e=>console.log(e),setChecked:()=>{}}},e.demoData||{},{arrayMerge:(e,t)=>t})}(q(this)):function(e){const t=g(),[r,o]=a(!1),[s,i]=a(void 0),[l,d]=a(Tt),c=b(qt,{},!(null==t?void 0:t.jwt)),[u,h]=v(Rt);return n((()=>{(null==h?void 0:h.loading)||((null==h?void 0:h.errors)?d((e=>{var t,r,o;return{...e,error:null===(o=null===(r=null===(t=null==h?void 0:h.errors)||void 0===t?void 0:t.response)||void 0===r?void 0:r.errors)||void 0===o?void 0:o[0].message}})):(i((e=>{var t;return{...e,...null===(t=null==h?void 0:h.data)||void 0===t?void 0:t.upsertUser}})),(null==h?void 0:h.data)&&o(!0)))}),[null==h?void 0:h.loading]),n((()=>{var e,t;i((e=>{var t;return{...e,...null===(t=null==c?void 0:c.data)||void 0===t?void 0:t.viewer}})),d({...Tt,...null===(e=c.data)||void 0===e?void 0:e.viewer,...null===(t=h.data)||void 0===t?void 0:t.upsertUser})}),[null==c?void 0:c.data]),n((()=>{var t,r;(null===(t=null==h?void 0:h.errors)||void 0===t?void 0:t.message)&&d({...null===(r=c.data)||void 0===r?void 0:r.viewer,error:e.networkRequestMessage})}),[null==h?void 0:h.errors]),{states:{success:r,loading:(null==c?void 0:c.loading)||h.loading,submitDisabled:!1,formState:l,user:s,text:{emailPreferencesHeader:e.emailPreferencesHeader,marketingCheckboxLabel:e.marketingCheckboxLabel,submitChangeButtonText:e.submitChangeButtonText,successMessage:e.successMessage}},callbacks:{onSubmit:e=>{var r;o(!1);const n=null===(r=e.detail)||void 0===r?void 0:r.formData;null==n||n.forEach(((e,t)=>{A.set(n,t,e)})),u({userInput:{id:null==t?void 0:t.id,accountId:null==t?void 0:t.accountId,marketingEmailOptIn:Boolean(n.marketingEmailOptIn)}}),d((e=>({...e,errors:{},error:""})))},setChecked:e=>d({...l,marketingEmailOptIn:e})}}}(q(this));return t(re,Object.assign({},e))}},Mt=class{constructor(t){e(this,t),this.ignored=!0,this.modalChangePasswordHeader="Change Password",this.cancelText="Cancel",this.changePasswordButtonText="Change Password",this.passwordFieldLabel="New Password",this.confirmPasswordFieldLabel="Confirm New Password",this.successMessage="Your password has been updated.",this.portalChangePasswordHeader="Password",this.portalChangePasswordButtonText="Change your password...",this.meetsRequirementsText="Password has met all requirements",this.doesNotMeetRequirementsText="Password must meet the following requirements:",this.minErrorText="be a minimum of 8 characters",this.uppercaseErrorText="contain at least 1 uppercase character",this.lowercaseErrorText="contain at least 1 lowercase character",this.nonMatchingPasswordErrorText="contain at least 1 lowercase character",this.invalidSessionErrorText="Please log in again to change your password.",this.hasErrorText="contain at least 1 number or symbol",o(this)}disconnectedCallback(){}render(){const{states:e,callbacks:r}=h()?function(e){const[t,r]=a(!1);return S({states:{open:t,error:"",content:{modalChangePasswordHeader:e.modalChangePasswordHeader,cancelText:e.cancelText,changePasswordButtonText:e.changePasswordButtonText,passwordFieldLabel:e.passwordFieldLabel,confirmPasswordFieldLabel:e.confirmPasswordFieldLabel,successMessage:e.successMessage,portalChangePasswordHeader:e.portalChangePasswordHeader,portalChangePasswordButtonText:e.portalChangePasswordButtonText,meetsRequirementsText:e.meetsRequirementsText,doesNotMeetRequirementsText:e.doesNotMeetRequirementsText,minErrorText:e.minErrorText,uppercaseErrorText:e.uppercaseErrorText,lowercaseErrorText:e.lowercaseErrorText,hasErrorText:e.hasErrorText}},callbacks:{setOpen:e=>r(e),submit:e=>console.log("Submit",e)}},e.demoData||{},{arrayMerge:(e,t)=>t})}(this):function(e){var t,r,o,n,s,i,l;const[d,{loading:c,errors:u}]=C(),[h,p]=a(!1),[m,f]=a(""),[v,b]=a(!1),x=g();return{states:{open:h,loading:c,success:v,error:m||(null===(n=null===(o=null===(r=null===(t=null==u?void 0:u.response)||void 0===t?void 0:t.errors)||void 0===r?void 0:r[0])||void 0===o?void 0:o.extensions)||void 0===n?void 0:n.message)||(null===(l=null===(i=null===(s=null==u?void 0:u.response)||void 0===s?void 0:s.errors)||void 0===i?void 0:i[0])||void 0===l?void 0:l.message),content:{modalChangePasswordHeader:e.modalChangePasswordHeader,cancelText:e.cancelText,changePasswordButtonText:e.changePasswordButtonText,passwordFieldLabel:e.passwordFieldLabel,confirmPasswordFieldLabel:e.confirmPasswordFieldLabel,successMessage:e.successMessage,portalChangePasswordHeader:e.portalChangePasswordHeader,portalChangePasswordButtonText:e.portalChangePasswordButtonText,meetsRequirementsText:e.meetsRequirementsText,doesNotMeetRequirementsText:e.doesNotMeetRequirementsText,minErrorText:e.minErrorText,uppercaseErrorText:e.uppercaseErrorText,lowercaseErrorText:e.lowercaseErrorText,hasErrorText:e.hasErrorText}},data:{},callbacks:{setOpen:p,submit:async t=>{var r,o;b(!1);const n=null===(r=t.detail)||void 0===r?void 0:r.formData;if(null==n||n.forEach(((e,t)=>{A.set(n,t,e)})),!(null==x?void 0:x.jwt))return void f(e.invalidSessionErrorText);if(n.password!==n.confirmPassword)return void f(e.nonMatchingPasswordErrorText);f("");const a={password:n.password},s=await d(a);s instanceof Error||!(null===(o=s.changeManagedIdentityPassword)||void 0===o?void 0:o.success)||b(!0)}}}}(this);return t(oe,{states:e,callbacks:r})}},Dt=class{constructor(t){e(this,t),this.ignored=!0,this.hideSupportText=!1,this.supportEmail="support@example.com",this.supportText="For program support, contact {email}",this.hidePoweredBy=!1,this.poweredByLink="https://impact.com/advocate/",this.paddingTop="large",this.paddingRight="large",this.paddingBottom="large",this.paddingLeft="large",o(this)}disconnectedCallback(){}render(){return t(ne,Object.assign({},q(this)))}static get assetsDirs(){return["../../assets"]}},Nt=class{constructor(t){e(this,t),this.ignored=!0,this.notFullScreen=!1,this.backgroundColor="var(--sqm-portal-background, #fff);",this.border="1px solid var(--sqm-text, #eaeaea);",this.headerAndFooterBackgroundColor="var(--sqm-portal-background, #fff);",o(this)}disconnectedCallback(){}render(){const e=t("slot",{name:"footer"}),r=t("slot",{name:"header"}),o=h()?function(e,r,o){return S({notFullScreen:!0,backgroundColor:o.backgroundColor,headerAndFooterBackgroundColor:o.headerAndFooterBackgroundColor,border:o.border,data:{footer:e||t("span",null,"example@example.com"),header:r||t("div",{style:{display:"flex",flexDirection:"column"}},t("span",{style:{fontSize:"var(--sl-font-size-large)",fontWeight:"bold"}},"Portal Header"),t("span",{style:{fontSize:"var(--sl-font-size-small)"}},"A description for the portal"))},callbacks:{rerender:()=>{}}},o.demoData||{},{arrayMerge:(e,t)=>t})}(e,r,this):function(e,t,r){const[,o]=w();return{data:{footer:e,header:t},callbacks:{rerender:o},backgroundColor:r.backgroundColor,border:r.border,headerAndFooterBackgroundColor:r.headerAndFooterBackgroundColor}}(e,r,this);return t(ae,Object.assign({},o),t("slot",null))}},zt=class{constructor(t){e(this,t),this.ignored=!0,this.nextPage="/",this.emailLabel="Email",this.passwordLabel="Password",this.submitLabel="Sign In",this.forgotPasswordPath="/forgotPassword",this.forgotPasswordLabel="Forgot Password?",this.registerLabel="Register",this.registerPath="/register",this.pageLabel="Sign in to your account",this.networkErrorMessage="An error occurred while logging you in. Please refresh the page and try again.",this.registerCTA="Don't have an account?",o(this)}disconnectedCallback(){}render(){const{states:e,callbacks:r}=h()?S({states:{error:"",loading:!1,forgotPasswordPath:"/forgotPassword",registerPath:"/register",showLoginForm:"manual"},callbacks:{googleSubmit:async()=>{console.log("google submit")},submit:async()=>{console.log("submit")}},content:{googleButton:null}},this.demoData||{},{arrayMerge:(e,t)=>t}):P(this),o=T({RegisterButton:{"&::part(label)":{padding:"0"}}}).toString(),n={forgotPasswordButton:t("slot",{name:"forgotPassword"},t("a",{onClick:()=>k.push(e.forgotPasswordPath)},this.forgotPasswordLabel)),googleButton:null,secondaryButton:t("slot",{name:"secondaryButton"},t("style",null,o),t("sl-button",{exportparts:"base: secondarybutton-base",type:"text",disabled:e.loading,onClick:()=>k.push(e.registerPath)},this.registerLabel)),emailLabel:this.emailLabel,passwordLabel:this.passwordLabel,submitLabel:this.submitLabel,pageLabel:this.pageLabel};return t(L,{states:e,callbacks:r,content:n})}},jt=class{constructor(t){e(this,t),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",o(this)}disconnectedCallback(){}render(){const{states:e,callbacks:r,refs:o}=h()?S({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:(e,t)=>t}):function(e){var t,r,o,a,s,i,d,c,u;const h=l(null),{registrationFormState:p,setRegistrationFormState:m}=j({}),[g,{loading:f,errors:v}]=F();n((()=>{if(!h.current)return;const e=h.current;return e.addEventListener("sl-input",b),()=>{e.removeEventListener("sl-input",b)}}),[h.current]);const b=E((e=>{var t,r;if("tel"!==(null===(r=null===(t=e.target)||void 0===t?void 0:t.type)||void 0===r?void 0:r.toLowerCase()))return;const o=new $("US");e.target.value=o.input(e.target.value)}),[]);let x="";return x=(null===(t=null==v?void 0:v.response)||void 0===t?void 0:t.error)||(null==v?void 0:v.message)&&!(null===(r=null==v?void 0:v.response)||void 0===r?void 0:r.errors.length)?e.networkErrorMessage:(null===(i=null===(s=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===s?void 0:s.extensions)||void 0===i?void 0:i.message)||(null===(u=null===(c=null===(d=null==v?void 0:v.response)||void 0===d?void 0:d.errors)||void 0===c?void 0:c[0])||void 0===u?void 0:u.message)||(null==p?void 0:p.error),{states:{loading:f,error:x,registrationFormState:p,confirmPassword:e.confirmPassword,hideInputs:e.hideInputs,loginPath:e.loginPath,disablePasswordValidation:e.disablePasswordValidation},callbacks:{submit:async t=>{var r;let o=t.target.getFormControls(),n={},a={};if(null==o||o.forEach((t=>{if(!t.name)return;const r=t.name,o=t.value;if(A.set(n,r,o),t.required&&!o&&A.set(a,r,e.requiredFieldErrorMessage),"function"==typeof t.validationError){const e=(0,t.validationError)({control:t,key:r,value:o});e&&A.set(a,r,e)}})),(e.confirmPassword||n.confirmPassword)&&n.password!==n.confirmPassword&&(a={...a,confirmPassword:e.passwordMismatchErrorMessage}),Object.keys(a).length)return void m({loading:!1,error:"",validationErrors:a});m({loading:!0,error:"",validationErrors:{}});const{email:s,password:i}=n;delete n.email,delete n.password,delete n.confirmPassword,n={...n};const l={email:s,password:i,formData:n,redirectPath:e.redirectPath};try{const t=await g(l);if(t instanceof Error)throw t;m({loading:!1,error:"",validationErrors:{}}),(null===(r=t.registerManagedIdentityWithEmailAndPassword)||void 0===r?void 0:r.token)&&k.push(e.nextPage)}catch(t){m({loading:!1,error:e.networkErrorMessage,validationErrors:{}})}},inputFunction:b},refs:{formRef:h}}}(this);var a;const s={formData:t("slot",{name:"formData"}),secondaryButton:t("slot",{name:"secondaryButton"},t("sl-button",{type:"text",disabled:e.loading,onClick:()=>k.push(e.loginPath)},this.loginLabel)),terms:t("slot",{name:"terms"}),emailLabel:this.emailLabel,passwordLabel:this.passwordLabel,submitLabel:this.submitLabel,pageLabel:this.pageLabel,confirmPasswordLabel:this.confirmPasswordLabel,invalidEmailErrorMessage:this.invalidEmailErrorMessage,requiredFieldErrorMessage:this.requiredFieldErrorMessage,meetsRequirementsText:this.meetsRequirementsText,doesNotMeetRequirementsText:this.doesNotMeetRequirementsText,minErrorText:this.minErrorText,uppercaseErrorText:this.uppercaseErrorText,lowercaseErrorText:this.lowercaseErrorText,hasErrorText:this.hasErrorText};return t(se,{states:e,callbacks:r,content:s,refs:o})}};function Lt(e,r){const o=T({Container:{color:e.textColor||"var(--sqm-text)",background:e.backgroundColor||""},Header:{fontSize:"var(--sl-font-size-x-large)",fontWeight:"var(--sl-font-weight-bold)",lineHeight:"var(--sl-line-height-dense)",marginBottom:"var(--sl-spacing-large)",textAlign:"center"},Grid:{display:"flex",flexDirection:"row",gap:"var(--sl-spacing-large)","@media (max-width: 499px)":{flexDirection:"column"}}}),n=o.toString();return t("div",{class:o.classes.Container,part:"sqm-base"},t("style",{type:"text/css"},n,"\n  ::slotted(*){\n    display: flex;\n    width: 100%;\n  }\n  @media (max-width: 499px) {\n    ::slotted(*){\n      display: block;\n    }\n  }"),t("div",{class:o.classes.Header},t("div",{class:o.classes.Header,part:"sqm-header"},e.header)),t("div",{class:o.classes.Grid,part:"sqm-grid-container"},r))}const Pt=class{constructor(t){e(this,t),this.ignored=!0,o(this)}disconnectedCallback(){}render(){return t(Lt,Object.assign({},q(this)),t("slot",null))}};function $t(e){const r=T({Container:{display:"flex",flexDirection:"column",width:"100%",padding:"var(--sl-spacing-x-large)",lineHeight:"var(--sl-line-height-dense)",borderRadius:e.borderRadius?`${e.borderRadius}px`:"var(--sqm-border-radius-normal)",color:e.textColor||"var(--sqm-text)",background:e.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:e.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:e.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:e.iconBackgroundColor||"var(--sl-color-white)",color:e.iconColor||"var(--sqm-accent-color-icon)",fontSize:"26px",textAlign:"center",lineHeight:"72px",display:"flex",alignItems:"center",justifyContent:"center"}}),o=r.toString();return t("div",{class:r.classes.Container,part:"sqm-base"},t("style",{type:"text/css"},o),t("div",null,e.imageUrl?t("img",{class:r.classes.Media,src:e.imageUrl,part:"sqm-media"}):t("div",{class:r.classes.Media,part:"sqm-media"},t("sl-icon",{name:e.icon}))),t("div",{class:r.classes.Text},t("div",{class:r.classes.Header,part:"sqm-header"},e.header),t("div",{class:r.classes.Description,part:"sqm-description"},e.description)))}const Vt=class{constructor(t){e(this,t),o(this)}disconnectedCallback(){}render(){return t($t,Object.assign({},q(this)))}},Ot=d("sq:useProgramMenu"),Ut=class{constructor(t){e(this,t),this.ignored=!0,o(this)}disconnectedCallback(){}render(){const{data:e,ref:o}=function(e){const t=f(),r=p();Ot({programId:t,props:e});const o=l(),[,a]=w();return n((()=>{var e;null===(e=o.current)||void 0===e||e.addEventListener("sl-select",(e=>{r.dispatchEvent(new CustomEvent("sq:update-program-id",{detail:e.detail.item.value,bubbles:!0,composed:!0}))}))}),[o.current]),{data:{programId:t},callbacks:{rerender:a},ref:o}}(q(this));return t(r,{style:{display:"contents"}},t("sl-select",{style:{paddingBottom:"var(--sl-spacing-large)"},value:e.programId,ref:e=>o.current=e},t("slot",null)))}};function Ht(e){const r=T({Container:{borderRadius:e.borderRadius||"var(--sqm-border-radius-normal)",color:e.textColor||"var(--sqm-text)",background:e.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 t("div",{part:"sqm-base",class:r.classes.Container,style:{border:e.hideBorder?"none":"1px solid "+(e.borderColor||"var(--sqm-border-color)"),"padding-top":`var(--sl-spacing-${e.paddingTop})`,"padding-right":`var(--sl-spacing-${e.paddingRight})`,"padding-bottom":`var(--sl-spacing-${e.paddingBottom})`,"padding-left":`var(--sl-spacing-${e.paddingLeft})`,backgroundColor:e.backgroundColor,maxWidth:e.limitWidth?"600px":"none",margin:e.limitWidth?"auto":"none"}},t("style",{type:"text/css"},o,"\n    :host{\n      display: block;   \n    }\n  "),e.hasHeader&&t("div",{class:r.classes.EndContainer},e.slots.header),t("div",{part:"sqm-column-container",class:r.classes.ColumnContainer,style:{alignItems:e.verticalAlignment}},e.slots.left,e.slots.right),e.hasFooter&&t("div",{class:r.classes.EndContainer},e.slots.footer))}const Wt=class{constructor(t){e(this,t),this.ignored=!0,this.verticalAlignment="start",this.hideBorder=!1,this.paddingTop="large",this.paddingRight="large",this.paddingBottom="large",this.paddingLeft="large",this.limitWidth=!1,o(this)}disconnectedCallback(){}render(){const e={left:t("slot",{name:"left"}),right:t("slot",{name:"right"}),header:t("slot",{name:"header"}),footer:t("slot",{name:"footer"})},r=D(),o=r.findIndex((e=>"header"===e.slot))>-1,n=r.findIndex((e=>"footer"===e.slot))>-1;return t(Ht,Object.assign({},q(this),{slots:e,hasHeader:o,hasFooter:n}),t("slot",null))}},Gt=m.gql`
+`,Tt={marketingEmailOptIn:!1,errors:{},error:""},Mt=class{constructor(t){e(this,t),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.",n(this)}disconnectedCallback(){}render(){const e=h()?function(e){return q({states:{success:!1,loading:!1,submitDisabled:!1,user:{id:"01",accountId:"111100000",marketingEmailOptIn:!1},text:{emailPreferencesHeader:e.emailPreferencesHeader,marketingCheckboxLabel:e.marketingCheckboxLabel,submitChangeButtonText:e.submitChangeButtonText,successMessage:e.successMessage},formState:{marketingEmailOptIn:!1,errors:null,error:""}},callbacks:{onSubmit:e=>console.log(e),setChecked:()=>{}}},e.demoData||{},{arrayMerge:(e,t)=>t})}(A(this)):function(e){const t=g(),[r,n]=a(!1),[s,i]=a(void 0),[l,c]=a(Tt),d=b(At,{},!(null==t?void 0:t.jwt)),[u,h]=v(Rt);return o((()=>{(null==h?void 0:h.loading)||((null==h?void 0:h.errors)?c((e=>{var t,r,n;return{...e,error:null===(n=null===(r=null===(t=null==h?void 0:h.errors)||void 0===t?void 0:t.response)||void 0===r?void 0:r.errors)||void 0===n?void 0:n[0].message}})):(i((e=>{var t;return{...e,...null===(t=null==h?void 0:h.data)||void 0===t?void 0:t.upsertUser}})),(null==h?void 0:h.data)&&n(!0)))}),[null==h?void 0:h.loading]),o((()=>{var e,t;i((e=>{var t;return{...e,...null===(t=null==d?void 0:d.data)||void 0===t?void 0:t.viewer}})),c({...Tt,...null===(e=d.data)||void 0===e?void 0:e.viewer,...null===(t=h.data)||void 0===t?void 0:t.upsertUser})}),[null==d?void 0:d.data]),o((()=>{var t,r;(null===(t=null==h?void 0:h.errors)||void 0===t?void 0:t.message)&&c({...null===(r=d.data)||void 0===r?void 0:r.viewer,error:e.networkRequestMessage})}),[null==h?void 0:h.errors]),{states:{success:r,loading:(null==d?void 0:d.loading)||h.loading,submitDisabled:!1,formState:l,user:s,text:{emailPreferencesHeader:e.emailPreferencesHeader,marketingCheckboxLabel:e.marketingCheckboxLabel,submitChangeButtonText:e.submitChangeButtonText,successMessage:e.successMessage}},callbacks:{onSubmit:e=>{var r;n(!1);const o=null===(r=e.detail)||void 0===r?void 0:r.formData;null==o||o.forEach(((e,t)=>{S.set(o,t,e)})),u({userInput:{id:null==t?void 0:t.id,accountId:null==t?void 0:t.accountId,marketingEmailOptIn:Boolean(o.marketingEmailOptIn)}}),c((e=>({...e,errors:{},error:""})))},setChecked:e=>c({...l,marketingEmailOptIn:e})}}}(A(this));return t(re,Object.assign({},e))}},Bt=class{constructor(t){e(this,t),this.ignored=!0,this.modalChangePasswordHeader="Change Password",this.cancelText="Cancel",this.changePasswordButtonText="Change Password",this.passwordFieldLabel="New Password",this.confirmPasswordFieldLabel="Confirm New Password",this.successMessage="Your password has been updated.",this.portalChangePasswordHeader="Password",this.portalChangePasswordButtonText="Change your password...",this.meetsRequirementsText="Password has met all requirements",this.doesNotMeetRequirementsText="Password must meet the following requirements:",this.minErrorText="be a minimum of 8 characters",this.uppercaseErrorText="contain at least 1 uppercase character",this.lowercaseErrorText="contain at least 1 lowercase character",this.nonMatchingPasswordErrorText="contain at least 1 lowercase character",this.invalidSessionErrorText="Please log in again to change your password.",this.hasErrorText="contain at least 1 number or symbol",n(this)}disconnectedCallback(){}render(){const{states:e,callbacks:r}=h()?function(e){const[t,r]=a(!1);return q({states:{open:t,error:"",content:{modalChangePasswordHeader:e.modalChangePasswordHeader,cancelText:e.cancelText,changePasswordButtonText:e.changePasswordButtonText,passwordFieldLabel:e.passwordFieldLabel,confirmPasswordFieldLabel:e.confirmPasswordFieldLabel,successMessage:e.successMessage,portalChangePasswordHeader:e.portalChangePasswordHeader,portalChangePasswordButtonText:e.portalChangePasswordButtonText,meetsRequirementsText:e.meetsRequirementsText,doesNotMeetRequirementsText:e.doesNotMeetRequirementsText,minErrorText:e.minErrorText,uppercaseErrorText:e.uppercaseErrorText,lowercaseErrorText:e.lowercaseErrorText,hasErrorText:e.hasErrorText}},callbacks:{setOpen:e=>r(e),submit:e=>console.log("Submit",e)}},e.demoData||{},{arrayMerge:(e,t)=>t})}(this):function(e){var t,r,n,o,s,i,l;const[c,{loading:d,errors:u}]=C(),[h,m]=a(!1),[p,f]=a(""),[v,b]=a(!1),y=g();return{states:{open:h,loading:d,success:v,error:p||(null===(o=null===(n=null===(r=null===(t=null==u?void 0:u.response)||void 0===t?void 0:t.errors)||void 0===r?void 0:r[0])||void 0===n?void 0:n.extensions)||void 0===o?void 0:o.message)||(null===(l=null===(i=null===(s=null==u?void 0:u.response)||void 0===s?void 0:s.errors)||void 0===i?void 0:i[0])||void 0===l?void 0:l.message),content:{modalChangePasswordHeader:e.modalChangePasswordHeader,cancelText:e.cancelText,changePasswordButtonText:e.changePasswordButtonText,passwordFieldLabel:e.passwordFieldLabel,confirmPasswordFieldLabel:e.confirmPasswordFieldLabel,successMessage:e.successMessage,portalChangePasswordHeader:e.portalChangePasswordHeader,portalChangePasswordButtonText:e.portalChangePasswordButtonText,meetsRequirementsText:e.meetsRequirementsText,doesNotMeetRequirementsText:e.doesNotMeetRequirementsText,minErrorText:e.minErrorText,uppercaseErrorText:e.uppercaseErrorText,lowercaseErrorText:e.lowercaseErrorText,hasErrorText:e.hasErrorText}},data:{},callbacks:{setOpen:m,submit:async t=>{var r,n;b(!1);const o=null===(r=t.detail)||void 0===r?void 0:r.formData;if(null==o||o.forEach(((e,t)=>{S.set(o,t,e)})),!(null==y?void 0:y.jwt))return void f(e.invalidSessionErrorText);if(o.password!==o.confirmPassword)return void f(e.nonMatchingPasswordErrorText);f("");const a={password:o.password},s=await c(a);s instanceof Error||!(null===(n=s.changeManagedIdentityPassword)||void 0===n?void 0:n.success)||b(!0)}}}}(this);return t(ne,{states:e,callbacks:r})}},Dt=class{constructor(t){e(this,t),this.ignored=!0,this.hideSupportText=!1,this.supportEmail="support@example.com",this.supportText="For program support, contact {email}",this.hidePoweredBy=!1,this.poweredByLink="https://impact.com/advocate/",this.paddingTop="large",this.paddingRight="large",this.paddingBottom="large",this.paddingLeft="large",n(this)}disconnectedCallback(){}render(){return t(oe,Object.assign({},A(this)))}static get assetsDirs(){return["../../assets"]}},Nt=class{constructor(t){e(this,t),this.ignored=!0,this.notFullScreen=!1,this.backgroundColor="var(--sqm-portal-background, #fff);",this.border="1px solid var(--sqm-text, #eaeaea);",this.headerAndFooterBackgroundColor="var(--sqm-portal-background, #fff);",n(this)}disconnectedCallback(){}render(){const e=t("slot",{name:"footer"}),r=t("slot",{name:"header"}),n=h()?function(e,r,n){return q({notFullScreen:!0,backgroundColor:n.backgroundColor,headerAndFooterBackgroundColor:n.headerAndFooterBackgroundColor,border:n.border,data:{footer:e||t("span",null,"example@example.com"),header:r||t("div",{style:{display:"flex",flexDirection:"column"}},t("span",{style:{fontSize:"var(--sl-font-size-large)",fontWeight:"bold"}},"Portal Header"),t("span",{style:{fontSize:"var(--sl-font-size-small)"}},"A description for the portal"))},callbacks:{rerender:()=>{}}},n.demoData||{},{arrayMerge:(e,t)=>t})}(e,r,this):function(e,t,r){const[,n]=w();return{data:{footer:e,header:t},callbacks:{rerender:n},backgroundColor:r.backgroundColor,border:r.border,headerAndFooterBackgroundColor:r.headerAndFooterBackgroundColor}}(e,r,this);return t(ae,Object.assign({},n),t("slot",null))}},zt=class{constructor(t){e(this,t),this.ignored=!0,this.nextPage="/",this.emailLabel="Email",this.passwordLabel="Password",this.submitLabel="Sign In",this.forgotPasswordPath="/forgotPassword",this.forgotPasswordLabel="Forgot Password?",this.registerLabel="Register",this.registerPath="/register",this.pageLabel="Sign in to your account",this.networkErrorMessage="An error occurred while logging you in. Please refresh the page and try again.",this.registerCTA="Don't have an account?",n(this)}disconnectedCallback(){}render(){const{states:e,callbacks:r}=h()?q({states:{error:"",loading:!1,forgotPasswordPath:"/forgotPassword",registerPath:"/register",showLoginForm:"manual"},callbacks:{googleSubmit:async()=>{console.log("google submit")},submit:async()=>{console.log("submit")}},content:{googleButton:null}},this.demoData||{},{arrayMerge:(e,t)=>t}):P(this),n=T({RegisterButton:{"&::part(label)":{padding:"0"}}}).toString(),o={forgotPasswordButton:t("slot",{name:"forgotPassword"},t("a",{onClick:()=>k.push(e.forgotPasswordPath)},this.forgotPasswordLabel)),googleButton:null,secondaryButton:t("slot",{name:"secondaryButton"},t("style",null,n),t("sl-button",{exportparts:"base: secondarybutton-base",type:"text",disabled:e.loading,onClick:()=>k.push(e.registerPath)},this.registerLabel)),emailLabel:this.emailLabel,passwordLabel:this.passwordLabel,submitLabel:this.submitLabel,pageLabel:this.pageLabel};return t(L,{states:e,callbacks:r,content:o})}},jt=class{constructor(t){e(this,t),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",n(this)}disconnectedCallback(){}render(){const{states:e,callbacks:r,refs:n}=h()?q({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:(e,t)=>t}):function(e){var t,r,n,a,s,i,c,d,u;const h=l(null),{registrationFormState:m,setRegistrationFormState:p}=j({}),[g,{loading:f,errors:v}]=F();o((()=>{if(!h.current)return;const e=h.current;return e.addEventListener("sl-input",b),()=>{e.removeEventListener("sl-input",b)}}),[h.current]);const b=_((e=>{var t,r;if("tel"!==(null===(r=null===(t=e.target)||void 0===t?void 0:t.type)||void 0===r?void 0:r.toLowerCase()))return;const n=new $("US");e.target.value=n.input(e.target.value)}),[]);let y="";return y=(null===(t=null==v?void 0:v.response)||void 0===t?void 0:t.error)||(null==v?void 0:v.message)&&!(null===(r=null==v?void 0:v.response)||void 0===r?void 0:r.errors.length)?e.networkErrorMessage:(null===(i=null===(s=null===(a=null===(n=null==v?void 0:v.response)||void 0===n?void 0:n.errors)||void 0===a?void 0:a[0])||void 0===s?void 0:s.extensions)||void 0===i?void 0:i.message)||(null===(u=null===(d=null===(c=null==v?void 0:v.response)||void 0===c?void 0:c.errors)||void 0===d?void 0:d[0])||void 0===u?void 0:u.message)||(null==m?void 0:m.error),{states:{loading:f,error:y,registrationFormState:m,confirmPassword:e.confirmPassword,hideInputs:e.hideInputs,loginPath:e.loginPath,disablePasswordValidation:e.disablePasswordValidation},callbacks:{submit:async t=>{var r;let n=t.target.getFormControls(),o={},a={};if(null==n||n.forEach((t=>{if(!t.name)return;const r=t.name,n=t.value;if(S.set(o,r,n),t.required&&!n&&S.set(a,r,e.requiredFieldErrorMessage),"function"==typeof t.validationError){const e=(0,t.validationError)({control:t,key:r,value:n});e&&S.set(a,r,e)}})),(e.confirmPassword||o.confirmPassword)&&o.password!==o.confirmPassword&&(a={...a,confirmPassword:e.passwordMismatchErrorMessage}),Object.keys(a).length)return void p({loading:!1,error:"",validationErrors:a});p({loading:!0,error:"",validationErrors:{}});const{email:s,password:i}=o;delete o.email,delete o.password,delete o.confirmPassword,o={...o};const l={email:s,password:i,formData:o,redirectPath:e.redirectPath};try{const t=await g(l);if(t instanceof Error)throw t;p({loading:!1,error:"",validationErrors:{}}),(null===(r=t.registerManagedIdentityWithEmailAndPassword)||void 0===r?void 0:r.token)&&k.push(e.nextPage)}catch(t){p({loading:!1,error:e.networkErrorMessage,validationErrors:{}})}},inputFunction:b},refs:{formRef:h}}}(this);var a;const s={formData:t("slot",{name:"formData"}),secondaryButton:t("slot",{name:"secondaryButton"},t("sl-button",{type:"text",disabled:e.loading,onClick:()=>k.push(e.loginPath)},this.loginLabel)),terms:t("slot",{name:"terms"}),emailLabel:this.emailLabel,passwordLabel:this.passwordLabel,submitLabel:this.submitLabel,pageLabel:this.pageLabel,confirmPasswordLabel:this.confirmPasswordLabel,invalidEmailErrorMessage:this.invalidEmailErrorMessage,requiredFieldErrorMessage:this.requiredFieldErrorMessage,meetsRequirementsText:this.meetsRequirementsText,doesNotMeetRequirementsText:this.doesNotMeetRequirementsText,minErrorText:this.minErrorText,uppercaseErrorText:this.uppercaseErrorText,lowercaseErrorText:this.lowercaseErrorText,hasErrorText:this.hasErrorText};return t(se,{states:e,callbacks:r,content:s,refs:n})}};function Lt(e,r){const n=T({Container:{color:e.textColor||"var(--sqm-text)",background:e.backgroundColor||""},Header:{fontSize:"var(--sl-font-size-x-large)",fontWeight:"var(--sl-font-weight-bold)",lineHeight:"var(--sl-line-height-dense)",marginBottom:"var(--sl-spacing-large)",textAlign:"center"},Grid:{display:"flex",flexDirection:"row",gap:"var(--sl-spacing-large)","@media (max-width: 499px)":{flexDirection:"column"}}}),o=n.toString();return t("div",{class:n.classes.Container,part:"sqm-base"},t("style",{type:"text/css"},o,"\n  ::slotted(*){\n    display: flex;\n    width: 100%;\n  }\n  @media (max-width: 499px) {\n    ::slotted(*){\n      display: block;\n    }\n  }"),t("div",{class:n.classes.Header},t("div",{class:n.classes.Header,part:"sqm-header"},e.header)),t("div",{class:n.classes.Grid,part:"sqm-grid-container"},r))}const Pt=class{constructor(t){e(this,t),this.ignored=!0,n(this)}disconnectedCallback(){}render(){return t(Lt,Object.assign({},A(this)),t("slot",null))}};function $t(e){const r=T({Container:{display:"flex",flexDirection:"column",width:"100%",padding:"var(--sl-spacing-x-large)",lineHeight:"var(--sl-line-height-dense)",borderRadius:e.borderRadius?`${e.borderRadius}px`:"var(--sqm-border-radius-normal)",color:e.textColor||"var(--sqm-text)",background:e.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:e.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:e.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:e.iconBackgroundColor||"var(--sl-color-white)",color:e.iconColor||"var(--sqm-accent-color-icon)",fontSize:"26px",textAlign:"center",lineHeight:"72px",display:"flex",alignItems:"center",justifyContent:"center"}}),n=r.toString();return t("div",{class:r.classes.Container,part:"sqm-base"},t("style",{type:"text/css"},n),t("div",null,e.imageUrl?t("img",{class:r.classes.Media,src:e.imageUrl,part:"sqm-media"}):t("div",{class:r.classes.Media,part:"sqm-media"},t("sl-icon",{name:e.icon}))),t("div",{class:r.classes.Text},t("div",{class:r.classes.Header,part:"sqm-header"},e.header),t("div",{class:r.classes.Description,part:"sqm-description"},e.description)))}const Vt=class{constructor(t){e(this,t),n(this)}disconnectedCallback(){}render(){return t($t,Object.assign({},A(this)))}},Ot=c("sq:useProgramMenu"),Ut=class{constructor(t){e(this,t),this.ignored=!0,n(this)}disconnectedCallback(){}render(){const{data:e,ref:n}=function(e){const t=f(),r=m();Ot({programId:t,props:e});const n=l(),[,a]=w();return o((()=>{var e;null===(e=n.current)||void 0===e||e.addEventListener("sl-select",(e=>{r.dispatchEvent(new CustomEvent("sq:update-program-id",{detail:e.detail.item.value,bubbles:!0,composed:!0}))}))}),[n.current]),{data:{programId:t},callbacks:{rerender:a},ref:n}}(A(this));return t(r,{style:{display:"contents"}},t("sl-select",{style:{paddingBottom:"var(--sl-spacing-large)"},value:e.programId,ref:e=>n.current=e},t("slot",null)))}};function Ht(e){const r=T({Container:{borderRadius:e.borderRadius||"var(--sqm-border-radius-normal)",color:e.textColor||"var(--sqm-text)",background:e.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"}}}),n=r.toString();return t("div",{part:"sqm-base",class:r.classes.Container,style:{border:e.hideBorder?"none":"1px solid "+(e.borderColor||"var(--sqm-border-color)"),"padding-top":`var(--sl-spacing-${e.paddingTop})`,"padding-right":`var(--sl-spacing-${e.paddingRight})`,"padding-bottom":`var(--sl-spacing-${e.paddingBottom})`,"padding-left":`var(--sl-spacing-${e.paddingLeft})`,backgroundColor:e.backgroundColor,maxWidth:e.limitWidth?"600px":"none",margin:e.limitWidth?"auto":"none"}},t("style",{type:"text/css"},n,"\n    :host{\n      display: block;   \n    }\n  "),e.hasHeader&&t("div",{class:r.classes.EndContainer},e.slots.header),t("div",{part:"sqm-column-container",class:r.classes.ColumnContainer,style:{alignItems:e.verticalAlignment}},e.slots.left,e.slots.right),e.hasFooter&&t("div",{class:r.classes.EndContainer},e.slots.footer))}const Wt=class{constructor(t){e(this,t),this.ignored=!0,this.verticalAlignment="start",this.hideBorder=!1,this.paddingTop="large",this.paddingRight="large",this.paddingBottom="large",this.paddingLeft="large",this.limitWidth=!1,n(this)}disconnectedCallback(){}render(){const e={left:t("slot",{name:"left"}),right:t("slot",{name:"right"}),header:t("slot",{name:"header"}),footer:t("slot",{name:"footer"})},r=D(),n=r.findIndex((e=>"header"===e.slot))>-1,o=r.findIndex((e=>"footer"===e.slot))>-1;return t(Ht,Object.assign({},A(this),{slots:e,hasHeader:n,hasFooter:o}),t("slot",null))}},Gt=p.gql`
   query getUser($programId: ID) {
     viewer {
       ... on User {
@@ -177,7 +177,7 @@ import{r as e,h as t,c as r}from"./p-c7c11325.js";import{n as o,f as n,k as a,i
       }
     }
   }
-`,Kt=class{constructor(t){e(this,t),this.ignored=!0,this.iframeHeight="100%",this.iframeWidth="100%",o(this)}disconnectedCallback(){}render(){const e=R([{attribute:"iframe-src",value:this.iframeSrc}]);if(e)return t($e,{missingProps:e,heading:"An error occured while loading this page",subheading:"A technical problem prevented this iframe from loading. Please contact us with the link to this page.",description:"Values for the following attributes are missing:"});const{states:o,data:n}=h()?(a=q(this),S({states:{content:{iframeSrc:"https://example.com",...a}},data:{shareCode:"SHARECODE123"}},a.demoData||{},{arrayMerge:(e,t)=>t})):function(e){var t;const r=f(),o=g(),{data:n}=b(Gt,{programId:r},!(null==o?void 0:o.jwt)||!r);return{states:{content:e},data:{shareCode:null===(t=null==n?void 0:n.viewer)||void 0===t?void 0:t.referralCode}}}(q(this));var a;return t(r,{style:{display:"contents"}},t(ie,{data:n,states:o}))}};var Zt={};!function e(t,r,o,n){var a=!!(t.Worker&&t.Blob&&t.Promise&&t.OffscreenCanvas&&t.OffscreenCanvasRenderingContext2D&&t.HTMLCanvasElement&&t.HTMLCanvasElement.prototype.transferControlToOffscreen&&t.URL&&t.URL.createObjectURL);function s(){}function i(e){var o=r.exports.Promise,n=void 0!==o?o:t.Promise;return"function"==typeof n?new n(e):(e(s,s),null)}var l,d,c,u,h,p,m,g,f=(c=Math.floor(1e3/60),u={},h=0,"function"==typeof requestAnimationFrame&&"function"==typeof cancelAnimationFrame?(l=function(e){var t=Math.random();return u[t]=requestAnimationFrame((function r(o){h===o||h+c-1<o?(h=o,delete u[t],e()):u[t]=requestAnimationFrame(r)})),t},d=function(e){u[e]&&cancelAnimationFrame(u[e])}):(l=function(e){return setTimeout(e,c)},d=function(e){return clearTimeout(e)}),{frame:l,cancel:d}),v=(g={},function(){if(p)return p;if(!o&&a){var t=["var CONFETTI, SIZE = {}, module = {};","("+e.toString()+")(this, module, true, SIZE);","onmessage = function(msg) {","  if (msg.data.options) {","    CONFETTI(msg.data.options).then(function () {","      if (msg.data.callback) {","        postMessage({ callback: msg.data.callback });","      }","    });","  } else if (msg.data.reset) {","    CONFETTI.reset();","  } else if (msg.data.resize) {","    SIZE.width = msg.data.resize.width;","    SIZE.height = msg.data.resize.height;","  } else if (msg.data.canvas) {","    SIZE.width = msg.data.canvas.width;","    SIZE.height = msg.data.canvas.height;","    CONFETTI = module.exports.create(msg.data.canvas);","  }","}"].join("\n");try{p=new Worker(URL.createObjectURL(new Blob([t])))}catch(e){return void 0!==typeof console&&"function"==typeof console.warn&&console.warn("🎊 Could not load worker",e),null}!function(e){function t(t,r){e.postMessage({options:t||{},callback:r})}e.init=function(t){var r=t.transferControlToOffscreen();e.postMessage({canvas:r},[r])},e.fire=function(r,o,n){if(m)return t(r,null),m;var a=Math.random().toString(36).slice(2);return m=i((function(o){function s(t){t.data.callback===a&&(delete g[a],e.removeEventListener("message",s),m=null,n(),o())}e.addEventListener("message",s),t(r,a),g[a]=s.bind(null,{data:{callback:a}})}))},e.reset=function(){for(var t in e.postMessage({reset:!0}),g)g[t](),delete g[t]}}(p)}return p}),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 x(e,t,r){return function(e,t){return t?t(e):e}(e&&null!=e[t]?e[t]:b[t],r)}function y(e){return e<0?0:Math.floor(e)}function w(e){return parseInt(e,16)}function k(e){return e.map(C)}function C(e){var t=String(e).replace(/[^0-9a-f]/gi,"");return t.length<6&&(t=t[0]+t[0]+t[1]+t[1]+t[2]+t[2]),{r:w(t.substring(0,2)),g:w(t.substring(2,4)),b:w(t.substring(4,6))}}function F(e){e.width=document.documentElement.clientWidth,e.height=document.documentElement.clientHeight}function E(e){var t=e.getBoundingClientRect();e.width=t.width,e.height=t.height}function _(e,r){var s,l=!e,d=!!x(r||{},"resize"),c=x(r,"disableForReducedMotion",Boolean),u=a&&x(r||{},"useWorker")?v():null,h=l?F:E,p=!(!e||!u||!e.__confetti_initialized),m="function"==typeof matchMedia&&matchMedia("(prefers-reduced-motion)").matches;function g(t,r,a){for(var l,d,c,u,p=x(t,"particleCount",y),m=x(t,"angle",Number),g=x(t,"spread",Number),v=x(t,"startVelocity",Number),b=x(t,"decay",Number),w=x(t,"gravity",Number),C=x(t,"drift",Number),F=x(t,"colors",k),E=x(t,"ticks",Number),_=x(t,"shapes"),I=x(t,"scalar"),A=function(e){var t=x(e,"origin",Object);return t.x=x(t,"x",Number),t.y=x(t,"y",Number),t}(t),S=p,q=[],R=e.width*A.x,T=e.height*A.y;S--;)q.push((void 0,void 0,d=(l={x:R,y:T,angle:m,spread:g,startVelocity:v,color:F[S%F.length],shape:_[(0,u=_.length,Math.floor(Math.random()*(u-0))+0)],ticks:E,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 s?s.addFettis(q):(s=function(e,t,r,a,s){var l,d,c=t.slice(),u=e.getContext("2d"),h=i((function(t){function i(){l=d=null,u.clearRect(0,0,a.width,a.height),s(),t()}l=f.frame((function t(){!o||a.width===n.width&&a.height===n.height||(a.width=e.width=n.width,a.height=e.height=n.height),a.width||a.height||(r(e),a.width=e.width,a.height=e.height),u.clearRect(0,0,a.width,a.height),(c=c.filter((function(e){return function(e,t){t.x+=Math.cos(t.angle2D)*t.velocity+t.drift,t.y+=Math.sin(t.angle2D)*t.velocity+t.gravity,t.wobble+=.1,t.velocity*=t.decay,t.tiltAngle+=.1,t.tiltSin=Math.sin(t.tiltAngle),t.tiltCos=Math.cos(t.tiltAngle),t.random=Math.random()+5,t.wobbleX=t.x+10*t.scalar*Math.cos(t.wobble),t.wobbleY=t.y+10*t.scalar*Math.sin(t.wobble);var r=t.tick++/t.totalTicks,o=t.x+t.random*t.tiltCos,n=t.y+t.random*t.tiltSin,a=t.wobbleX+t.random*t.tiltCos,s=t.wobbleY+t.random*t.tiltSin;return e.fillStyle="rgba("+t.color.r+", "+t.color.g+", "+t.color.b+", "+(1-r)+")",e.beginPath(),"circle"===t.shape?e.ellipse?e.ellipse(t.x,t.y,Math.abs(a-o)*t.ovalScalar,Math.abs(s-n)*t.ovalScalar,Math.PI/10*t.wobble,0,2*Math.PI):function(e,t,r,o,n,a,s,i){e.save(),e.translate(t,r),e.rotate(a),e.scale(o,n),e.arc(0,0,1,0,i,void 0),e.restore()}(e,t.x,t.y,Math.abs(a-o)*t.ovalScalar,Math.abs(s-n)*t.ovalScalar,Math.PI/10*t.wobble,0,2*Math.PI):(e.moveTo(Math.floor(t.x),Math.floor(t.y)),e.lineTo(Math.floor(t.wobbleX),Math.floor(n)),e.lineTo(Math.floor(a),Math.floor(s)),e.lineTo(Math.floor(o),Math.floor(t.wobbleY))),e.closePath(),e.fill(),t.tick<t.totalTicks}(u,e)}))).length?l=f.frame(t):i()})),d=i}));return{addFettis:function(e){return c=c.concat(e),h},canvas:e,promise:h,reset:function(){l&&f.cancel(l),d&&d()}}}(e,q,h,r,a)).promise}function b(r){var o=c||x(r,"disableForReducedMotion",Boolean),n=x(r,"zIndex",Number);if(o&&m)return i((function(e){e()}));l&&s?e=s.canvas:l&&!e&&(e=function(e){var t=document.createElement("canvas");return t.style.position="fixed",t.style.top="0px",t.style.left="0px",t.style.pointerEvents="none",t.style.zIndex=e,t}(n),document.body.appendChild(e)),d&&!p&&h(e);var a={width:e.width,height:e.height};function f(){if(u){var t={getBoundingClientRect:function(){if(!l)return e.getBoundingClientRect()}};return h(t),void u.postMessage({resize:{width:t.width,height:t.height}})}a.width=a.height=null}function v(){s=null,d&&t.removeEventListener("resize",f),l&&e&&(document.body.removeChild(e),e=null,p=!1)}return u&&!p&&u.init(e),p=!0,u&&(e.__confetti_initialized=!0),d&&t.addEventListener("resize",f,!1),u?u.fire(r,a,v):g(r,a,v)}return b.reset=function(){u&&u.reset(),s&&s.reset()},b}r.exports=_(null,{useWorker:!0,resize:!0}),r.exports.create=_}(function(){return"undefined"!=typeof window?window:"undefined"!=typeof self?self:this||{}}(),Zt,!1);const Yt=Zt.exports,Qt=m.gql`
+`,Kt=class{constructor(t){e(this,t),this.ignored=!0,this.iframeHeight="100%",this.iframeWidth="100%",n(this)}disconnectedCallback(){}render(){const e=R([{attribute:"iframe-src",value:this.iframeSrc}]);if(e)return t($e,{missingProps:e,heading:"An error occured while loading this page",subheading:"A technical problem prevented this iframe from loading. Please contact us with the link to this page.",description:"Values for the following attributes are missing:"});const{states:n,data:o}=h()?(a=A(this),q({states:{content:{iframeSrc:"https://example.com",...a}},data:{shareCode:"SHARECODE123"}},a.demoData||{},{arrayMerge:(e,t)=>t})):function(e){var t;const r=f(),n=g(),{data:o}=b(Gt,{programId:r},!(null==n?void 0:n.jwt)||!r);return{states:{content:e},data:{shareCode:null===(t=null==o?void 0:o.viewer)||void 0===t?void 0:t.referralCode}}}(A(this));var a;return t(r,{style:{display:"contents"}},t(ie,{data:o,states:n}))}};var Zt={};!function e(t,r,n,o){var a=!!(t.Worker&&t.Blob&&t.Promise&&t.OffscreenCanvas&&t.OffscreenCanvasRenderingContext2D&&t.HTMLCanvasElement&&t.HTMLCanvasElement.prototype.transferControlToOffscreen&&t.URL&&t.URL.createObjectURL);function s(){}function i(e){var n=r.exports.Promise,o=void 0!==n?n:t.Promise;return"function"==typeof o?new o(e):(e(s,s),null)}var l,c,d,u,h,m,p,g,f=(d=Math.floor(1e3/60),u={},h=0,"function"==typeof requestAnimationFrame&&"function"==typeof cancelAnimationFrame?(l=function(e){var t=Math.random();return u[t]=requestAnimationFrame((function r(n){h===n||h+d-1<n?(h=n,delete u[t],e()):u[t]=requestAnimationFrame(r)})),t},c=function(e){u[e]&&cancelAnimationFrame(u[e])}):(l=function(e){return setTimeout(e,d)},c=function(e){return clearTimeout(e)}),{frame:l,cancel:c}),v=(g={},function(){if(m)return m;if(!n&&a){var t=["var CONFETTI, SIZE = {}, module = {};","("+e.toString()+")(this, module, true, SIZE);","onmessage = function(msg) {","  if (msg.data.options) {","    CONFETTI(msg.data.options).then(function () {","      if (msg.data.callback) {","        postMessage({ callback: msg.data.callback });","      }","    });","  } else if (msg.data.reset) {","    CONFETTI.reset();","  } else if (msg.data.resize) {","    SIZE.width = msg.data.resize.width;","    SIZE.height = msg.data.resize.height;","  } else if (msg.data.canvas) {","    SIZE.width = msg.data.canvas.width;","    SIZE.height = msg.data.canvas.height;","    CONFETTI = module.exports.create(msg.data.canvas);","  }","}"].join("\n");try{m=new Worker(URL.createObjectURL(new Blob([t])))}catch(e){return void 0!==typeof console&&"function"==typeof console.warn&&console.warn("🎊 Could not load worker",e),null}!function(e){function t(t,r){e.postMessage({options:t||{},callback:r})}e.init=function(t){var r=t.transferControlToOffscreen();e.postMessage({canvas:r},[r])},e.fire=function(r,n,o){if(p)return t(r,null),p;var a=Math.random().toString(36).slice(2);return p=i((function(n){function s(t){t.data.callback===a&&(delete g[a],e.removeEventListener("message",s),p=null,o(),n())}e.addEventListener("message",s),t(r,a),g[a]=s.bind(null,{data:{callback:a}})}))},e.reset=function(){for(var t in e.postMessage({reset:!0}),g)g[t](),delete g[t]}}(m)}return m}),b={particleCount:50,angle:90,spread:45,startVelocity:45,decay:.9,gravity:1,drift:0,ticks:200,x:.5,y:.5,shapes:["square","circle"],zIndex:100,colors:["#26ccff","#a25afd","#ff5e7e","#88ff5a","#fcff42","#ffa62d","#ff36ff"],disableForReducedMotion:!1,scalar:1};function y(e,t,r){return function(e,t){return t?t(e):e}(e&&null!=e[t]?e[t]:b[t],r)}function x(e){return e<0?0:Math.floor(e)}function w(e){return parseInt(e,16)}function k(e){return e.map(C)}function C(e){var t=String(e).replace(/[^0-9a-f]/gi,"");return t.length<6&&(t=t[0]+t[0]+t[1]+t[1]+t[2]+t[2]),{r:w(t.substring(0,2)),g:w(t.substring(2,4)),b:w(t.substring(4,6))}}function F(e){e.width=document.documentElement.clientWidth,e.height=document.documentElement.clientHeight}function _(e){var t=e.getBoundingClientRect();e.width=t.width,e.height=t.height}function E(e,r){var s,l=!e,c=!!y(r||{},"resize"),d=y(r,"disableForReducedMotion",Boolean),u=a&&y(r||{},"useWorker")?v():null,h=l?F:_,m=!(!e||!u||!e.__confetti_initialized),p="function"==typeof matchMedia&&matchMedia("(prefers-reduced-motion)").matches;function g(t,r,a){for(var l,c,d,u,m=y(t,"particleCount",x),p=y(t,"angle",Number),g=y(t,"spread",Number),v=y(t,"startVelocity",Number),b=y(t,"decay",Number),w=y(t,"gravity",Number),C=y(t,"drift",Number),F=y(t,"colors",k),_=y(t,"ticks",Number),E=y(t,"shapes"),I=y(t,"scalar"),S=function(e){var t=y(e,"origin",Object);return t.x=y(t,"x",Number),t.y=y(t,"y",Number),t}(t),q=m,A=[],R=e.width*S.x,T=e.height*S.y;q--;)A.push((void 0,void 0,c=(l={x:R,y:T,angle:p,spread:g,startVelocity:v,color:F[q%F.length],shape:E[(0,u=E.length,Math.floor(Math.random()*(u-0))+0)],ticks:_,decay:b,gravity:w,drift:C,scalar:I}).angle*(Math.PI/180),d=l.spread*(Math.PI/180),{x:l.x,y:l.y,wobble:10*Math.random(),velocity:.5*l.startVelocity+Math.random()*l.startVelocity,angle2D:-c+(.5*d-Math.random()*d),tiltAngle:Math.random()*Math.PI,color:l.color,shape:l.shape,tick:0,totalTicks:l.ticks,decay:l.decay,drift:l.drift,random:Math.random()+5,tiltSin:0,tiltCos:0,wobbleX:0,wobbleY:0,gravity:3*l.gravity,ovalScalar:.6,scalar:l.scalar}));return s?s.addFettis(A):(s=function(e,t,r,a,s){var l,c,d=t.slice(),u=e.getContext("2d"),h=i((function(t){function i(){l=c=null,u.clearRect(0,0,a.width,a.height),s(),t()}l=f.frame((function t(){!n||a.width===o.width&&a.height===o.height||(a.width=e.width=o.width,a.height=e.height=o.height),a.width||a.height||(r(e),a.width=e.width,a.height=e.height),u.clearRect(0,0,a.width,a.height),(d=d.filter((function(e){return function(e,t){t.x+=Math.cos(t.angle2D)*t.velocity+t.drift,t.y+=Math.sin(t.angle2D)*t.velocity+t.gravity,t.wobble+=.1,t.velocity*=t.decay,t.tiltAngle+=.1,t.tiltSin=Math.sin(t.tiltAngle),t.tiltCos=Math.cos(t.tiltAngle),t.random=Math.random()+5,t.wobbleX=t.x+10*t.scalar*Math.cos(t.wobble),t.wobbleY=t.y+10*t.scalar*Math.sin(t.wobble);var r=t.tick++/t.totalTicks,n=t.x+t.random*t.tiltCos,o=t.y+t.random*t.tiltSin,a=t.wobbleX+t.random*t.tiltCos,s=t.wobbleY+t.random*t.tiltSin;return e.fillStyle="rgba("+t.color.r+", "+t.color.g+", "+t.color.b+", "+(1-r)+")",e.beginPath(),"circle"===t.shape?e.ellipse?e.ellipse(t.x,t.y,Math.abs(a-n)*t.ovalScalar,Math.abs(s-o)*t.ovalScalar,Math.PI/10*t.wobble,0,2*Math.PI):function(e,t,r,n,o,a,s,i){e.save(),e.translate(t,r),e.rotate(a),e.scale(n,o),e.arc(0,0,1,0,i,void 0),e.restore()}(e,t.x,t.y,Math.abs(a-n)*t.ovalScalar,Math.abs(s-o)*t.ovalScalar,Math.PI/10*t.wobble,0,2*Math.PI):(e.moveTo(Math.floor(t.x),Math.floor(t.y)),e.lineTo(Math.floor(t.wobbleX),Math.floor(o)),e.lineTo(Math.floor(a),Math.floor(s)),e.lineTo(Math.floor(n),Math.floor(t.wobbleY))),e.closePath(),e.fill(),t.tick<t.totalTicks}(u,e)}))).length?l=f.frame(t):i()})),c=i}));return{addFettis:function(e){return d=d.concat(e),h},canvas:e,promise:h,reset:function(){l&&f.cancel(l),c&&c()}}}(e,A,h,r,a)).promise}function b(r){var n=d||y(r,"disableForReducedMotion",Boolean),o=y(r,"zIndex",Number);if(n&&p)return i((function(e){e()}));l&&s?e=s.canvas:l&&!e&&(e=function(e){var t=document.createElement("canvas");return t.style.position="fixed",t.style.top="0px",t.style.left="0px",t.style.pointerEvents="none",t.style.zIndex=e,t}(o),document.body.appendChild(e)),c&&!m&&h(e);var a={width:e.width,height:e.height};function f(){if(u){var t={getBoundingClientRect:function(){if(!l)return e.getBoundingClientRect()}};return h(t),void u.postMessage({resize:{width:t.width,height:t.height}})}a.width=a.height=null}function v(){s=null,c&&t.removeEventListener("resize",f),l&&e&&(document.body.removeChild(e),e=null,m=!1)}return u&&!m&&u.init(e),m=!0,u&&(e.__confetti_initialized=!0),c&&t.addEventListener("resize",f,!1),u?u.fire(r,a,v):g(r,a,v)}return b.reset=function(){u&&u.reset(),s&&s.reset()},b}r.exports=E(null,{useWorker:!0,resize:!0}),r.exports.create=E}(function(){return"undefined"!=typeof window?window:"undefined"!=typeof self?self:this||{}}(),Zt,!1);const Yt=Zt.exports,Qt=p.gql`
   query getExchangeList {
     viewer {
       ... on User {
@@ -219,7 +219,7 @@ import{r as e,h as t,c as r}from"./p-c7c11325.js";import{n as o,f as n,k as a,i
       }
     }
   }
-`,Xt=m.gql`
+`,Xt=p.gql`
   mutation exchange($exchangeRewardInput: ExchangeRewardInput!) {
     exchangeReward(exchangeRewardInput: $exchangeRewardInput) {
       reward {
@@ -228,7 +228,7 @@ import{r as e,h as t,c as r}from"./p-c7c11325.js";import{n as o,f as n,k as a,i
       }
     }
   }
-`,Jt=class{constructor(t){e(this,t),this.ignored=!0,this.notAvailableError="{unavailableReasonCode, select, US_TAX {US Tax limit} INSUFFICIENT_REDEEMABLE_CREDIT {{sourceValue} required} AVAILABILITY_PREDICATE {Not available} other {{unavailableReasonCode}} }",this.chooseRewardTitle="Rewards",this.chooseAmountTitle="Select",this.confirmationTitle="Confirm",this.rewardTitle="Choose a reward",this.cancelText="Cancel",this.backText="Back",this.continueText="Continue",this.continueToConfirmationText="Continue to confirmation",this.redeemText="Redeem",this.redeemTitle="Confirm and redeem",this.redemptionSuccessText="Redeemed {sourceValue} for {destinationValue}",this.sourceAmountMessage="{ruleType, select, FIXED_GLOBAL_REWARD {{sourceValue}} other {{sourceMinValue} to {sourceMaxValue}}}",this.tooltipText="Copied",this.doneText="Done",this.selectText="Select amount to receive",this.queryError="Unable to load reward exchange list. Please try again",this.redemptionError="An error occured trying to redeem this reward. Please try again",this.notEnoughError="Not enough {sourceUnit} to redeem for this reward",this.rewardRedeemedText="Reward redeemed",this.promoCode="Promo Code",this.skeletonCardNum=8,this.rewardNameTitle="Reward",this.rewardAmountTitle="Reward Amount",this.costTitle="Cost to Redeem",o(this)}disconnectedCallback(){}render(){const e={...q(this),empty:t(er,null)},{states:o,data:s,callbacks:i,refs:d}=h()?function(e){return S({states:{content:{text:e},redeemStage:"chooseReward",amount:0,selectedStep:void 0,selectedItem:void 0,open:!1,exchangeError:!1,queryError:!1,loading:!1,noExchangeOptions:!1,empty:er()},data:{shareCode:"SHARECODE123",exchangeList:le.data.exchangeList},callbacks:{exchangeReward:()=>{},setExchangeState:()=>{},setStage:()=>{},resetState:()=>{},copyFuelTankCode:()=>{}},refs:{canvasRef:{}}},e.demoData||{},{arrayMerge:(e,t)=>t})}(e):function(e){var t,r,o,s,i;const[d,u]=c(((e,t)=>({...e,...t})),{selectedItem:void 0,selectedStep:void 0,redeemStage:"chooseReward",amount:0,exchangeError:!1}),[h,p]=a(!1),{selectedItem:m,selectedStep:f,redeemStage:x,amount:y,exchangeError:w}=d,k=g(),[C,{data:F,loading:E,errors:I}]=v(Xt),{data:A,loading:S,refetch:q,errors:R}=b(Qt,{},!(null==k?void 0:k.jwt));n((()=>{var e,t;(null===(t=null===(e=null==F?void 0:F.exchangeReward)||void 0===e?void 0:e.reward)||void 0===t?void 0:t.id)&&u({redeemStage:"success",exchangeError:!1}),I&&u({exchangeError:!0})}),[F,I]);const T=l();n((()=>{if(!T.current)return;const e=T.current;e.confetti=e.confetti||Yt.create(e,{resize:!0}),e.confetti()}),[T.current]);const{refresh:B}=_();return{states:{content:{text:e},selectedItem:m,redeemStage:x,amount:y,selectedStep:f,exchangeError:w,queryError:!!R,loading:S||E,open:h,noExchangeOptions:0===(null===(t=null==A?void 0:A.viewer)||void 0===t?void 0:t.visibleRewardExchangeItems.totalCount)},data:{exchangeList:null===(o=null===(r=null==A?void 0:A.viewer)||void 0===r?void 0:r.visibleRewardExchangeItems)||void 0===o?void 0:o.data,fuelTankCode:null===(i=null===(s=null==F?void 0:F.exchangeReward)||void 0===s?void 0:s.reward)||void 0===i?void 0:i.fuelTankCode},callbacks:{exchangeReward:async function(){if(!m)return;let e={accountId:null==k?void 0:k.accountId,userId:k.id};switch(m.ruleType){case"FIXED_GLOBAL_REWARD":e={...e,redeemCreditInput:{amount:m.sourceValue,unit:m.sourceUnit},globalRewardKey:m.globalRewardKey};break;case"STEPPED_FIXED_GLOBAL_REWARD":e={...e,redeemCreditInput:{amount:f.sourceValue,unit:m.sourceUnit},globalRewardKey:f.globalRewardKey};break;case"VARIABLE_GLOBAL_REWARD":e={...e,redeemCreditInput:{amount:y,unit:m.sourceUnit},globalRewardKey:m.globalRewardKey,rewardInput:f.rewardInput};break;case"VARIABLE_CREDIT_REWARD":e={...e,redeemCreditInput:{amount:y,unit:m.sourceUnit},rewardInput:{type:"CREDIT",unit:m.destinationUnit,assignedCredit:f.destinationValue}};break;default:e={...e,...f.rewardInput}}await C({exchangeRewardInput:e}),B()},setExchangeState:u,setStage:function(e){u({redeemStage:e})},resetState:e=>{e&&q(),u({amount:0,selectedStep:void 0,selectedItem:void 0,exchangeError:!1,redeemStage:"chooseReward"})},copyFuelTankCode:function(){var e,t;navigator.clipboard.writeText(null===(t=null===(e=null==F?void 0:F.exchangeReward)||void 0===e?void 0:e.reward)||void 0===t?void 0:t.fuelTankCode),p(!0),setTimeout((()=>p(!1)),1e3)}},refs:{canvasRef:T}}}(e);return t(r,{style:{display:"contents"}},t(de,{states:o,data:s,callbacks:i,refs:d}))}static get assetsDirs(){return["assets"]}};function er(){return t("slot",{name:"empty"},t("sqm-empty",{emptyStateImage:"https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_exchange2.png",emptyStateHeader:"Redeem rewards",emptyStateText:"Use your points to redeem rewards once they become available"}))}const tr=d("sq:useRouter");function rr(e,t){if(e)return N(e).exec(t)}const or=class{constructor(t){e(this,t),this.ignored=!0,o(this)}disconnectedCallback(){}render(){const{callbacks:e}=function(){const e=I(),t=p(),[r,o]=a(void 0),[s,i]=a(void 0),l=e.pathname;return n((()=>{const e=t.querySelectorAll("sqm-route");Array.from(e).forEach((e=>{const t=document.createElement("template");t.setAttribute("path",e.path),t.innerHTML=e.innerHTML,e.parentNode.appendChild(t),e.parentNode.removeChild(e)}))}),[]),n((()=>{var e,t;if(!s||!r)return void tr("DOM not ready for navigation rendering on:",l);const o=r.querySelectorAll("template"),n=Array.from(o).find((e=>{var t,r,o;if(null===(o=rr(null===(r=null===(t=e.attributes)||void 0===t?void 0:t.path)||void 0===r?void 0:r.nodeValue,l))||void 0===o?void 0:o.length)return e})),a=null===(t=null===(e=null==n?void 0:n.attributes)||void 0===e?void 0:e.path)||void 0===t?void 0:t.nodeValue;if(tr({containerDatasetPage:s.dataset.page,templatePath:a,page:l}),!n)return tr("No matching page found for ",l,", so render nothing"),s.innerHTML="",void(s.dataset.page=l);tr("Page updated to ",l,n),rr(a,s.dataset.page)?tr("don't rerender"):n&&(s.innerHTML=n.innerHTML,s.dataset.page=l)}),[r,s,l]),{callbacks:{setSlot:o,setContainer:i}}}();return t(r,null,t("div",{ref:e.setSlot,style:{display:"none"}},t("slot",null)),t("div",{style:{display:"contents"},ref:e.setContainer}))}};or.style="sqm-router{display:contents}";const nr=class{constructor(t){e(this,t),this.type="default",this.iconslot="prefix",this.hideicon=!1,this.hidetext=!1,this.undefinedLinkText="Error: message link undefined!",this.unsupportedPlatformText="Error: not on a supported device",o(this)}disconnectedCallback(){}render(){const e=q(this),r=h()?function(e){return S({...e,loading:!1,hide:!1,onClick:()=>{}},e.demoData||{},{arrayMerge:(e,t)=>t})}(e):ce(e);return t(ue,Object.assign({},r),t("slot",null))}};nr.style=":host{display:block}:host([hidden]){display:none}sl-button{display:block}";const ar=m.gql`
+`,Jt=class{constructor(t){e(this,t),this.ignored=!0,this.notAvailableError="{unavailableReasonCode, select, US_TAX {US Tax limit} INSUFFICIENT_REDEEMABLE_CREDIT {{sourceValue} required} AVAILABILITY_PREDICATE {Not available} other {{unavailableReasonCode}} }",this.chooseRewardTitle="Rewards",this.chooseAmountTitle="Select",this.confirmationTitle="Confirm",this.rewardTitle="Choose a reward",this.cancelText="Cancel",this.backText="Back",this.continueText="Continue",this.continueToConfirmationText="Continue to confirmation",this.redeemText="Redeem",this.redeemTitle="Confirm and redeem",this.redemptionSuccessText="Redeemed {sourceValue} for {destinationValue}",this.sourceAmountMessage="{ruleType, select, FIXED_GLOBAL_REWARD {{sourceValue}} other {{sourceMinValue} to {sourceMaxValue}}}",this.tooltipText="Copied",this.doneText="Done",this.selectText="Select amount to receive",this.queryError="Unable to load reward exchange list. Please try again",this.redemptionError="An error occured trying to redeem this reward. Please try again",this.notEnoughError="Not enough {sourceUnit} to redeem for this reward",this.rewardRedeemedText="Reward redeemed",this.promoCode="Promo Code",this.skeletonCardNum=8,this.rewardNameTitle="Reward",this.rewardAmountTitle="Reward Amount",this.costTitle="Cost to Redeem",n(this)}disconnectedCallback(){}render(){const e={...A(this),empty:t(er,null)},{states:n,data:s,callbacks:i,refs:c}=h()?function(e){return q({states:{content:{text:e},redeemStage:"chooseReward",amount:0,selectedStep:void 0,selectedItem:void 0,open:!1,exchangeError:!1,queryError:!1,loading:!1,noExchangeOptions:!1,empty:er()},data:{shareCode:"SHARECODE123",exchangeList:le.data.exchangeList},callbacks:{exchangeReward:()=>{},setExchangeState:()=>{},setStage:()=>{},resetState:()=>{},copyFuelTankCode:()=>{}},refs:{canvasRef:{}}},e.demoData||{},{arrayMerge:(e,t)=>t})}(e):function(e){var t,r,n,s,i;const[c,u]=d(((e,t)=>({...e,...t})),{selectedItem:void 0,selectedStep:void 0,redeemStage:"chooseReward",amount:0,exchangeError:!1}),[h,m]=a(!1),{selectedItem:p,selectedStep:f,redeemStage:y,amount:x,exchangeError:w}=c,k=g(),[C,{data:F,loading:_,errors:I}]=v(Xt),{data:S,loading:q,refetch:A,errors:R}=b(Qt,{},!(null==k?void 0:k.jwt));o((()=>{var e,t;(null===(t=null===(e=null==F?void 0:F.exchangeReward)||void 0===e?void 0:e.reward)||void 0===t?void 0:t.id)&&u({redeemStage:"success",exchangeError:!1}),I&&u({exchangeError:!0})}),[F,I]);const T=l();o((()=>{if(!T.current)return;const e=T.current;e.confetti=e.confetti||Yt.create(e,{resize:!0}),e.confetti()}),[T.current]);const{refresh:M}=E();return{states:{content:{text:e},selectedItem:p,redeemStage:y,amount:x,selectedStep:f,exchangeError:w,queryError:!!R,loading:q||_,open:h,noExchangeOptions:0===(null===(t=null==S?void 0:S.viewer)||void 0===t?void 0:t.visibleRewardExchangeItems.totalCount)},data:{exchangeList:null===(n=null===(r=null==S?void 0:S.viewer)||void 0===r?void 0:r.visibleRewardExchangeItems)||void 0===n?void 0:n.data,fuelTankCode:null===(i=null===(s=null==F?void 0:F.exchangeReward)||void 0===s?void 0:s.reward)||void 0===i?void 0:i.fuelTankCode},callbacks:{exchangeReward:async function(){if(!p)return;let e={accountId:null==k?void 0:k.accountId,userId:k.id};switch(p.ruleType){case"FIXED_GLOBAL_REWARD":e={...e,redeemCreditInput:{amount:p.sourceValue,unit:p.sourceUnit},globalRewardKey:p.globalRewardKey};break;case"STEPPED_FIXED_GLOBAL_REWARD":e={...e,redeemCreditInput:{amount:f.sourceValue,unit:p.sourceUnit},globalRewardKey:f.globalRewardKey};break;case"VARIABLE_GLOBAL_REWARD":e={...e,redeemCreditInput:{amount:x,unit:p.sourceUnit},globalRewardKey:p.globalRewardKey,rewardInput:f.rewardInput};break;case"VARIABLE_CREDIT_REWARD":e={...e,redeemCreditInput:{amount:x,unit:p.sourceUnit},rewardInput:{type:"CREDIT",unit:p.destinationUnit,assignedCredit:f.destinationValue}};break;default:e={...e,...f.rewardInput}}await C({exchangeRewardInput:e}),M()},setExchangeState:u,setStage:function(e){u({redeemStage:e})},resetState:e=>{e&&A(),u({amount:0,selectedStep:void 0,selectedItem:void 0,exchangeError:!1,redeemStage:"chooseReward"})},copyFuelTankCode:function(){var e,t;navigator.clipboard.writeText(null===(t=null===(e=null==F?void 0:F.exchangeReward)||void 0===e?void 0:e.reward)||void 0===t?void 0:t.fuelTankCode),m(!0),setTimeout((()=>m(!1)),1e3)}},refs:{canvasRef:T}}}(e);return t(r,{style:{display:"contents"}},t(ce,{states:n,data:s,callbacks:i,refs:c}))}static get assetsDirs(){return["assets"]}};function er(){return t("slot",{name:"empty"},t("sqm-empty",{emptyStateImage:"https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_exchange2.png",emptyStateHeader:"Redeem rewards",emptyStateText:"Use your points to redeem rewards once they become available"}))}const tr=c("sq:useRouter");function rr(e,t){if(e)return N(e).exec(t)}const nr=class{constructor(t){e(this,t),this.ignored=!0,n(this)}disconnectedCallback(){}render(){const{callbacks:e}=function(){const e=I(),t=m(),[r,n]=a(void 0),[s,i]=a(void 0),l=e.pathname;return o((()=>{const e=t.querySelectorAll("sqm-route");Array.from(e).forEach((e=>{const t=document.createElement("template");t.setAttribute("path",e.path),t.innerHTML=e.innerHTML,e.parentNode.appendChild(t),e.parentNode.removeChild(e)}))}),[]),o((()=>{var e,t;if(!s||!r)return void tr("DOM not ready for navigation rendering on:",l);const n=r.querySelectorAll("template"),o=Array.from(n).find((e=>{var t,r,n;if(null===(n=rr(null===(r=null===(t=e.attributes)||void 0===t?void 0:t.path)||void 0===r?void 0:r.nodeValue,l))||void 0===n?void 0:n.length)return e})),a=null===(t=null===(e=null==o?void 0:o.attributes)||void 0===e?void 0:e.path)||void 0===t?void 0:t.nodeValue;if(tr({containerDatasetPage:s.dataset.page,templatePath:a,page:l}),!o)return tr("No matching page found for ",l,", so render nothing"),s.innerHTML="",void(s.dataset.page=l);tr("Page updated to ",l,o),rr(a,s.dataset.page)?tr("don't rerender"):o&&(s.innerHTML=o.innerHTML,s.dataset.page=l)}),[r,s,l]),{callbacks:{setSlot:n,setContainer:i}}}();return t(r,null,t("div",{ref:e.setSlot,style:{display:"none"}},t("slot",null)),t("div",{style:{display:"contents"},ref:e.setContainer}))}};nr.style="sqm-router{display:contents}";const or=class{constructor(t){e(this,t),this.type="default",this.iconslot="prefix",this.hideicon=!1,this.hidetext=!1,this.undefinedLinkText="Error: message link undefined!",this.unsupportedPlatformText="Error: not on a supported device",n(this)}disconnectedCallback(){}render(){const e=A(this),r=h()?function(e){return q({...e,loading:!1,hide:!1,onClick:()=>{}},e.demoData||{},{arrayMerge:(e,t)=>t})}(e):de(e);return t(ue,Object.assign({},r),t("slot",null))}};or.style=":host{display:block}:host([hidden]){display:none}sl-button{display:block}";const ar=p.gql`
   query ($programId: ID) {
     user: viewer {
       ... on User {
@@ -236,17 +236,17 @@ import{r as e,h as t,c as r}from"./p-c7c11325.js";import{n as o,f as n,k as a,i
       }
     }
   }
-`,sr=m.gql`
+`,sr=p.gql`
   mutation loadEvent($eventMeta: UserAnalyticsEvent!) {
     createUserAnalyticsEvent(eventMeta: $eventMeta)
   }
-`,ir=class{constructor(t){e(this,t),this.tooltiptext="Copied to Clipboard",this.tooltiplifespan=1e3,this.textAlign="left",this.copyButtonLabel="Copy Code",this.buttonStyle="icon",this.buttonType="primary",o(this)}disconnectedCallback(){}render(){const e=q(this),r=h()?function(e){const[t,r]=a(!1),o="SHARECODE001";return S({copyString:o,tooltiptext:e.tooltiptext,textAlign:e.textAlign,copyButtonLabel:e.copyButtonLabel,buttonStyle:e.buttonStyle,backgroundColor:e.backgroundColor,textColor:e.textColor,borderRadius:e.borderRadius,borderColor:e.borderColor,buttonType:e.buttonType,rewardStatus:"AVAILABLE",open:t,onClick:()=>{navigator.clipboard.writeText(o),r(!0),setTimeout((()=>r(!1)),e.tooltiplifespan)}},e.demoData||{},{arrayMerge:(e,t)=>t})}(e):function(e){var t,r;const{programId:o=f()}=e,n=g(),s=x(),{data:i}=b(ar,{programId:o},!(null==n?void 0:n.jwt)),[l]=v(sr),d=null!==(r=null===(t=null==i?void 0:i.user)||void 0===t?void 0:t.referralCode)&&void 0!==r?r:"...",[c,u]=a(!1);return{...e,onClick:function(){navigator.clipboard.writeText(d),u(!0),setTimeout((()=>u(!1)),e.tooltiplifespan),l({eventMeta:{programId:o,id:null==n?void 0:n.id,accountId:null==n?void 0:n.accountId,type:"USER_REFERRAL_PROGRAM_ENGAGEMENT_EVENT",meta:{engagementMedium:s,shareMedium:"DIRECT"}}})},open:c,copyString:d}}(e);return t(B,Object.assign({},r))}},lr=class{constructor(t){e(this,t),this.tooltiptext="Copied to Clipboard",this.tooltiplifespan=1e3,this.textAlign="left",this.copyButtonLabel="Copy Link",this.buttonType="primary",this.buttonStyle="icon",o(this)}disconnectedCallback(){}render(){const e=q(this),r=h()?function(e){const[t,r]=a(!1),o="https://www.example.com/sharelink/abc";return S({copyString:o,tooltiptext:e.tooltiptext,textAlign:e.textAlign,buttonStyle:e.buttonStyle,backgroundColor:e.backgroundColor,textColor:e.textColor,borderRadius:e.borderRadius,buttonType:e.buttonType,copyButtonLabel:e.copyButtonLabel,borderColor:e.borderColor,rewardStatus:"AVAILABLE",open:t,onClick:()=>{navigator.clipboard.writeText(o),r(!0),setTimeout((()=>r(!1)),e.tooltiplifespan)}},e.demoData||{},{arrayMerge:(e,t)=>t})}(e):he(e);return t(B,Object.assign({},r))}},dr=class{constructor(t){e(this,t),this.ignored=!0,this.space="xxx-large",this.display="flex",this.alignment="center",this.gap="x-large",o(this)}disconnectedCallback(){}render(){return t(pe,Object.assign({},q(this)),t("slot",null))}},cr=m.gql`
+`,ir=class{constructor(t){e(this,t),this.tooltiptext="Copied to Clipboard",this.tooltiplifespan=1e3,this.textAlign="left",this.copyButtonLabel="Copy Code",this.buttonStyle="icon",this.buttonType="primary",n(this)}disconnectedCallback(){}render(){const e=A(this),r=h()?function(e){const[t,r]=a(!1),n="SHARECODE001";return q({copyString:n,tooltiptext:e.tooltiptext,textAlign:e.textAlign,copyButtonLabel:e.copyButtonLabel,buttonStyle:e.buttonStyle,backgroundColor:e.backgroundColor,textColor:e.textColor,borderRadius:e.borderRadius,borderColor:e.borderColor,buttonType:e.buttonType,rewardStatus:"AVAILABLE",open:t,onClick:()=>{navigator.clipboard.writeText(n),r(!0),setTimeout((()=>r(!1)),e.tooltiplifespan)}},e.demoData||{},{arrayMerge:(e,t)=>t})}(e):function(e){var t,r;const{programId:n=f()}=e,o=g(),s=y(),{data:i}=b(ar,{programId:n},!(null==o?void 0:o.jwt)),[l]=v(sr),c=null!==(r=null===(t=null==i?void 0:i.user)||void 0===t?void 0:t.referralCode)&&void 0!==r?r:"...",[d,u]=a(!1);return{...e,onClick:function(){navigator.clipboard.writeText(c),u(!0),setTimeout((()=>u(!1)),e.tooltiplifespan),l({eventMeta:{programId:n,id:null==o?void 0:o.id,accountId:null==o?void 0:o.accountId,type:"USER_REFERRAL_PROGRAM_ENGAGEMENT_EVENT",meta:{engagementMedium:s,shareMedium:"DIRECT"}}})},open:d,copyString:c}}(e);return t(M,Object.assign({},r))}},lr=class{constructor(t){e(this,t),this.tooltiptext="Copied to Clipboard",this.tooltiplifespan=1e3,this.textAlign="left",this.copyButtonLabel="Copy Link",this.buttonType="primary",this.buttonStyle="icon",n(this)}disconnectedCallback(){}render(){const e=A(this),r=h()?function(e){const[t,r]=a(!1),n="https://www.example.com/sharelink/abc";return q({copyString:n,tooltiptext:e.tooltiptext,textAlign:e.textAlign,buttonStyle:e.buttonStyle,backgroundColor:e.backgroundColor,textColor:e.textColor,borderRadius:e.borderRadius,buttonType:e.buttonType,copyButtonLabel:e.copyButtonLabel,borderColor:e.borderColor,rewardStatus:"AVAILABLE",open:t,onClick:()=>{navigator.clipboard.writeText(n),r(!0),setTimeout((()=>r(!1)),e.tooltiplifespan)}},e.demoData||{},{arrayMerge:(e,t)=>t})}(e):he(e);return t(M,Object.assign({},r))}},cr=class{constructor(t){e(this,t),this.ignored=!0,this.space="xxx-large",this.display="flex",this.alignment="center",this.gap="x-large",n(this)}disconnectedCallback(){}render(){return t(me,Object.assign({},A(this)),t("slot",null))}},dr=p.gql`
   mutation taskCardEvent($userEventInput: UserEventInput!) {
     logUserEvent(userEventInput: $userEventInput) {
       userId
     }
   }
-`,ur=class{constructor(t){e(this,t),this.ignored=!0,this.rewardAmount="0",this.rewardUnit="Points",this.cardTitle="Title Text",this.description="",this.repeatable=!1,this.finite=0,this.showProgressBar=!1,this.goal=1,this.steps=!1,this.progressBarUnit="",this.expiryMessage="Ends {endDate}",this.startsOnMessage="Starts {startDate}",this.endedMessage="Ended {endDate}",this.completedText="Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}",this.buttonText="Complete Action",this.openNewTab=!1,this.hideButton=!1,this.buttonType="primary",o(this)}disconnectedCallback(){}render(){const{props:e}=h()?O(this):U({...q(this),programId:this.programId}),{value:r,loading:o}=e,{states:a,callbacks:s}=h()?function(e){return S({content:{...e},states:{loadingEvent:!1,locale:"en"},callbacks:{sendEvent:e=>console.log(e),onClick:()=>console.log("clicked")}},e.demoData||{},{arrayMerge:(e,t)=>t})}(this):function(e){const t=g(),r=y(),[o,{data:a,loading:s}]=v(cr),{refresh:i}=_();function l(){e.openNewTab?window.open(e.buttonLink):window.open(e.buttonLink,"_parent")}function d(e){o({userEventInput:{userId:null==t?void 0:t.id,accountId:null==t?void 0:t.accountId,events:[{key:e,fields:{}}]}})}return n((()=>{a&&(i(),l())}),[a]),{states:{loadingEvent:s,locale:r},styles:{card:{backgroundColor:e.backgroundColor,textColor:e.textColor,borderColor:e.borderColor,borderRadius:e.borderRadius,buttonType:e.buttonType}},callbacks:{sendEvent:d,onClick:function(){e.eventKey?d(e.eventKey):l()}}}}(this);return t(me,{callbacks:s,states:{loading:o,loadingEvent:a.loadingEvent,progress:r,locale:a.locale},content:{...q(this)}})}},hr=class{constructor(t){e(this,t),this.ignored=!0,this.icon="gift",o(this)}disconnectedCallback(){}render(){return D().forEach((e=>{try{e.setIcon(this.icon)}catch{}})),t("div",null,t("style",{type:"text/css"},"\n\t\t:host{\n\t\t\tdisplay: block;   \n\t\t}\n\n\t\t::slotted(*:not(:only-child):not(:last-child)) {\n\t\t\tmargin-bottom: var(--sl-spacing-xx-large);\n\t\t}\n\t"),t("slot",null))}},pr=()=>t("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{d:"M22.5 7.5H18.6761H13.5V24H20.75C21.3023 24 21.75 23.5523 21.75 23V22.5V13.5H22.5H23C23.5523 13.5 24 13.0523 24 12.5V12V9V8.5C24 7.94772 23.5523 7.5 23 7.5H22.5Z",fill:"#F2C94C"}),t("path",{d:"M2.25 22.5V23C2.25 23.5523 2.69772 24 3.25 24H10.5V7.5H6.96363H1.5H1C0.447715 7.5 0 7.94772 0 8.5V9V12V12.5C0 13.0523 0.447715 13.5 1 13.5H1.5H2.25V22.5Z",fill:"#F2C94C"}),t("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M2.25 13.5V15H21.75V13.5H2.25Z",fill:"#BE9720"}),t("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M21 4.06424C21 5.39348 19.0041 7.4062 18 7.5H13.5V24H10.5027V7.5H6.88188C4.8187 7.05273 3 5.46806 3 3.78109C3 2.1371 3.71404 0.835051 5.01276 0.273062C6.25382 -0.26398 7.68678 0.0304991 8.81964 0.817C10.2101 1.78237 10.9902 3.59446 11.6978 5.2384C11.7599 5.38268 11.8215 5.52566 11.8828 5.66667C11.9426 5.53298 12.0028 5.3969 12.0638 5.25912C12.7649 3.67422 13.5654 1.86488 14.9106 0.893444C16.0997 0.0347157 17.6114 -0.289736 18.9181 0.298417C20.2693 0.906596 21 2.3018 21 4.06424ZM15.9185 2.25C16.6392 1.72957 17.502 1.63518 18.2396 2.25C18.8819 2.78542 18.9162 3.03745 18.9987 3.64389L19.0133 3.75C19.0133 4.64776 18.2396 6 17.4659 6C16.9177 6 16.4871 5.99537 16.0836 5.99103C15.3479 5.98312 14.702 5.97618 13.5974 6C13.808 5.59179 13.9761 5.20003 14.1365 4.82641C14.5654 3.82715 14.9386 2.95763 15.9185 2.25ZM7.40792 2.25C7.05911 2.00783 6.25921 2.11591 5.92748 2.25945C5.65341 2.37805 5.24403 2.73987 5.24403 3.78109C5.24403 4.79286 6.88188 5.66667 6.88188 5.66667C6.88188 5.66667 8.18161 6 10.5027 6C9.71258 4.04177 8.59336 3.073 7.40792 2.25Z",fill:"#EB5757"})),mr=()=>t("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("circle",{cx:"12",cy:"12",r:"9",fill:"currentColor",stroke:"currentColor","stroke-width":"2"}));function gr(e){var r;const o=null!==(r=e.icon)&&void 0!==r?r:e.iconState,n=T({TimelineReward:{color:e.textColor||"var(--sqm-text)",lineHeight:"var(--sl-line-height-dense)","& .container":{display:"flex"},"& .line":{display:"none",color:"transparent",userSelect:"none",background:e.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:e.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)"}}}),a=n.toString();return t("div",{class:n.classes.TimelineReward,part:"sqm-base"},t("style",{type:"text/css"},a,"\n\t:host{\n\t\tdisplay: block; \n\t}\n\n\t:host(:not(:last-of-type)) .line {\n\t\tdisplay: block; \n\t}\n\t"),t("div",{class:"container",part:"sqm-entry-container"},t("div",{class:"line"},"/"),t("div",{class:"step"},"gift"===o&&t("div",{class:"icon"},t(pr,null)),"circle"===o&&t("div",{class:"icon"},t(mr,null)),t("div",null,t("div",null,t("span",{class:"reward",part:"sqm-reward"},e.reward),t("span",{class:"unit",part:"sqm-unit"},e.unit)),t("div",{class:"description",part:"sqm-description"},e.desc)))))}const fr=class{constructor(t){e(this,t),this.ignored=!0,this.iconState="gift",o(this)}async setIcon(e){this.iconState=e}disconnectedCallback(){}render(){return M([this.reward]),t(gr,Object.assign({},q(this)))}};function vr(e){return t(r,null,e.loading?e.loadingText:e.username)}const br=m.gql`
+`,ur=class{constructor(t){e(this,t),this.ignored=!0,this.rewardAmount="0",this.rewardUnit="Points",this.cardTitle="Title Text",this.description="",this.repeatable=!1,this.finite=0,this.showProgressBar=!1,this.goal=1,this.steps=!1,this.progressBarUnit="",this.expiryMessage="Ends {endDate}",this.startsOnMessage="Starts {startDate}",this.endedMessage="Ended {endDate}",this.completedText="Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}",this.buttonText="Complete Action",this.openNewTab=!1,this.hideButton=!1,this.buttonType="primary",n(this)}disconnectedCallback(){}render(){const{props:e}=h()?O(this):U({...A(this),programId:this.programId}),{value:r,loading:n}=e,{states:a,callbacks:s}=h()?function(e){return q({content:{...e},states:{loadingEvent:!1,locale:"en"},callbacks:{sendEvent:e=>console.log(e),onClick:()=>console.log("clicked")}},e.demoData||{},{arrayMerge:(e,t)=>t})}(this):function(e){const t=g(),r=x(),[n,{data:a,loading:s}]=v(dr),{refresh:i}=E();function l(){e.openNewTab?window.open(e.buttonLink):window.open(e.buttonLink,"_parent")}function c(e){n({userEventInput:{userId:null==t?void 0:t.id,accountId:null==t?void 0:t.accountId,events:[{key:e,fields:{}}]}})}return o((()=>{a&&(i(),l())}),[a]),{states:{loadingEvent:s,locale:r},styles:{card:{backgroundColor:e.backgroundColor,textColor:e.textColor,borderColor:e.borderColor,borderRadius:e.borderRadius,buttonType:e.buttonType}},callbacks:{sendEvent:c,onClick:function(){e.eventKey?c(e.eventKey):l()}}}}(this);return t(pe,{callbacks:s,states:{loading:n,loadingEvent:a.loadingEvent,progress:r,locale:a.locale},content:{...A(this)}})}},hr=class{constructor(t){e(this,t),this.ignored=!0,this.icon="gift",n(this)}disconnectedCallback(){}render(){return D().forEach((e=>{try{e.setIcon(this.icon)}catch{}})),t("div",null,t("style",{type:"text/css"},"\n\t\t:host{\n\t\t\tdisplay: block;   \n\t\t}\n\n\t\t::slotted(*:not(:only-child):not(:last-child)) {\n\t\t\tmargin-bottom: var(--sl-spacing-xx-large);\n\t\t}\n\t"),t("slot",null))}},mr=()=>t("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{d:"M22.5 7.5H18.6761H13.5V24H20.75C21.3023 24 21.75 23.5523 21.75 23V22.5V13.5H22.5H23C23.5523 13.5 24 13.0523 24 12.5V12V9V8.5C24 7.94772 23.5523 7.5 23 7.5H22.5Z",fill:"#F2C94C"}),t("path",{d:"M2.25 22.5V23C2.25 23.5523 2.69772 24 3.25 24H10.5V7.5H6.96363H1.5H1C0.447715 7.5 0 7.94772 0 8.5V9V12V12.5C0 13.0523 0.447715 13.5 1 13.5H1.5H2.25V22.5Z",fill:"#F2C94C"}),t("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M2.25 13.5V15H21.75V13.5H2.25Z",fill:"#BE9720"}),t("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M21 4.06424C21 5.39348 19.0041 7.4062 18 7.5H13.5V24H10.5027V7.5H6.88188C4.8187 7.05273 3 5.46806 3 3.78109C3 2.1371 3.71404 0.835051 5.01276 0.273062C6.25382 -0.26398 7.68678 0.0304991 8.81964 0.817C10.2101 1.78237 10.9902 3.59446 11.6978 5.2384C11.7599 5.38268 11.8215 5.52566 11.8828 5.66667C11.9426 5.53298 12.0028 5.3969 12.0638 5.25912C12.7649 3.67422 13.5654 1.86488 14.9106 0.893444C16.0997 0.0347157 17.6114 -0.289736 18.9181 0.298417C20.2693 0.906596 21 2.3018 21 4.06424ZM15.9185 2.25C16.6392 1.72957 17.502 1.63518 18.2396 2.25C18.8819 2.78542 18.9162 3.03745 18.9987 3.64389L19.0133 3.75C19.0133 4.64776 18.2396 6 17.4659 6C16.9177 6 16.4871 5.99537 16.0836 5.99103C15.3479 5.98312 14.702 5.97618 13.5974 6C13.808 5.59179 13.9761 5.20003 14.1365 4.82641C14.5654 3.82715 14.9386 2.95763 15.9185 2.25ZM7.40792 2.25C7.05911 2.00783 6.25921 2.11591 5.92748 2.25945C5.65341 2.37805 5.24403 2.73987 5.24403 3.78109C5.24403 4.79286 6.88188 5.66667 6.88188 5.66667C6.88188 5.66667 8.18161 6 10.5027 6C9.71258 4.04177 8.59336 3.073 7.40792 2.25Z",fill:"#EB5757"})),pr=()=>t("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("circle",{cx:"12",cy:"12",r:"9",fill:"currentColor",stroke:"currentColor","stroke-width":"2"}));function gr(e){var r;const n=null!==(r=e.icon)&&void 0!==r?r:e.iconState,o=T({TimelineReward:{color:e.textColor||"var(--sqm-text)",lineHeight:"var(--sl-line-height-dense)","& .container":{display:"flex"},"& .line":{display:"none",color:"transparent",userSelect:"none",background:e.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:e.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)"}}}),a=o.toString();return t("div",{class:o.classes.TimelineReward,part:"sqm-base"},t("style",{type:"text/css"},a,"\n\t:host{\n\t\tdisplay: block; \n\t}\n\n\t:host(:not(:last-of-type)) .line {\n\t\tdisplay: block; \n\t}\n\t"),t("div",{class:"container",part:"sqm-entry-container"},t("div",{class:"line"},"/"),t("div",{class:"step"},"gift"===n&&t("div",{class:"icon"},t(mr,null)),"circle"===n&&t("div",{class:"icon"},t(pr,null)),t("div",null,t("div",null,t("span",{class:"reward",part:"sqm-reward"},e.reward),t("span",{class:"unit",part:"sqm-unit"},e.unit)),t("div",{class:"description",part:"sqm-description"},e.desc)))))}const fr=class{constructor(t){e(this,t),this.ignored=!0,this.iconState="gift",n(this)}async setIcon(e){this.iconState=e}disconnectedCallback(){}render(){return B([this.reward]),t(gr,Object.assign({},A(this)))}};function vr(e){return t(r,null,e.loading?e.loadingText:e.username)}const br=p.gql`
   query getUserName {
     viewer {
       ... on User {
@@ -255,4 +255,4 @@ import{r as e,h as t,c as r}from"./p-c7c11325.js";import{n as o,f as n,k as a,i
       }
     }
   }
-`,xr=class{constructor(t){e(this,t),this.ignored=!0,this.fallback="Anonymous User",this.loadingText="...",o(this)}disconnectedCallback(){}render(){const e=h()?function(e){return S({loading:!1,loadingText:"...",username:"John Smith"},e.demoData||{},{arrayMerge:(e,t)=>t})}(this):function(e){var t,r,o,n,a,s,i,l;const d=g(),c=b(br,{},!(null==d?void 0:d.jwt)),u=(null===(r=null===(t=c.data)||void 0===t?void 0:t.viewer)||void 0===r?void 0:r.firstName)||(null===(n=null===(o=c.data)||void 0===o?void 0:o.viewer)||void 0===n?void 0:n.lastName)?`${null===(s=null===(a=c.data)||void 0===a?void 0:a.viewer)||void 0===s?void 0:s.firstName} ${null===(l=null===(i=c.data)||void 0===i?void 0:i.viewer)||void 0===l?void 0:l.lastName}`:e.fallback;return{loadingText:e.loadingText,loading:c.loading,username:u}}(this);return t(vr,Object.assign({},e))}};export{be as sqm_big_stat,Ne as sqm_brand,ze as sqm_brand_selector,je as sqm_card_feed,Oe as sqm_checkbox_field,We as sqm_coupon_code,Ke as sqm_divided_layout,Ze as sqm_dropdown_field,Je as sqm_edit_profile,et as sqm_hero,rt as sqm_hero_image,ot as sqm_hook_story_container,at as sqm_image,st as sqm_input_field,ut as sqm_leaderboard,ft as sqm_link_button,vt as sqm_marketing_emails_checkbox,bt as sqm_name_fields,yt as sqm_navigation_menu,Et as sqm_payout_button_scroll,St as sqm_payout_status_alert,Bt as sqm_portal_change_marketing,Mt as sqm_portal_change_password,Dt as sqm_portal_footer,Nt as sqm_portal_frame,zt as sqm_portal_login,jt as sqm_portal_register,Pt as sqm_program_explainer,Vt as sqm_program_explainer_step,Ut as sqm_program_menu,Wt as sqm_referral_card,Kt as sqm_referral_iframe,Jt as sqm_reward_exchange_list,or as sqm_router,nr as sqm_share_button,ir as sqm_share_code,lr as sqm_share_link,dr as sqm_stat_container,ur as sqm_task_card,hr as sqm_timeline,fr as sqm_timeline_entry,xr as sqm_user_name}
+`,yr=class{constructor(t){e(this,t),this.ignored=!0,this.fallback="Anonymous User",this.loadingText="...",n(this)}disconnectedCallback(){}render(){const e=h()?function(e){return q({loading:!1,loadingText:"...",username:"John Smith"},e.demoData||{},{arrayMerge:(e,t)=>t})}(this):function(e){var t,r,n,o,a,s,i,l;const c=g(),d=b(br,{},!(null==c?void 0:c.jwt)),u=(null===(r=null===(t=d.data)||void 0===t?void 0:t.viewer)||void 0===r?void 0:r.firstName)||(null===(o=null===(n=d.data)||void 0===n?void 0:n.viewer)||void 0===o?void 0:o.lastName)?`${null===(s=null===(a=d.data)||void 0===a?void 0:a.viewer)||void 0===s?void 0:s.firstName} ${null===(l=null===(i=d.data)||void 0===i?void 0:i.viewer)||void 0===l?void 0:l.lastName}`:e.fallback;return{loadingText:e.loadingText,loading:d.loading,username:u}}(this);return t(vr,Object.assign({},e))}};export{be as sqm_big_stat,Ne as sqm_brand,ze as sqm_brand_selector,je as sqm_card_feed,Oe as sqm_checkbox_field,We as sqm_coupon_code,Ke as sqm_divided_layout,Ze as sqm_dropdown_field,Je as sqm_edit_profile,et as sqm_hero,rt as sqm_hero_image,nt as sqm_hook_story_container,at as sqm_image,st as sqm_input_field,ut as sqm_leaderboard,ft as sqm_link_button,vt as sqm_marketing_emails_checkbox,bt as sqm_name_fields,xt as sqm_navigation_menu,_t as sqm_payout_button_scroll,qt as sqm_payout_status_alert,Mt as sqm_portal_change_marketing,Bt as sqm_portal_change_password,Dt as sqm_portal_footer,Nt as sqm_portal_frame,zt as sqm_portal_login,jt as sqm_portal_register,Pt as sqm_program_explainer,Vt as sqm_program_explainer_step,Ut as sqm_program_menu,Wt as sqm_referral_card,Kt as sqm_referral_iframe,Jt as sqm_reward_exchange_list,nr as sqm_router,or as sqm_share_button,ir as sqm_share_code,lr as sqm_share_link,cr as sqm_stat_container,ur as sqm_task_card,hr as sqm_timeline,fr as sqm_timeline_entry,yr as sqm_user_name}