@saasquatch/mint-components 1.15.0-121 → 1.15.0-122

package/dist/mint-components/p-f9338aad.system.entry.js

@@ -0,0 +1 @@
+var __extends=this&&this.__extends||function(){var e=function(t,r){e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)if(Object.prototype.hasOwnProperty.call(t,r))e[r]=t[r]};return e(t,r)};return function(t,r){e(t,r);function n(){this.constructor=t}t.prototype=r===null?Object.create(r):(n.prototype=r.prototype,new n)}}();var __makeTemplateObject=this&&this.__makeTemplateObject||function(e,t){if(Object.defineProperty){Object.defineProperty(e,"raw",{value:t})}else{e.raw=t}return e};var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++){t=arguments[r];for(var a in t)if(Object.prototype.hasOwnProperty.call(t,a))e[a]=t[a]}return e};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(e,t,r,n){function a(e){return e instanceof r?e:new r((function(t){t(e)}))}return new(r||(r=Promise))((function(r,o){function i(e){try{l(n.next(e))}catch(e){o(e)}}function s(e){try{l(n["throw"](e))}catch(e){o(e)}}function l(e){e.done?r(e.value):a(e.value).then(i,s)}l((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var r={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},n,a,o,i;return i={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function s(e){return function(t){return l([e,t])}}function l(i){if(n)throw new TypeError("Generator is already executing.");while(r)try{if(n=1,a&&(o=i[0]&2?a["return"]:i[0]?a["throw"]||((o=a["return"])&&o.call(a),0):a.next)&&!(o=o.call(a,i[1])).done)return o;if(a=0,o)i=[i[0]&2,o.value];switch(i[0]){case 0:case 1:o=i;break;case 4:r.label++;return{value:i[1],done:false};case 5:r.label++;a=i[1];i=[0];continue;case 7:i=r.ops.pop();r.trys.pop();continue;default:if(!(o=r.trys,o=o.length>0&&o[o.length-1])&&(i[0]===6||i[0]===2)){r=0;continue}if(i[0]===3&&(!o||i[1]>o[0]&&i[1]<o[3])){r.label=i[1];break}if(i[0]===6&&r.label<o[1]){r.label=o[1];o=i;break}if(o&&r.label<o[2]){r.label=o[2];r.ops.push(i);break}if(o[2])r.ops.pop();r.trys.pop();continue}i=t.call(e,r)}catch(e){i=[6,e];a=0}finally{n=o=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};var __spreadArrays=this&&this.__spreadArrays||function(){for(var e=0,t=0,r=arguments.length;t<r;t++)e+=arguments[t].length;for(var n=Array(e),a=0,t=0;t<r;t++)for(var o=arguments[t],i=0,s=o.length;i<s;i++,a++)n[a]=o[i];return n};System.register(["./p-59b028db.system.js","./p-2074933f.system.js","./p-4f5329a2.system.js","./p-171310d9.system.js","./p-b2295bc5.system.js","./p-4bd679a7.system.js","./p-15bfd7e2.system.js","./p-1a673057.system.js","./p-17a0f310.system.js","./p-8a6494c7.system.js","./p-73c3804f.system.js","./p-bb5d153f.system.js","./p-bcac83f0.system.js","./p-7159c51c.system.js","./p-67ad2252.system.js","./p-7ae8fb53.system.js","./p-1363c4ab.system.js","./p-6c82d60c.system.js","./p-867b2baf.system.js","./p-1cd0e1e9.system.js","./p-f3392945.system.js","./p-9d362d44.system.js","./p-e174b704.system.js","./p-1b933fb5.system.js","./p-a6f4fb03.system.js","./p-115dfc03.system.js","./p-71daeed9.system.js"],(function(e){"use strict";var t,r,n,a,o,i,s,l,d,u,c,f,p,g,h,m,v,b,y,x,w,k,_,C,T,E,F,I,R,S,q,L,M,A,N,P,D,B,j,O,U,V,z,$,H,W,G,Y,K,J,Z,X,Q,ee,te,re,ne,ae,oe,ie,se,le,de,ue,ce,fe,pe,ge,he,me,ve,be,ye,xe,we,ke,_e;return{setters:[function(e){t=e.r;r=e.h;n=e.c},function(e){a=e.b;o=e.i},function(e){i=e.n;s=e.f;l=e.k;d=e.i;u=e.u;c=e.m;f=e.b;p=e.j},function(e){g=e.i;h=e._;m=e.d;v=e.J;b=e.H;y=e.B;x=e.$;w=e.w;k=e.L;_=e.y;C=e.j;T=e.q;E=e.r;F=e.V;I=e.u;R=e.b;S=e.Q;q=e.k},function(e){L=e.j},function(e){M=e.c},function(e){A=e.g;N=e.a},function(e){P=e.c},function(){},function(){},function(e){D=e.C},function(e){B=e.a},function(e){j=e.u},function(){},function(){},function(e){O=e.p},function(e){U=e.E},function(e){V=e.R;z=e.u},function(e){$=e.u},function(e){H=e.P},function(e){W=e.u},function(e){G=e.A},function(e){Y=e.i},function(e){K=e.u;J=e.U;Z=e.B;X=e.C;Q=e.c;ee=e.e;te=e.D;re=e.E;ne=e.H;ae=e.I;oe=e.V;ie=e.L;se=e.N;le=e.f;de=e.P;ue=e.g;ce=e.h;fe=e.i;pe=e.d;ge=e.R;he=e.j;me=e.W;ve=e.J;be=e.a;ye=e.K;xe=e.S;we=e.T},function(){},function(e){ke=e.p},function(e){_e=e.u}],execute:function(){var Ce=null;var Te={main:{brandFont:"Netflix Sans, Arial, sans-serif",brandColor:"#E50914"},border:{borderColor:"#333333",borderRadius:4,borderThickness:1},color:{textColorShades:{mainText:"white",subduedText:"#B3B3B3"},backgroundColor:"#101010",accentColorShades:{text:"#E50914",icon:"#E50914",border:"#E50914",background:"#300609"},success:{text:"#66BB6A",border:"#4CAF50",background:"#1B5E20",iconAndBadge:"#4CAF50"},warning:{text:"#FFCA28",border:"#FFA726",background:"#F57C00",iconAndBadge:"#FFA726"},critical:{text:"#EF9A9A",border:"#E50914",background:"#B71C1C",iconAndBadge:"#E50914"},informative:{text:"#64B5F6",border:"#42A5F5",background:"#1976D2",iconAndBadge:"#42A5F5"},neutral:{text:"white",iconAndBadge:"#B3B3B3",border:"#333333",background:"#222222"}},primaryButton:{buttonColor:{background:"#E50914",border:"transparent",label:"#FFFFFF"},buttonHoverColor:{background:"#CC0000",border:"transparent",label:"#FFFFFF"},borderRadius:4},secondaryButton:{buttonColor:{background:"transparent",border:"#B3B3B3",label:"#FFFFFF"},buttonHoverColor:{background:"#333333",border:"#B3B3B3",label:"#FFFFFF"},borderRadius:4},formFields:{formFieldColor:{background:"#222222",border:"#B3B3B3",inputText:"#B3B3B3"},hoverStateColor:"#777777",selectedStateColor:"#E50914",borderRadius:4}};var Ee={main:{brandFont:"Amazon Ember, Arial, sans-serif",brandColor:"#FF9900"},border:{borderColor:"#D5D9D9",borderRadius:4,borderThickness:1},color:{backgroundColor:"#ffffff",textColorShades:{mainText:"#2f2f2f",subduedText:"#565959"},accentColorShades:{text:"#FF9900",icon:"#FF9900",border:"#FFBF66",background:"#FFF4DD"},success:{text:"#198754",border:"#BCE8B2",background:"#D4EDDA",iconAndBadge:"#28A745"},warning:{text:"#856404",border:"#FFEBA2",background:"#FFF3CD",iconAndBadge:"#FFC107"},critical:{text:"#721C24",border:"#F5C6CB",background:"#F8D7DA",iconAndBadge:"#DC3545"},informative:{text:"#004085",border:"#B8DAFF",background:"#CCE5FF",iconAndBadge:"#007BFF"},neutral:{text:"#232F3E",iconAndBadge:"#565959",border:"#D5D9D9",background:"#F0F2F2"}},primaryButton:{buttonColor:{background:"#FF9900",border:"transparent",label:"#FFFFFF"},buttonHoverColor:{background:"#EB9100",border:"transparent",label:"#FFFFFF"},borderRadius:4},secondaryButton:{buttonColor:{background:"#FFFFFF",border:"#888C8C",label:"#232F3E"},buttonHoverColor:{background:"#F0F2F2",border:"#888C8C",label:"#232F3E"},borderRadius:4},formFields:{formFieldColor:{background:"#FFFFFF",border:"#D5D9D9",inputText:"#2f2f2f"},borderRadius:4,hoverStateColor:"#A2A2A2",selectedStateColor:"#007185"}};var Fe={main:{brandColor:"#1ed760"},border:{borderColor:"#f4f4f4",borderRadius:18,borderThickness:1},color:{textColorShades:{mainText:"white",subduedText:"white"},backgroundColor:"#121212",accentColorShades:{icon:"#1ed760"}},primaryButton:{buttonColor:{background:"#1ed760",border:"transparent",label:"#121212"},buttonHoverColor:{background:"#1DB954",border:"transparent",label:"#121212"},borderRadius:30},secondaryButton:{buttonColor:{background:"#191414",border:"#FFFFFF",label:"#FFFFFF"},buttonHoverColor:{background:"#282828",border:"#FFFFFF",label:"#121212"},borderRadius:30},formFields:{formFieldColor:{background:"#121212",border:"#7c7c7c",inputText:"#fff"},borderRadius:30,hoverStateColor:"white",selectedStateColor:"white"}};var Ie={main:{brandColor:"#4285F4",brandFont:"Roboto, Arial, sans-serif"},border:{borderColor:"#DADCE0",borderRadius:4,borderThickness:1},color:{textColorShades:{mainText:"#212124",subduedText:"#5F6368"},backgroundColor:"#FFFFFF",accentColorShades:{text:"#1A73E8",border:"#8AB4F8",background:"#E8F0FE",icon:"#4285F4"},success:{text:"#044e1d",border:"#A8DCD7",background:"#E6F4EA",iconAndBadge:"#34A853"},warning:{text:"#996a3d",border:"#FCD667",background:"#FFF7EE",iconAndBadge:"#FBBC04"},critical:{text:"#760b09",border:"#F28B82",background:"#FCE8E6",iconAndBadge:"#EA4335"},informative:{text:"#01368c",border:"#BFDBFE",background:"#E8F0FE",iconAndBadge:"#4285F4"},neutral:{text:"#202124",border:"#DADCE0",background:"#F8F9FA",iconAndBadge:"#5F6368"}},primaryButton:{buttonColor:{background:"#4285F4",border:"transparent",label:"#FFFFFF"},buttonHoverColor:{background:"#3C7CD1",border:"transparent",label:"#FFFFFF"},borderRadius:4},secondaryButton:{buttonColor:{background:"#FFFFFF",border:"#DADCE0",label:"#4285F4"},buttonHoverColor:{background:"#E8F0FE",border:"#DADCE0",label:"#4285F4"},borderRadius:4},formFields:{formFieldColor:{background:"#FFFFFF",border:"#DADCE0",inputText:"#202124"},borderRadius:4,hoverStateColor:"#9AA0A6",selectedStateColor:"#4285F4"}};var Re=Object.freeze({__proto__:null,Default:Ce,Netflix:Te,Amazon:Ee,Spotify:Fe,Google:Ie});var Se=e("sqm_big_stat",function(){function e(e){t(this,e);this.flexReverse=false;this.alignment="center";this.ignored=true;i(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e;var t=g()?K(this):J(this),n=t.props,a=t.label;var o=h();var i=!!((e=o.innerHTML)===null||e===void 0?void 0:e.trim());var s=r("slot",{name:"label"},i?r("slot",null):a);return r(Z,Object.assign({},n,{labelSlot:s}))};return e}());function qe(e,t,r){return Math.min(Math.max(e,r),t)}var Le=function(e){__extends(t,e);function t(t){return e.call(this,'Failed to parse color: "'+t+'"')||this}return t}(Error);function Me(e){if("string"!=typeof e)throw new Le(e);if("transparent"===e.trim().toLowerCase())return[0,0,0,0];var t=e.trim();t=Ue.test(e)?function(e){var t=e.toLowerCase().trim(),r=Ne[function(e){var t=5381,r=e.length;for(;r;)t=33*t^e.charCodeAt(--r);return(t>>>0)%2341}(t)];if(!r)throw new Le(e);return"#"+r}(e):e;var r=De.exec(t);if(r){var n=Array.from(r).slice(1);return __spreadArrays(n.slice(0,3).map((function(e){return parseInt(Pe(e,2),16)})),[parseInt(Pe(n[3]||"f",2),16)/255])}var a=Be.exec(t);if(a){var o=Array.from(a).slice(1);return __spreadArrays(o.slice(0,3).map((function(e){return parseInt(e,16)})),[parseInt(o[3]||"ff",16)/255])}var i=je.exec(t);if(i){var s=Array.from(i).slice(1);return __spreadArrays(s.slice(0,3).map((function(e){return parseInt(e,10)})),[parseFloat(s[3]||"1")])}var l=Oe.exec(t);if(l){var d=Array.from(l).slice(1).map(parseFloat),u=d[0],c=d[1],f=d[2],p=d[3];if(qe(0,100,c)!==c)throw new Le(e);if(qe(0,100,f)!==f)throw new Le(e);return __spreadArrays(ze(u,c,f),[p||1])}throw new Le(e)}var Ae=function(e){return parseInt(e.replace(/_/g,""),36)},Ne="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((function(e,t){var r=Ae(t.substring(0,3)),n=Ae(t.substring(3)).toString(16);var a="";for(var o=0;o<6-n.length;o++)a+="0";return e[r]=""+a+n,e}),{}),Pe=function(e,t){return Array.from(Array(t)).map((function(){return e})).join("")},De=new RegExp("^#"+Pe("([a-f0-9])",3)+"([a-f0-9])?$","i"),Be=new RegExp("^#"+Pe("([a-f0-9]{2})",3)+"([a-f0-9]{2})?$","i"),je=new RegExp("^rgba?\\(\\s*(\\d+)\\s*"+Pe(",\\s*(\\d+)\\s*",2)+"(?:,\\s*([\\d.]+))?\\s*\\)$","i"),Oe=/^hsla?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%(?:\s*,\s*([\d.]+))?\s*\)$/i,Ue=/^[a-z]+$/i,Ve=function(e){return Math.round(255*e)},ze=function(e,t,r){var n=r/100;if(0===t)return[n,n,n].map(Ve);var a=(e%360+360)%360/60,o=(1-Math.abs(2*n-1))*(t/100),i=o*(1-Math.abs(a%2-1));var s=0,l=0,d=0;a>=0&&a<1?(s=o,l=i):a>=1&&a<2?(s=i,l=o):a>=2&&a<3?(l=o,d=i):a>=3&&a<4?(l=i,d=o):a>=4&&a<5?(s=i,d=o):a>=5&&a<6&&(s=o,d=i);var u=n-o/2;return[s+u,l+u,d+u].map(Ve)};function $e(e){var t=Me(e).map((function(e,t){return 3===t?e:e/255})),r=t[0],n=t[1],a=t[2],o=t[3],i=Math.max(r,n,a),s=Math.min(r,n,a),l=(i+s)/2;if(i===s)return[0,0,l,o];var d=i-s;return[60*(r===i?(n-a)/d+(n<a?6:0):n===i?(a-r)/d+2:(r-n)/d+4),l>.5?d/(2-i-s):d/(i+s),l,o]}function He(e,t,r,n){return"hsla("+(e%360).toFixed()+", "+qe(0,100,100*t).toFixed()+"%, "+qe(0,100,100*r).toFixed()+"%, "+parseFloat(qe(0,1,n).toFixed(3))+")"}var We=[50,100,200,300,400,500,600,700,800,900,950];var Ge=[.95,.86,.76,.66,.56,.46,.39,.32,.25,.18,.15];var Ye=/^hsla?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%(?:\s*,\s*([\d.]+))?\s*\)$/i;function Ke(e){var t=e.trim();var r=Ye.exec(t);if(r){var n=Array.from(r).slice(1).map(parseFloat),a=n[0],o=n[1],i=n[2],s=n[3];if(qe(0,100,o)!==o)throw new Le(e);if(qe(0,100,i)!==i)throw new Le(e);return[a,o/100,i,s||1]}return $e(e)}function Je(e,t){if(t===void 0){t="primary"}var r=Ke(e),n=r[0],a=r[1],o=r[2],i=r[3];return Ge.map((function(e){return He(n,a,e,i)})).map((function(e,r){return"--sl-color-"+t+"-"+We[r]+": "+e+";\n"}))}function Ze(e,t){if(t===void 0){t="primary"}return Je(e,t).join("\n")}var Xe=e("sqm_brand",function(){function e(e){t(this,e);i(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e,t,o,i,l,d;function u(e){if(e){try{return Ze(e)}catch(e){}}return undefined}var c=(t=(e=window.SquatchBrandingConfig)===null||e===void 0?void 0:e.main)===null||t===void 0?void 0:t.brandFont;var f=((i=(o=window.SquatchBrandingConfig)===null||o===void 0?void 0:o.main)===null||i===void 0?void 0:i.brandColor)?"":(l=u(this.brandColor))!==null&&l!==void 0?l:"";var p=((d=this.brandFont)!==null&&d!==void 0?d:"Nunito Sans").trim()||undefined;s((function(){if(!p||c){return}var e=document.createElement("link");e.setAttribute("href",a(p));e.setAttribute("rel","stylesheet");document.head.appendChild(e);return function(){return document.head.removeChild(e)}}),[p]);var g=p!==null&&p!==void 0?p:"";return r(n,null,r("style",null,"\n\n          :host{\n            display: contents;\n          }\n          /* \n          Selects any element placed inside a slot\n           - resets css variable inheritence for fonts\n          \n          */\n\n          "+(c?"":'\n          ::slotted(*) {\n            --sl-font-sans: "'+g+'", arial;\n            --sl-input-font-family: "'+g+'", arial;\n            --sl-tooltip-font-family: "'+g+'", arial;\n            font-family:  "'+g+'", arial;\n\t\t\t\n            '+f+"\n          ")+"\n\n            --sl-focus-ring-color-primary: var(--sl-color-primary-100);\n            --sl-input-border-color-focus: var(--sl-color-primary-500);\n            --sl-color-primary-hue: var(--sl-color-primary-500);\n          }"),r("slot",null))};return e}());var Qe="localStorageBrandKey";var et="localStorageBrandConfigKey";var tt=e("sqm_brand_selector",function(){function e(e){t(this,e);this.selectedBrand="Netflix";this.brands=[{name:"Netflix",logoUrl:"https://res.cloudinary.com/saasquatch-staging/image/upload/v1750803365/netflix_ftjbrr.png"},{name:"Amazon",logoUrl:"https://res.cloudinary.com/saasquatch-staging/image/upload/v1750803366/amazon_mc22fr.png"},{name:"Spotify",logoUrl:"https://res.cloudinary.com/saasquatch-staging/image/upload/v1750803510/spotify_j5qi1r.png"},{name:"Google",logoUrl:"https://res.cloudinary.com/saasquatch-staging/image/upload/v1750803168/pngimg.com_-_google_PNG19644_jvypwl.png"}];var r=localStorage.getItem(Qe);var n=r;this.selectedBrand=n;var a=Re[n]||Te;window.SquatchBrandingConfig=a;var o=new CustomEvent("brandingConfigUpdated",{detail:window.SquatchBrandingConfig});window.dispatchEvent(o)}e.prototype.componentDidLoad=function(){var e=localStorage.getItem(Qe);var t=e;this.selectedBrand=t};e.prototype.disconnectedCallback=function(){};e.prototype.updateBrand=function(e){this.selectedBrand=e;var t=Re[e]||Te;var r=JSON.stringify(t);localStorage.setItem(Qe,e);localStorage.setItem(et,r);window.SquatchBrandingConfig=t;window.location.reload();var n=new CustomEvent("brandingConfigUpdated",{detail:window.SquatchBrandingConfig});window.dispatchEvent(n)};e.prototype.render=function(){var e=this;return r(n,null,r("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          "),r("div",{class:"card-container"},r("h2",{class:"card-heading"},"Select Branding"),r("div",{class:"segmented-control-container"},this.brands.map((function(t){return r("div",{key:t.name,class:"brand-segment "+(e.selectedBrand===t.name?"active":""),onClick:function(){return e.updateBrand(t.name)}},r("img",{src:t.logoUrl,alt:t.name+" Logo",class:"brand-logo",onError:function(e){e.target.src="https://placehold.co/80x40/cccccc/000000?text=Logo"}}))})))))};return e}());var rt=e("sqm_card_feed",function(){function e(e){t(this,e);this.ignored=true;this.width=347;this.gap=24;i(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){return r(X,Object.assign({},A(this)),r("slot",null))};return e}());var nt={IconStyle:{display:"block",position:"absolute",top:"23px"},DivStyle:{marginLeft:"28px"},Details:{marginLeft:"28px"},Heading:{display:"inline-block"},Children:{display:"none"}};var at=P(nt);var ot=at.toString();function it(e,t){var n=e.missingProps,a=e.heading,i=a===void 0?"There was a problem loading this section":a,s=e.subheading,d=s===void 0?"There was a technical problem that prevented this section from loading. Please contact us with the link to this page.":s,u=e.description,c=u===void 0?"Error occured while loading <{tagName}>. Values for the following attributes are missing:":u;if(!n)return false;var f=h();var p=l(false),g=p[0],m=p[1];return r("sl-alert",{type:"danger",open:true},r("style",{type:"text/css"},ot),r("div",{slot:"icon",class:at.classes.IconStyle},r("sl-icon",{name:"exclamation-octagon"})),r("div",{class:at.classes.DivStyle},r("h2",{class:at.classes.Heading},o.formatMessage({id:"error-heading",defaultMessage:i})),r("p",null,o.formatMessage({id:"error-subheading",defaultMessage:d}))),r("details",{class:at.classes.Details},r("summary",{onClick:function(){return m(!g)}},g?"Less":"More"," details"),r("p",null,o.formatMessage({id:"error-description",defaultMessage:c},{tagName:f.tagName.toLowerCase()})),r("ul",null,n.map((function(e){return r("li",null,r("strong",null,e.attribute))})))),r("div",{class:at.classes.Children},t))}function st(e){var t;var r=d(V);var n=l(false),a=n[0],o=n[1];s((function(){var t,n;if((t=r===null||r===void 0?void 0:r.initialData)===null||t===void 0?void 0:t[e.checkboxName]){o(!!((n=r===null||r===void 0?void 0:r.initialData)===null||n===void 0?void 0:n[e.checkboxName]))}}),[(t=r===null||r===void 0?void 0:r.initialData)===null||t===void 0?void 0:t[e.checkboxName]]);return{states:{registrationFormState:r,checked:a},callbacks:{setChecked:o}}}var lt=e("sqm_checkbox_field",function(){function e(e){t(this,e);this.ignored=true;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=false;i(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=N([{attribute:"checkbox-name",value:this.checkboxName}]);if(!g()&&e){return r(it,{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:"})}var t=__assign({},A(this));var n=g()?dt(this):st(this),a=n.states,o=n.callbacks;return r(Q,{states:a,content:t,callbacks:o})};return e}());function dt(e){return M({states:{registrationFormState:{},checked:false},callbacks:{setChecked:function(){}}},e.demoData||{},{arrayMerge:function(e,t){return t}})}var ut=m.gql(__makeTemplateObject(["\n  query fuelTankRewardsQuery($programId: ID!) {\n    user: viewer {\n      ... on User {\n        instantAccessRewards(\n          filter: { type_eq: FUELTANK, programId_eq: $programId }\n        ) {\n          data {\n            fuelTankCode\n            fuelTankType\n            statuses\n            dateGiven\n            dateExpires\n            dateRedeemed\n            dateCancelled\n            dateScheduledFor\n            datePendingForUnhandledError\n          }\n          count\n          totalCount\n        }\n      }\n    }\n  }\n"],["\n  query fuelTankRewardsQuery($programId: ID!) {\n    user: viewer {\n      ... on User {\n        instantAccessRewards(\n          filter: { type_eq: FUELTANK, programId_eq: $programId }\n        ) {\n          data {\n            fuelTankCode\n            fuelTankType\n            statuses\n            dateGiven\n            dateExpires\n            dateRedeemed\n            dateCancelled\n            dateScheduledFor\n            datePendingForUnhandledError\n          }\n          count\n          totalCount\n        }\n      }\n    }\n  }\n"]));var ct=m.gql(__makeTemplateObject(["\n  mutation loadEvent($eventMeta: UserAnalyticsEvent!) {\n    createUserAnalyticsEvent(eventMeta: $eventMeta)\n  }\n"],["\n  mutation loadEvent($eventMeta: UserAnalyticsEvent!) {\n    createUserAnalyticsEvent(eventMeta: $eventMeta)\n  }\n"]));function ft(e){var t,r,n;var a=v();var o=b();var i=y();var s=x(ct)[0];var d=w(ut,{programId:o},!(a===null||a===void 0?void 0:a.jwt)),u=d.data,c=d.loading,f=d.refetch,p=d.errors;var g=function(e){if(!e||!e.statuses)return"ERROR";var t=e.statuses[e.statuses.length-1];if(t==="PENDING"&&e.dateScheduledFor===null)return"EMPTY_TANK";return t};var h=(n=(r=(t=u===null||u===void 0?void 0:u.user)===null||t===void 0?void 0:t.instantAccessRewards)===null||r===void 0?void 0:r.data)===null||n===void 0?void 0:n[0];var m=g(h);var k=m==="PENDING"&&h.dateScheduledFor?new Date(h.dateScheduledFor).toLocaleDateString("default",{day:"numeric",month:"long",year:"numeric"}):undefined;var _=(h===null||h===void 0?void 0:h.fuelTankCode)||"...";var C=l(false),T=C[0],E=C[1];function F(){navigator.clipboard.writeText(_);E(true);setTimeout((function(){return E(false)}),e.tooltiplifespan);s({eventMeta:{programId:o,id:a===null||a===void 0?void 0:a.id,accountId:a===null||a===void 0?void 0:a.accountId,type:"USER_REFERRAL_PROGRAM_ENGAGEMENT_EVENT",meta:{engagementMedium:i,shareMedium:"DIRECT"}}})}var I=function(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}",k);case"REDEEMED":return e.redeemedErrorText;case"AVAILABLE":return"";default:return e.genericErrorText}};var R=function(e){switch(e){case"EXPIRED":case"EMPTY_TANK":case"CANCELLED":case"ERROR":return"warning";case"PENDING":return"info";case"REDEEMED":return"success";default:return}};var S=I(m);var q=R(m);var L=m!=="AVAILABLE";return __assign(__assign({},e),{onClick:F,open:T,copyString:_,error:L,errorText:S,dateAvailable:k,loading:c,errorType:q,buttonType:e.buttonType||"primary"})}var pt=e("sqm_coupon_code",function(){function e(e){t(this,e);this.tooltiptext="Copied to Clipboard";this.tooltiplifespan=1e3;this.textAlign="left";this.copyButtonLabel="Copy Coupon";this.buttonStyle="icon";this.couponCodeLabel="Your coupon code:";this.cancelledErrorText="This code has been cancelled. Please reach out to the Support team for help resolving this issue.";this.redeemedErrorText="Looks like you’ve already redeemed this code.";this.expiredErrorText="Looks like this code has expired. Please reach out to the Support team for help resolving this issue.";this.fullfillmentErrorText="We couldn't fetch your code. Please try again later or reach out to the Support team for help resolving this issue.";this.pendingErrorText="Your code will be available on {unpendDate}. Mark your calendar and come back then to redeem your reward!";this.genericErrorText="We couldn't fetch your code. Please try again later or reach out to the Support team for help resolving this issue.";this.couponCodePlaceholder="...";this.buttonType="primary";i(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=A(this);var t=g()?gt(e):ft(e);return r(ee,Object.assign({},t))};return e}());function gt(e){var t=l(false),r=t[0],n=t[1];var a="THANKSJANE125uv125";return M({copyString:a,tooltiptext:e.tooltiptext,textAlign:e.textAlign,buttonStyle:e.buttonStyle,copyButtonLabel:e.copyButtonLabel,error:false,couponCodePlaceholder:e.couponCodePlaceholder,couponCodeLabel:e.couponCodeLabel,borderColor:e.borderColor,backgroundColor:e.backgroundColor,textColor:e.textColor,borderRadius:e.borderRadius,buttonType:e.buttonType,open:r,onClick:function(){navigator.clipboard.writeText(a);n(true);setTimeout((function(){return n(false)}),e.tooltiplifespan)}},e.demoData||{},{arrayMerge:function(e,t){return t}})}function ht(e,t){var n=function(){if(e.direction==="row"){return{"border-right":e.borderless?"none":"var(--sqm-border-thickness) solid "+(e.borderColor||"var(--sqm-border-color)")}}else{return{"border-bottom":e.borderless?"none":"var(--sqm-border-thickness) solid "+(e.borderColor||"var(--sqm-border-color)")}}};var a={LayoutContainer:{background:e.backgroundColor,display:"contents","& > :not(:last-child)":__assign({},n()),"& > ::slotted(*:not(:last-child))":__assign({},n())}};var o="\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    "+(e.direction==="column"?"width: 100%; max-width: 100%":"")+"\n    "+(e.contentAreaWidth!==null?"max-width: "+e.contentAreaWidth+" !important;":"")+"\n  ";var i="\n  :host{\n    "+o+"\n  }\n  @media screen and (max-width: 570px) {\n    :host {\n      display: flex;\n      flex-direction: column;\n    }\n  }\n  sqm-divided-layout {\n    "+o+"\n  }\n  ";var s=P(a);var l=s.toString();return r("div",{class:s.classes.LayoutContainer,part:"sqm-base"},r("style",{type:"text/css"},i,l),t)}var mt=e("sqm_divided_layout",function(){function e(e){t(this,e);this.dividerStyle="var(--sqm-border-thickness) solid var(--sqm-border-color)";this.backgroundColor="#FFFFFF";i(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){return r(ht,Object.assign({},A(this)),r("slot",null))};return e}());function vt(){var e=d(V);return{states:{registrationFormState:e}}}var bt=e("sqm_dropdown_field",function(){function e(e){t(this,e);this.ignored=true;this.dropdownLabel="Select an option";this.errorMessage="Select an option";this.dropdownOptional=false;i(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=N([{attribute:"dropdown-name",value:this.dropdownName}]);if(!g()&&e){return r(it,{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:"},r("slot",null))}var t=__assign(__assign({},A(this)),{selectOptions:r("slot",null)});var n=(g()?yt(this):vt()).states;return r(te,{states:n,content:t})};return e}());function yt(e){return M({states:{registrationFormState:{}}},e.demoData||{},{arrayMerge:function(e,t){return t}})}var xt=m.gql(__makeTemplateObject(["\n  query {\n    viewer {\n      ... on User {\n        id\n        accountId\n        firstName\n        lastName\n        email\n        countryCode\n      }\n    }\n  }\n"],["\n  query {\n    viewer {\n      ... on User {\n        id\n        accountId\n        firstName\n        lastName\n        email\n        countryCode\n      }\n    }\n  }\n"]));var wt=m.gql(__makeTemplateObject(["\n  mutation (\n    $id: String!\n    $accountId: String!\n    $firstName: String!\n    $lastName: String!\n  ) {\n    upsertUser(\n      userInput: {\n        id: $id\n        accountId: $accountId\n        firstName: $firstName\n        lastName: $lastName\n      }\n    ) {\n      firstName\n      lastName\n    }\n  }\n"],["\n  mutation (\n    $id: String!\n    $accountId: String!\n    $firstName: String!\n    $lastName: String!\n  ) {\n    upsertUser(\n      userInput: {\n        id: $id\n        accountId: $accountId\n        firstName: $firstName\n        lastName: $lastName\n      }\n    ) {\n      firstName\n      lastName\n    }\n  }\n"]));var kt={currentRegion:"",firstName:"",lastName:"",errors:{},error:""};function _t(e){var t=v();var r=l(false),n=r[0],a=r[1];var i=l(""),d=i[0],u=i[1];var c=l(undefined),f=c[0],p=c[1];var g=l(kt),h=g[0],m=g[1];var b=w(xt,{},!(t===null||t===void 0?void 0:t.jwt));var y=x(wt),k=y[0],_=y[1];s((function(){if((_===null||_===void 0?void 0:_.loading)||!n)return;if(_===null||_===void 0?void 0:_.errors){m((function(e){var t,r,n;return __assign(__assign({},e),{error:(n=(r=(t=_===null||_===void 0?void 0:_.errors)===null||t===void 0?void 0:t.response)===null||r===void 0?void 0:r.errors)===null||n===void 0?void 0:n[0].message})}))}else{p((function(e){var t;return __assign(__assign({},e),(t=_===null||_===void 0?void 0:_.data)===null||t===void 0?void 0:t.upsertUser)}));a(false)}}),[_===null||_===void 0?void 0:_.loading]);s((function(){p((function(e){var t;return __assign(__assign({},e),(t=b===null||b===void 0?void 0:b.data)===null||t===void 0?void 0:t.viewer)}))}),[b===null||b===void 0?void 0:b.data]);s((function(){var t;if((t=_===null||_===void 0?void 0:_.errors)===null||t===void 0?void 0:t.message){m((function(t){return __assign(__assign({},t),{error:e.networkErrorMessage})}))}}),[_===null||_===void 0?void 0:_.errors]);return{states:{loading:(b===null||b===void 0?void 0:b.loading)||_.loading,submitDisabled:false,formState:h,user:f,showEdit:n,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:function(){if(h.firstName&&h.lastName){k({id:t===null||t===void 0?void 0:t.id,accountId:t===null||t===void 0?void 0:t.accountId,firstName:h.firstName,lastName:h.lastName});m((function(e){return __assign(__assign({},e),{errors:{}})}));return}var r={};if(!h.firstName){r["firstName"]={message:e.fieldEmptyText}}if(!h.lastName){r["lastName"]={message:e.fieldEmptyText}}if(!Y(r)){m((function(t){return __assign(__assign({},t),{error:e.formErrorText})}))}m((function(e){return __assign(__assign({},e),{errors:r})}))},resetForm:function(){var e,t,r,n,a,i;var s=((t=(e=b===null||b===void 0?void 0:b.data)===null||e===void 0?void 0:e.viewer)===null||t===void 0?void 0:t.countryCode)?o.formatDisplayName(b.data.viewer.countryCode,{type:"region"}):"";p(__assign(__assign({},(r=b.data)===null||r===void 0?void 0:r.viewer),(n=_.data)===null||n===void 0?void 0:n.upsertUser));m(__assign(__assign(__assign(__assign({},kt),(a=b.data)===null||a===void 0?void 0:a.viewer),(i=_.data)===null||i===void 0?void 0:i.upsertUser),{currentRegion:s}))},onChange:function(e){var t=e.target,r=t.name,n=t.value;m((function(e){var t;return __assign(__assign({},e),(t={},t[r]=n,t))}))},setShowEdit:a}}}var Ct=".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}}";var Tt=e("sqm_edit_profile",function(){function e(e){t(this,e);this.ignored=true;this.networkErrorMessage="Network request failed.";this.fieldEmptyText="Cannot be empty";this.formErrorText="Please correct the errors below to update your profile.";i(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=g()?Et(A(this)):_t(A(this));return r(re,Object.assign({},e))};return e}());function Et(e){return M({states:{loading:false,submitDisabled:false,formState:{currentRegion:"Canada",firstName:"Bill",lastName:"Bob",errors:{},error:"An error string"},user:{firstName:"Bill",lastName:"Bob",email:"billbob@example.com"},showEdit:false,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:true,fieldEmptyText:e.fieldEmptyText}},callbacks:{onSubmit:function(e){console.log(e)},resetForm:function(){console.log("reset")},onChange:function(){console.log("change")},setShowEdit:function(e){console.log(e)}}},e.demoData||{},{arrayMerge:function(e,t){return t}})}Tt.style=Ct;var Ft=e("sqm_hero",function(){function e(e){t(this,e);this.columns=1;this.minHeight=200;this.background="#f9fafb";this.paddingSize="large";this.wrapDirection="wrap";this.columnToHideInMobile=null;i(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e={states:__assign({},A(this)),content:{primaryColumn:r("slot",null),secondaryColumn:r("slot",{name:"secondary-column"})}};return r(ne,Object.assign({},e))};return e}());function It(e,t){var n=Boolean((e.header||e.description||e.buttonText)&&e.layout==="overlay");var a={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:e.imagePos==="right"?"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:e.imageMobilePos==="bottom"?"column-reverse":"column"}},Header:{fontSize:"var(--sl-font-size-xxx-large)",fontWeight:"var(--sl-font-weight-bold)","@media (max-width: 599px)":{fontSize:"var(--sl-font-size-xx-large)"}},Description:{fontSize:"var(--sl-font-size-x-large)",margin:"var(--sl-spacing-small) 0","@media (max-width: 599px)":{fontSize:"var(--sl-font-size-large)"}},Button:{marginTop:"var(--sl-spacing-medium)","&::part(base)":{padding:"0 var(--sl-spacing-x-large)",color:"var(--sqm-primary-button-color)",backgroundColor:"var(--sqm-primary-button-background)",border:"var(--sqm-primary-button-color-border)"},"@media (max-width: 599px)":{width:"100%"}}};var o=P(a);var i=o.toString();var s="\n  :host{\n    display: block;\n  }";return r("div",{class:o.classes.Container,part:"sqm-base"},r("style",{type:"text/css"},s,i),e.layout==="overlay"&&l(),e.layout==="columns"&&d());function l(){return r("div",{class:o.classes.Background},r("div",{class:o.classes.Overlay,part:"sqm-overlay"},e.header&&r("div",{class:o.classes.Header},e.header),e.description&&r("div",{class:o.classes.Description},e.description),e.buttonText&&r("sl-button",{class:o.classes.Button,type:"primary",exportparts:"base: "+e.buttonType+"button-base",onClick:function(){return e.buttonNewTab?window.open(e.buttonLink):window.open(e.buttonLink,"_parent")}},e.buttonText),t&&t))}function d(){return r("div",null,r("div",{class:o.classes.Column},r("div",{class:"image-area"},r("img",{class:o.classes.Image,src:e.imageUrl,part:"sqm-columns-image"})),r("div",{class:"text-area",part:"sqm-columns-text-area"},e.header&&r("div",{class:o.classes.Header,part:"sqm-columns-header"},e.header),e.description&&r("div",{class:o.classes.Description,part:"sqm-columns-description"},e.description),e.buttonText&&r("sl-button",{exportparts:"base: sqm-hero-image-button",class:o.classes.Button,type:"primary",onClick:function(){return e.buttonNewTab?window.open(e.buttonLink):window.open(e.buttonLink,"_parent")}},e.buttonText))))}}var Rt=e("sqm_hero_image",function(){function e(e){t(this,e);this.overlayOpacity="0.75";this.layout="overlay";this.imagePercentage=50;this.imagePos="center";this.imageMobilePos="top";this.buttonNewTab=false;this.paddingText="xxxx-large";this.paddingImage="none";this.buttonType="primary";i(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){return r(It,Object.assign({},A(this)),r("slot",null))};return e}());var St=e("sqm_hook_story_container",function(){function e(e){t(this,e);this.ignored=true;i(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=this.hookStory;return r(e,null)};return e}());function qt(e){var 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"}};var n=P(t);var a=n.toString();var o="\n    :host{\n      display: block;   \n    }\n  ";return r("div",null,r("style",{type:"text/css"},a,o),r("div",{class:n.classes.Container,part:"sqm-base"},r("img",{part:"sqm-image",src:e.imageUrl,class:n.classes.Image})))}var Lt=e("sqm_image",function(){function e(e){t(this,e);this.alignment="center"}e.prototype.render=function(){return r(qt,Object.assign({},A(this)))};return e}());function Mt(){var e=d(V);return{states:{registrationFormState:e}}}var At=e("sqm_input_field",function(){function e(e){t(this,e);this.ignored=true;this.fieldType="text";this.errorMessage="Cannot be empty";this.fieldOptional=false;i(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=__assign({},A(this));var t=N([{attribute:"field-name",value:this.fieldName}]);if(!g()&&t){return r(it,{missingProps:t,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:"})}var n=(g()?Nt(this):Mt()).states;return r(ae,{states:n,content:e})};return e}());function Nt(e){return M({states:{registrationFormState:{}}},e.demoData||{},{arrayMerge:function(e,t){return t}})}var Pt=m.gql(__makeTemplateObject(["\n  query (\n    $type: String!\n    $filter: UserLeaderboardFilterInput\n    $locale: RSLocale\n    $limit: Int!\n  ) {\n    userLeaderboard(type: $type, filter: $filter) {\n      dateModified\n      rows(limit: $limit) {\n        textValue(locale: $locale)\n        firstName\n        lastInitial\n        rank {\n          rank\n          denseRank\n          rowNumber\n        }\n      }\n    }\n  }\n"],["\n  query (\n    $type: String!\n    $filter: UserLeaderboardFilterInput\n    $locale: RSLocale\n    $limit: Int!\n  ) {\n    userLeaderboard(type: $type, filter: $filter) {\n      dateModified\n      rows(limit: $limit) {\n        textValue(locale: $locale)\n        firstName\n        lastInitial\n        rank {\n          rank\n          denseRank\n          rowNumber\n        }\n      }\n    }\n  }\n"]));var Dt=m.gql(__makeTemplateObject(["\n  query (\n    $type: String!\n    $filter: UserLeaderboardFilterInput\n    $locale: RSLocale\n    $limit: Int!\n  ) {\n    userLeaderboard(type: $type, filter: $filter) {\n      dateModified\n      rows(limit: $limit) {\n        textValue(locale: $locale)\n        rank {\n          rank\n          denseRank\n          rowNumber\n        }\n      }\n    }\n  }\n"],["\n  query (\n    $type: String!\n    $filter: UserLeaderboardFilterInput\n    $locale: RSLocale\n    $limit: Int!\n  ) {\n    userLeaderboard(type: $type, filter: $filter) {\n      dateModified\n      rows(limit: $limit) {\n        textValue(locale: $locale)\n        rank {\n          rank\n          denseRank\n          rowNumber\n        }\n      }\n    }\n  }\n"]));var Bt=m.gql(__makeTemplateObject(["\n  query (\n    $type: String!\n    $filter: UserLeaderboardFilterInput\n    $locale: RSLocale\n  ) {\n    viewer {\n      ... on User {\n        firstName\n        lastInitial\n        leaderboardRank(type: $type, filter: $filter) {\n          textValue(locale: $locale)\n          rank\n          denseRank\n          rowNumber\n        }\n      }\n    }\n  }\n"],["\n  query (\n    $type: String!\n    $filter: UserLeaderboardFilterInput\n    $locale: RSLocale\n  ) {\n    viewer {\n      ... on User {\n        firstName\n        lastInitial\n        leaderboardRank(type: $type, filter: $filter) {\n          textValue(locale: $locale)\n          rank\n          denseRank\n          rowNumber\n        }\n      }\n    }\n  }\n"]));var jt=m.gql(__makeTemplateObject(["\n  query (\n    $type: String!\n    $filter: UserLeaderboardFilterInput\n    $locale: RSLocale\n  ) {\n    viewer {\n      ... on User {\n        leaderboardRank(type: $type, filter: $filter) {\n          textValue(locale: $locale)\n          rank\n          denseRank\n          rowNumber\n        }\n      }\n    }\n  }\n"],["\n  query (\n    $type: String!\n    $filter: UserLeaderboardFilterInput\n    $locale: RSLocale\n  ) {\n    viewer {\n      ... on User {\n        leaderboardRank(type: $type, filter: $filter) {\n          textValue(locale: $locale)\n          rank\n          denseRank\n          rowNumber\n        }\n      }\n    }\n  }\n"]));function Ot(e){var t,r,n,a,o,i,s,l,d,c;var f=b();var p=(t=e.programId)!==null&&t!==void 0?t:f;var g=v();var h=k();var m=p?{type:e.leaderboardType,filter:{programId_eq:p}}:{type:e.leaderboardType,filter:{}};if(e.interval){m.filter["interval"]=e.interval}if(h){m["locale"]=h}if(e.maxRows>0){m["limit"]=e.maxRows}var y=w(e.hideNames?Dt:Pt,m,!(g===null||g===void 0?void 0:g.jwt),{batch:false}),x=y.data,_=y.loading,C=y.errors;var T=w(e.hideNames?jt:Bt,m,!(g===null||g===void 0?void 0:g.jwt)).data;var E=(r=x===null||x===void 0?void 0:x.userLeaderboard)===null||r===void 0?void 0:r.rows;var F=R(E);var I=F===null||F===void 0?void 0:F.sort((function(e,t){return e.rank-t.rank}));function R(t){return t===null||t===void 0?void 0:t.flatMap((function(t){var r,n;return{textValue:t.textValue,firstName:t.firstName,lastInitial:t.lastInitial,rank:(r=t.rank)===null||r===void 0?void 0:r[e.rankType],rowNumber:(n=t.rank)===null||n===void 0?void 0:n.rowNumber}}))}var S={textValue:(a=(n=T===null||T===void 0?void 0:T.viewer)===null||n===void 0?void 0:n.leaderboardRank)===null||a===void 0?void 0:a.textValue,firstName:(o=T===null||T===void 0?void 0:T.viewer)===null||o===void 0?void 0:o.firstName,lastInitial:(i=T===null||T===void 0?void 0:T.viewer)===null||i===void 0?void 0:i.lastInitial,rank:(l=(s=T===null||T===void 0?void 0:T.viewer)===null||s===void 0?void 0:s.leaderboardRank)===null||l===void 0?void 0:l[e.rankType],rowNumber:(c=(d=T===null||T===void 0?void 0:T.viewer)===null||d===void 0?void 0:d.leaderboardRank)===null||c===void 0?void 0:c.rowNumber};var q=u((function(){var e,t;return!!((t=(e=C===null||C===void 0?void 0:C.response)===null||e===void 0?void 0:e.errors)===null||t===void 0?void 0:t.find((function(e){var t,r;return((r=(t=e===null||e===void 0?void 0:e.extensions)===null||t===void 0?void 0:t.apiError)===null||r===void 0?void 0:r.statusCode)===403})))}),[C]);return{states:{loading:_,isEssentials:q,hasLeaders:(I===null||I===void 0?void 0:I.length)>0,styles:e},data:{leaderboard:I,rankType:e.rankType,viewerRank:S},elements:{empty:e.empty}}}var Ut=e("sqm_leaderboard",function(){function e(e){t(this,e);this.width="100%";this.viewingUserText="You";this.hideNames=false;this.anonymousUser="Anonymous User";this.maxRows=10;this.hideViewer=false;this.ignored=true;i(this);oe(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e={empty:r(Vt,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};var t=__assign(__assign({},e),{demoData:this.demoData});var n=g()?zt(t):Ot(e);return r(ie,Object.assign({},n))};return e}());function Vt(){return r("slot",{name:"empty"},r("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"}))}function zt(e){var t,n;var a=((n=(t=e.demoData)===null||t===void 0?void 0:t.data)===null||n===void 0?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 M({states:{loading:false,hasLeaders:true,isEssentials:false,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:a},elements:{empty:r(Vt,null)}},e.demoData||{},{arrayMerge:function(e,t){return t}})}var $t={Container:{display:"contents"},Link:{textDecoration:"none",color:"inherit"}};var Ht="\n:host{\n  display: inline;   \n}\n";var Wt=P($t);var Gt=Wt.toString();function Yt(e){var t=e.onClick,n=e.buttonText;return r("span",{class:Wt.classes.Container,part:"sqm-base"},r("style",{type:"text/css"},Gt,Ht),r("sl-button",{onClick:t,type:"primary",exportparts:"base: primarybutton-base"},r("a",{class:Wt.classes.Link,part:"sqm-link"},n)))}var Kt=e("sqm_link_button",function(){function e(e){t(this,e);this.openInNewTab=false;this.buttonText="Click here"}e.prototype.render=function(){var e=this;var t=function(){var t=e.link;var r=e.openInNewTab?"_blank":"_parent";window.open(t,r)};return r(Yt,Object.assign({},__assign(__assign({},A(this)),{onClick:t})))};return e}());var Jt=e("sqm_marketing_emails_checkbox",function(){function e(e){t(this,e);this.ignored=true;this.checkboxLabel="I would like to receive marketing and promotional emails for this referral program";this.checkboxName="marketingEmailOptIn";i(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=__assign({},A(this));var t=g()?Zt(this):st(this),n=t.states,a=t.callbacks;return r(Q,{states:n,content:e,callbacks:a})};return e}());function Zt(e){return M({states:{registrationFormState:{},checked:false},callbacks:{setChecked:function(){}}},e.demoData||{},{arrayMerge:function(e,t){return t}})}function Xt(e){var t=d(V);return{states:{registrationFormState:t,content:{lastNameLabel:e.lastNameLabel,firstNameLabel:e.firstNameLabel}}}}var Qt=e("sqm_name_fields",function(){function e(e){t(this,e);this.ignored=true;this.firstNameLabel="First Name";this.lastNameLabel="Last Name";i(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=(g()?er(this):Xt(this)).states;return r(se,{states:e})};return e}());function er(e){return M({states:{validationErrors:[],content:{firstNameLabel:e.firstNameLabel,lastNameLabel:e.lastNameLabel}}},e.demoData||{},{arrayMerge:function(e,t){return t}})}function tr(e){var t=e.states;var n=t.styles;return t.includeDropdown?r("sl-dropdown",{style:"margin-bottom: var(--sl-spacing-large)"},r("sl-button",{slot:"trigger",caret:true,onClick:e.callbacks.rerender,exportparts:"base: dropdownbutton-base"},n.menuLabel),r("sl-menu",{ref:function(t){if(e.ref.current===undefined){e.ref.current=t;e.callbacks.rerender()}}},r("slot",null))):""}function rr(e){C.push(e.detail.item.value)}function nr(e){var t=c();var r=_(),n=r[1];var a=v();s((function(){var e;(e=t.current)===null||e===void 0?void 0:e.addEventListener("sl-select",(function(e){return rr(e)}))}),[t.current]);return{states:{includeDropdown:((a===null||a===void 0?void 0:a.id)||(a===null||a===void 0?void 0:a.accountId)||(a===null||a===void 0?void 0:a.jwt))!==undefined,styles:{menuLabel:e.menuLabel}},callbacks:{rerender:n},ref:t}}var ar=":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)}}";var or=e("sqm_navigation_menu",function(){function e(e){t(this,e);this.ignored=true;i(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=g()?ir(A(this)):nr(A(this));return r(n,{slot:"sqm-navigation-menu"},r(tr,Object.assign({},e)))};return e}());function ir(e){return M({states:{includeDropdown:true,styles:__assign(__assign({},e),{menuLabel:"Menu"})},callbacks:{rerender:function(){}},ref:{current:undefined}},e.demoData||{},{arrayMerge:function(e,t){return t}})}or.style=ar;var sr={Wrapper:{maxWidth:"200px",marginLeft:"auto"},PayoutButtonDescription:{color:"var(--sqm-text-subdued)",fontSize:"var(--sl-font-size-small)",margin:"0"}};var lr=P(sr);var dr=lr.toString();function ur(e){var t=e.text,n=e.states;if(!n.payoutSettingsComplete)return r("div",null);return r("div",{class:lr.classes.Wrapper},r("style",{type:"text/css"},dr),r("sqm-scroll",{"scroll-tag-name":"sqm-tabs","button-text":t.payoutButtonText,"scroll-animation":"smooth"}),r("p",{class:lr.classes.PayoutButtonDescription},t.payoutButtonDescription))}var cr=m.gql(__makeTemplateObject(["\n  query getPayoutDetails {\n    user: viewer {\n      ... on User {\n        id\n        impactConnection {\n          connected\n          publisher {\n            id\n            payoutsAccount {\n              hold\n              balance\n            }\n          }\n        }\n      }\n    }\n  }\n"],["\n  query getPayoutDetails {\n    user: viewer {\n      ... on User {\n        id\n        impactConnection {\n          connected\n          publisher {\n            id\n            payoutsAccount {\n              hold\n              balance\n            }\n          }\n        }\n      }\n    }\n  }\n"]));function fr(e){var t,r,n;var a=w(cr,{}),o=a.data,i=a.refetch;s((function(){var e=function(){return i()};window.addEventListener("sqm:tax-form-updated",e);return function(){return window.removeEventListener("sqm:tax-form-updated",e)}}),[]);return{states:{payoutSettingsComplete:!!((n=(r=(t=o===null||o===void 0?void 0:o.user)===null||t===void 0?void 0:t.impactConnection)===null||r===void 0?void 0:r.publisher)===null||n===void 0?void 0:n.payoutsAccount)},text:e.getTextProps()}}var pr=e("sqm_payout_button_scroll",function(){function e(e){t(this,e);this.payoutButtonText="Payouts & Tax Settings";this.payoutButtonDescription="Check your payout settings to see when you’ll get paid out next";this.ignored=true;i(this)}e.prototype.disconnectedCallback=function(){};e.prototype.getTextProps=function(){return A(this)};e.prototype.render=function(){var e=g()?gr(this):fr(this);return r(ur,Object.assign({},e))};return e}());function gr(e){return M({states:{payoutSettingsComplete:false},text:e.getTextProps()},e.demoData||{},{arrayMerge:function(e,t){return t}})}var hr={SkeletonOne:{width:"50%",height:"16px"},AlertDescriptionText:{margin:"0",marginBottom:"var(--sl-spacing-small)"},Dialog:{"&::part(panel)":{height:"600px"},"&::part(close-button)":{marginBottom:"var(--sl-spacing-xx-large)"},"&::part(title)":{display:"none"},"&::part(header)":{},"&::part(body)":{padding:"0"},"&::part(footer)":{}}};var mr="\n  a {\n    color: inherit;\n    text-decoration: underline;\n    cursor: pointer;\n  }\n";var vr=P(hr);var br=vr.toString();function yr(e){var t=e.text,n=e.states,a=e.data,i=e.callbacks;function s(e){if(n.error)return{header:t.errorHeader,description:t.errorDescription,buttonText:null,alertType:"critical"};switch(e){case"INFORMATION_REQUIRED":return{header:t.informationRequiredHeader,description:t.informationRequiredDescription,buttonText:t.informationRequiredButtonText,alertType:"info"};case"VERIFICATION:REQUIRED":return{header:t.verificationRequiredHeader,description:o.formatMessage({id:"verificationRequiredDescription",defaultMessage:t.verificationRequiredDescription},{supportLink:r("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},t.supportLink)}),buttonText:t.verificationRequiredButtonText,alertType:"warning"};case"VERIFICATION:INTERNAL":return{header:t.verificationRequiredInternalHeader,description:o.formatMessage({id:"verificationRequiredInternalDescription",defaultMessage:t.verificationRequiredInternalDescription},{supportLink:r("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},t.supportLink)}),alertType:"warning"};case"VERIFICATION:REVIEW":return{header:t.verificationReviewInternalHeader,description:o.formatMessage({id:"verificationReviewInternalDescription",defaultMessage:t.verificationReviewInternalDescription},{supportLink:r("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},t.supportLink)}),alertType:"warning"};case"VERIFICATION:FAILED":return{header:t.verificationFailedInternalHeader,description:o.formatMessage({id:"verificationFailedInternalDescription",defaultMessage:t.verificationFailedInternalDescription},{supportLink:r("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},t.supportLink)}),alertType:"critical"};case"HOLD":return{header:t.holdHeader,description:o.formatMessage({id:"holdDescription",defaultMessage:t.holdDescription},{supportLink:r("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},t.supportLink)}),buttonText:null,alertType:"warning"};default:return}}function l(e){switch(e){case"INFORMATION_REQUIRED":return a.type==="SquatchJS2"?r("div",{style:{paddingTop:"10px"}},r("sqm-scroll",{"scroll-tag-name":"sqm-tabs","button-text":t.informationRequiredButtonText,"scroll-animation":"smooth"})):a.type==="SquatchPortal"?r("div",{style:{paddingTop:"10px"}},r("sl-button",{type:"secondary",exportparts:"base: secondarybutton-base",onClick:i.onTermsClick},t.informationRequiredButtonText)):r("div",{style:{paddingTop:"10px"}},r("sl-button",{type:"secondary",exportparts:"base: secondarybutton-base"},t.informationRequiredButtonText));case"VERIFICATION:REQUIRED":return r("div",{style:{paddingTop:"10px"}},r("sl-button",{type:"secondary",exportparts:"base: secondarybutton-base",loading:n.veriffLoading,onClick:i.onClick},t.verificationRequiredButtonText));default:return}}if(n.loading){return r("sl-skeleton",{class:vr.classes.SkeletonOne})}var d=s(n.status);if(n.status==="DONE"||!d){return r("div",null)}return r("div",{part:"sqm-base"},r("style",{type:"text/css"},br),r("style",{type:"text/css"},mr),r("sqm-form-message",{type:d.alertType},r("p",{part:"alert-title"},d.header),r("p",{part:"alert-description"},d.description),l(n.status)))}var xr=e("sqm_payout_status_alert",function(){function e(e){t(this,e);this.informationRequiredHeader="Payout and tax information required";this.informationRequiredDescription="Submit your banking details and tax documents to receive your rewards.";this.informationRequiredButtonText="Payouts & Tax Settings";this.verificationRequiredHeader="Verify your identity";this.verificationRequiredDescription="It should only take a few minutes verify. If you run in to an issue verifying your identity contact our {supportLink}.";this.verificationRequiredButtonText="Start Verification";this.verificationRequiredInternalHeader="Identity Verification in Progress";this.verificationRequiredInternalDescription="Identity verification submission has been received. Our system is currently performing additional checks and analyzing the results. You will be updated shortly. If you don't hear from us contact our {supportLink}.";this.verificationReviewInternalHeader="Identity Verification Under Review";this.verificationReviewInternalDescription="Identity verification requires further review due to a potential error. Our team is reviewing the information and will update you shortly. If you don't hear from us contact our {supportLink}.";this.verificationFailedInternalHeader="Identity Verification Unsuccessful";this.verificationFailedInternalDescription="Identity verification has failed. Our team is reviewing the report and will contact you with further information. If you don't hear from us contact our {supportLink}.";this.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.";i(this)}e.prototype.disconnectedCallback=function(){};e.prototype.getTextProps=function(){return A(this)};e.prototype.render=function(){var e=g()?wr(this):_e(this);return r(yr,Object.assign({},e))};return e}());function wr(e){return M({states:{error:false,status:"INFORMATION_REQUIRED",loading:false,showVerifyIdentity:false},data:{type:"SquatchAdmin"},text:e.getTextProps(),callbacks:{onTermsClick:function(){},onClick:function(){return console.log("show")}}},e.demoData||{},{arrayMerge:function(e,t){return t}})}var kr=m.gql(__makeTemplateObject(["\n  query {\n    viewer {\n      ... on User {\n        id\n        accountId\n        marketingEmailOptIn\n      }\n    }\n  }\n"],["\n  query {\n    viewer {\n      ... on User {\n        id\n        accountId\n        marketingEmailOptIn\n      }\n    }\n  }\n"]));var _r=m.gql(__makeTemplateObject(["\n  mutation ($userInput: UserInput!) {\n    upsertUser(userInput: $userInput) {\n      id\n      marketingEmailOptIn\n    }\n  }\n"],["\n  mutation ($userInput: UserInput!) {\n    upsertUser(userInput: $userInput) {\n      id\n      marketingEmailOptIn\n    }\n  }\n"]));var Cr={marketingEmailOptIn:false,errors:{},error:""};function Tr(e){var t=v();var r=l(false),n=r[0],a=r[1];var o=l(undefined),i=o[0],d=o[1];var u=l(Cr),c=u[0],f=u[1];var p=w(kr,{},!(t===null||t===void 0?void 0:t.jwt));var g=x(_r),h=g[0],m=g[1];s((function(){if(m===null||m===void 0?void 0:m.loading)return;if(m===null||m===void 0?void 0:m.errors){f((function(e){var t,r,n;return __assign(__assign({},e),{error:(n=(r=(t=m===null||m===void 0?void 0:m.errors)===null||t===void 0?void 0:t.response)===null||r===void 0?void 0:r.errors)===null||n===void 0?void 0:n[0].message})}))}else{d((function(e){var t;return __assign(__assign({},e),(t=m===null||m===void 0?void 0:m.data)===null||t===void 0?void 0:t.upsertUser)}));if(m===null||m===void 0?void 0:m.data)a(true)}}),[m===null||m===void 0?void 0:m.loading]);s((function(){var e,t;d((function(e){var t;return __assign(__assign({},e),(t=p===null||p===void 0?void 0:p.data)===null||t===void 0?void 0:t.viewer)}));f(__assign(__assign(__assign({},Cr),(e=p.data)===null||e===void 0?void 0:e.viewer),(t=m.data)===null||t===void 0?void 0:t.upsertUser))}),[p===null||p===void 0?void 0:p.data]);s((function(){var t,r;if((t=m===null||m===void 0?void 0:m.errors)===null||t===void 0?void 0:t.message){f(__assign(__assign({},(r=p.data)===null||r===void 0?void 0:r.viewer),{error:e.networkRequestMessage}))}}),[m===null||m===void 0?void 0:m.errors]);var b=function(e){var r;a(false);var n=(r=e.detail)===null||r===void 0?void 0:r.formData;n===null||n===void 0?void 0:n.forEach((function(e,t){L.set(n,t,e)}));h({userInput:{id:t===null||t===void 0?void 0:t.id,accountId:t===null||t===void 0?void 0:t.accountId,marketingEmailOptIn:Boolean(n.marketingEmailOptIn)}});f((function(e){return __assign(__assign({},e),{errors:{},error:""})}));return};return{states:{success:n,loading:(p===null||p===void 0?void 0:p.loading)||m.loading,submitDisabled:false,formState:c,user:i,text:{emailPreferencesHeader:e.emailPreferencesHeader,marketingCheckboxLabel:e.marketingCheckboxLabel,submitChangeButtonText:e.submitChangeButtonText,successMessage:e.successMessage}},callbacks:{onSubmit:b,setChecked:function(e){return f(__assign(__assign({},c),{marketingEmailOptIn:e}))}}}}var Er=e("sqm_portal_change_marketing",function(){function e(e){t(this,e);this.ignored=true;this.emailPreferencesHeader="Email preferences";this.marketingCheckboxLabel="I want to receive marketing emails and promotions for this referral program from impact.com";this.submitChangeButtonText="Save";this.networkRequestMessage="An error occurred while loading this page. Please refresh the page.";this.successMessage="Opt-in preference has been changed.";i(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=g()?Fr(A(this)):Tr(A(this));return r(le,Object.assign({},e))};return e}());function Fr(e){return M({states:{success:false,loading:false,submitDisabled:false,user:{id:"01",accountId:"111100000",marketingEmailOptIn:false},text:{emailPreferencesHeader:e.emailPreferencesHeader,marketingCheckboxLabel:e.marketingCheckboxLabel,submitChangeButtonText:e.submitChangeButtonText,successMessage:e.successMessage},formState:{marketingEmailOptIn:false,errors:null,error:""}},callbacks:{onSubmit:function(e){return console.log(e)},setChecked:function(){}}},e.demoData||{},{arrayMerge:function(e,t){return t}})}function Ir(e){var t=this;var r,n,a,o,i,s,d;var u=T(),c=u[0],f=u[1],p=f.loading,g=f.errors,h=f.data;var m=l(false),b=m[0],y=m[1];var x=l(""),w=x[0],k=x[1];var _=l(false),C=_[0],E=_[1];var F=v();var I=function(r){return __awaiter(t,void 0,void 0,(function(){var t,n,a,o,i;return __generator(this,(function(s){switch(s.label){case 0:E(false);a=(t=r.detail)===null||t===void 0?void 0:t.formData;a===null||a===void 0?void 0:a.forEach((function(e,t){L.set(a,t,e)}));if(!(F===null||F===void 0?void 0:F.jwt)){k(e.invalidSessionErrorText);return[2]}if(a.password!==a.confirmPassword){k(e.nonMatchingPasswordErrorText);return[2]}k("");o={password:a.password};return[4,c(o)];case 1:i=s.sent();if(!(i instanceof Error)&&((n=i.changeManagedIdentityPassword)===null||n===void 0?void 0:n.success)){E(true)}return[2]}}))}))};return{states:{open:b,loading:p,success:C,error:w||((o=(a=(n=(r=g===null||g===void 0?void 0:g.response)===null||r===void 0?void 0:r.errors)===null||n===void 0?void 0:n[0])===null||a===void 0?void 0:a.extensions)===null||o===void 0?void 0:o.message)||((d=(s=(i=g===null||g===void 0?void 0:g.response)===null||i===void 0?void 0:i.errors)===null||s===void 0?void 0:s[0])===null||d===void 0?void 0:d.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:y,submit:I}}}var Rr=e("sqm_portal_change_password",function(){function e(e){t(this,e);this.ignored=true;this.modalChangePasswordHeader="Change Password";this.cancelText="Cancel";this.changePasswordButtonText="Change Password";this.passwordFieldLabel="New Password";this.confirmPasswordFieldLabel="Confirm New Password";this.successMessage="Your password has been updated.";this.portalChangePasswordHeader="Password";this.portalChangePasswordButtonText="Change your password...";this.meetsRequirementsText="Password has met all requirements";this.doesNotMeetRequirementsText="Password must meet the following requirements:";this.minErrorText="be a minimum of 8 characters";this.uppercaseErrorText="contain at least 1 uppercase character";this.lowercaseErrorText="contain at least 1 lowercase character";this.nonMatchingPasswordErrorText="contain at least 1 lowercase character";this.invalidSessionErrorText="Please log in again to change your password.";this.hasErrorText="contain at least 1 number or symbol";i(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=g()?Sr(this):Ir(this),t=e.states,n=e.callbacks;return r(de,{states:t,callbacks:n})};return e}());function Sr(e){var t=l(false),r=t[0],n=t[1];return M({states:{open:r,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:function(e){return n(e)},submit:function(e){return console.log("Submit",e)}}},e.demoData||{},{arrayMerge:function(e,t){return t}})}var qr=e("sqm_portal_footer",function(){function e(e){t(this,e);this.ignored=true;this.hideSupportText=false;this.supportEmail="support@example.com";this.supportText="For program support, contact {email}";this.hidePoweredBy=false;this.poweredByLink="https://impact.com/advocate/";this.paddingTop="large";this.paddingRight="large";this.paddingBottom="large";this.paddingLeft="large";i(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){return r(ue,Object.assign({},A(this)))};Object.defineProperty(e,"assetsDirs",{get:function(){return["../../assets"]},enumerable:false,configurable:true});return e}());function Lr(e){var t=this;var r,n,a,o,i,s,d;var u=l(false),c=u[0],f=u[1];var p=l(""),g=p[0],h=p[1];var m=E(),v=m[0],b=m[1],y=b.loading,x=b.data,w=b.errors;var k=new URLSearchParams(C.location.search);var _=k.get("nextPage");var T=function(r){return __awaiter(t,void 0,void 0,(function(){var t,n,a,o,i,s;return __generator(this,(function(l){switch(l.label){case 0:h("");f(false);n=r.detail.formData;n===null||n===void 0?void 0:n.forEach((function(e,t){L.set(n,t,e)}));a=_?{nextPage:_}:null;o=e.redirectPath;i={email:n.email,urlParams:a,redirectPath:o};return[4,v(i)];case 1:s=l.sent();if(s instanceof Error){if(s.message)h(e.networkErrorMessage);return[2]}if((t=s.requestManagedIdentityPasswordResetEmail)===null||t===void 0?void 0:t.success){f(true)}return[2]}}))}))};return{states:{loading:y,error:((o=(a=(n=(r=w===null||w===void 0?void 0:w.response)===null||r===void 0?void 0:r.errors)===null||n===void 0?void 0:n[0])===null||a===void 0?void 0:a.extensions)===null||o===void 0?void 0:o.message)||((d=(s=(i=w===null||w===void 0?void 0:w.response)===null||i===void 0?void 0:i.errors)===null||s===void 0?void 0:s[0])===null||d===void 0?void 0:d.message)||g,success:c,loginPath:e.loginPath,headerText:e.headerText,loginText:e.loginText},callbacks:{submit:T}}}var Mr=e("sqm_portal_forgot_password",function(){function e(e){t(this,e);this.ignored=true;this.redirectPath="/resetPassword";this.emailLabel="Email";this.submitLabel="Request Password Reset";this.loginPath="/login";this.headerText="Enter your email below to receive a password reset link.";this.loginText="Sign In";this.networkErrorMessage="An error occurred while loading this page. Please refresh the page.";this.successAlertText="If an account with that email exists, a password reset email will be sent.";this.backgroundColor="var(--sqm-portal-background, #ffffff)";this.borderRadius="var(--sqm-border-radius-normal, 8px)";this.border="var(--sqm-border-thickness, 1px) solid var(--sqm-border-color, #eaeaea)";i(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=g()?Ar(this):Lr(this),t=e.states,n=e.callbacks;var a={messageSlot:r("slot",{name:"messageSlot"},this.headerText),emailLabel:this.emailLabel,submitLabel:this.submitLabel,successAlertText:this.successAlertText,loginText:this.loginText,backgroundColor:this.backgroundColor,borderRadius:this.borderRadius,border:this.border};return r(ce,{states:t,callbacks:n,content:a})};return e}());function Ar(e){var t=this;return M({states:{error:"",loading:false,success:false},callbacks:{submit:function(e){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(e){return[2]}))}))}},content:{secondaryButton:r("sl-button",{type:"secondary",exportparts:"base: secondarybutton-base",disabled:false,onClick:function(){return C.push(e.loginPath)}},e.loginText),messageSlot:r("span",null,e.headerText),emailLabel:e.emailLabel,submitLabel:e.submitLabel,successAlertText:e.successAlertText,loginText:e.loginText,backgroundColor:e.backgroundColor,borderRadius:e.borderRadius,border:e.border}},e.demoData||{},{arrayMerge:function(e,t){return t}})}function Nr(e,t,r){var n=_(),a=n[1];return{data:{footer:e,header:t},callbacks:{rerender:a},backgroundColor:r.backgroundColor,border:r.border,headerAndFooterBackgroundColor:r.headerAndFooterBackgroundColor}}var Pr=e("sqm_portal_frame",function(){function e(e){t(this,e);this.ignored=true;this.notFullScreen=false;this.backgroundColor="var(--sqm-portal-background, #fff)";this.border="var(--sqm-border-thickness, 1px) solid var(--sqm-border-color, #eaeaea)";this.headerAndFooterBackgroundColor="var(--sqm-portal-background, #fff)";i(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=r("slot",{name:"footer"});var t=r("slot",{name:"header"});var n=g()?Dr(e,t,this):Nr(e,t,this);return r(fe,Object.assign({},n),r("slot",null))};return e}());function Dr(e,t,n){return M({notFullScreen:true,backgroundColor:n.backgroundColor,headerAndFooterBackgroundColor:n.headerAndFooterBackgroundColor,border:n.border,data:{footer:e?e:r("span",null,"example@example.com"),header:t?t:r("div",{style:{display:"flex",flexDirection:"column"}},r("span",{style:{fontSize:"var(--sl-font-size-large)",fontWeight:"bold"}},"Portal Header"),r("span",{style:{fontSize:"var(--sl-font-size-small)"}},"A description for the portal"))},callbacks:{rerender:function(){}}},n.demoData||{},{arrayMerge:function(e,t){return t}})}var Br=e("sqm_portal_login",function(){function e(e){t(this,e);this.ignored=true;this.nextPage="/";this.emailLabel="Email";this.passwordLabel="Password";this.submitLabel="Sign In";this.forgotPasswordPath="/forgotPassword";this.forgotPasswordLabel="Forgot Password?";this.registerLabel="Register";this.registerPath="/register";this.pageLabel="Sign in to your account";this.networkErrorMessage="An error occurred while logging you in. Please refresh the page and try again.";this.registerCTA="Don't have an account?";i(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=g()?jr(this):W(this),t=e.states,n=e.callbacks;var a={RegisterButton:{"&::part(label)":{padding:"0"}}};var o=P(a);var i=o.toString();var s={forgotPasswordButton:r("slot",{name:"forgotPassword"},r("a",{onClick:function(){return C.push(t.forgotPasswordPath)}},this.forgotPasswordLabel)),googleButton:null,secondaryButton:r("slot",{name:"secondaryButton"},r("style",null,i),r("sl-button",{exportparts:"base: secondarybutton-base",type:"text",disabled:t.loading,onClick:function(){return C.push(t.registerPath)}},this.registerLabel)),emailLabel:this.emailLabel,passwordLabel:this.passwordLabel,submitLabel:this.submitLabel,pageLabel:this.pageLabel};return r(H,{states:t,callbacks:n,content:s})};return e}());function jr(e){var t=this;return M({states:{error:"",loading:false,forgotPasswordPath:"/forgotPassword",registerPath:"/register",showLoginForm:"manual"},callbacks:{googleSubmit:function(){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(e){console.log("google submit");return[2]}))}))},submit:function(e){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(e){console.log("submit");return[2]}))}))}},content:{googleButton:null}},e.demoData||{},{arrayMerge:function(e,t){return t}})}function Or(e){var t=this;var r,n,a,o,i,l,d,u,f;var p=c(null);var g=z({}),h=g.registrationFormState,m=g.setRegistrationFormState;var v=F(),b=v[0],y=v[1],x=y.loading,w=y.errors,k=y.data;s((function(){if(!p.current)return;var e=p.current;e.addEventListener("sl-input",T);return function(){e.removeEventListener("sl-input",T)}}),[p.current]);var _=function(r){return __awaiter(t,void 0,void 0,(function(){var t,n,a,o,i,s,l,d,u,c;return __generator(this,(function(f){switch(f.label){case 0:n=r.target.getFormControls();a={};o={};n===null||n===void 0?void 0:n.forEach((function(t){if(!t.name)return;var r=t.name;var n=t.value;L.set(a,r,n);if(t.required&&!n){L.set(o,r,e.requiredFieldErrorMessage)}if(typeof t.validationError==="function"){var i=t.validationError;var s=i({control:t,key:r,value:n});if(s)L.set(o,r,s)}}));if((e.confirmPassword||a.confirmPassword)&&a.password!==a.confirmPassword){o=__assign(__assign({},o),{confirmPassword:e.passwordMismatchErrorMessage})}if(Object.keys(o).length){m({loading:false,error:"",validationErrors:o});return[2]}m({loading:true,error:"",validationErrors:{}});i=a.email,s=a.password;delete a.email;delete a.password;delete a.confirmPassword;a=__assign({},a);l=e.redirectPath;d={email:i,password:s,formData:a,redirectPath:l};f.label=1;case 1:f.trys.push([1,3,,4]);return[4,b(d)];case 2:u=f.sent();if(u instanceof Error){throw u}m({loading:false,error:"",validationErrors:{}});if((t=u.registerManagedIdentityWithEmailAndPassword)===null||t===void 0?void 0:t.token){C.push(e.nextPage)}return[3,4];case 3:c=f.sent();m({loading:false,error:e.networkErrorMessage,validationErrors:{}});return[3,4];case 4:return[2]}}))}))};var T=I((function(e){var t,r;var n=(r=(t=e.target)===null||t===void 0?void 0:t.type)===null||r===void 0?void 0:r.toLowerCase();if(n!=="tel")return;var a=new G("US");e.target.value=a.input(e.target.value)}),[]);var E="";if((r=w===null||w===void 0?void 0:w.response)===null||r===void 0?void 0:r["error"]){E=e.networkErrorMessage}else if((w===null||w===void 0?void 0:w.message)&&!((n=w===null||w===void 0?void 0:w.response)===null||n===void 0?void 0:n.errors.length)){E=e.networkErrorMessage}else{E=((l=(i=(o=(a=w===null||w===void 0?void 0:w.response)===null||a===void 0?void 0:a.errors)===null||o===void 0?void 0:o[0])===null||i===void 0?void 0:i.extensions)===null||l===void 0?void 0:l.message)||((f=(u=(d=w===null||w===void 0?void 0:w.response)===null||d===void 0?void 0:d.errors)===null||u===void 0?void 0:u[0])===null||f===void 0?void 0:f.message)||(h===null||h===void 0?void 0:h.error)}return{states:{loading:x,error:E,registrationFormState:h,confirmPassword:e.confirmPassword,hideInputs:e.hideInputs,loginPath:e.loginPath,disablePasswordValidation:e.disablePasswordValidation},callbacks:{submit:_,inputFunction:T},refs:{formRef:p}}}var Ur=e("sqm_portal_register",function(){function e(e){t(this,e);this.ignored=false;this.nextPage="/";this.redirectPath="/verifyEmail";this.emailLabel="Email";this.passwordLabel="Password";this.submitLabel="Register";this.loginLabel="Sign in";this.confirmPasswordLabel="Confirm Password";this.confirmPassword=false;this.disablePasswordValidation=false;this.hideInputs=false;this.pageLabel="Register";this.loginPath="/login";this.requiredFieldErrorMessage="Cannot be empty";this.networkErrorMessage="Network request failed.";this.passwordMismatchErrorMessage="Passwords do not match.";this.invalidEmailErrorMessage="Must be a valid email address";this.meetsRequirementsText="Password has met all requirements";this.doesNotMeetRequirementsText="Password must meet the following requirements:";this.minErrorText="be a minimum of 8 characters";this.uppercaseErrorText="contain at least 1 uppercase character";this.lowercaseErrorText="contain at least 1 lowercase character";this.hasErrorText="contain at least 1 number or symbol";i(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=g()?Vr(this):Or(this),t=e.states,n=e.callbacks,a=e.refs;var o={formData:r("slot",{name:"formData"}),secondaryButton:r("slot",{name:"secondaryButton"},r("sl-button",{type:"text",disabled:t.loading,onClick:function(){return C.push(t.loginPath)}},this.loginLabel)),terms:r("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 r(pe,{states:t,callbacks:n,content:o,refs:a})};return e}());function Vr(e){var t=this;return M({states:{error:"",loading:false,confirmPassword:e.confirmPassword,hideInputs:e.hideInputs||false,customPasswordField:false,loginPath:e.loginPath,disablePasswordValidation:e.disablePasswordValidation},callbacks:{submit:function(e){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(e){console.log("submit");return[2]}))}))},inputFunction:function(){}},refs:{formRef:{}}},e.demoData||{},{arrayMerge:function(e,t){return t}})}function zr(e,t){var n={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"}}};var a=P(n);var o=a.toString();var i="\n  ::slotted(*){\n    display: flex;\n    width: 100%;\n  }\n  @media (max-width: 499px) {\n    ::slotted(*){\n      display: block;\n    }\n  }";return r("div",{class:a.classes.Container,part:"sqm-base"},r("style",{type:"text/css"},o,i),r("div",{class:a.classes.Header},r("div",{class:a.classes.Header,part:"sqm-header"},e.header)),r("div",{class:a.classes.Grid,part:"sqm-grid-container"},t))}var $r=e("sqm_program_explainer",function(){function e(e){t(this,e);this.ignored=true;i(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){return r(zr,Object.assign({},A(this)),r("slot",null))};return e}());function Hr(e){var 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"}};var n=P(t);var a=n.toString();return r("div",{class:n.classes.Container,part:"sqm-base"},r("style",{type:"text/css"},a),r("div",null,e.imageUrl?r("img",{class:n.classes.Media,src:e.imageUrl,part:"sqm-media"}):r("div",{class:n.classes.Media,part:"sqm-media"},r("sl-icon",{name:e.icon}))),r("div",{class:n.classes.Text},r("div",{class:n.classes.Header,part:"sqm-header"},e.header),r("div",{class:n.classes.Description,part:"sqm-description"},e.description)))}var Wr=e("sqm_program_explainer_step",function(){function e(e){t(this,e);i(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){return r(Hr,Object.assign({},A(this)))};return e}());var Gr=f("sq:useProgramMenu");var Yr="sq:update-program-id";function Kr(e){var t=b();var r=h();Gr({programId:t,props:e});var n=c();var a=_(),o=a[1];s((function(){var e;(e=n.current)===null||e===void 0?void 0:e.addEventListener("sl-select",(function(e){var t=e.detail.item.value;r.dispatchEvent(new CustomEvent(Yr,{detail:t,bubbles:true,composed:true}))}))}),[n.current]);return{data:{programId:t},callbacks:{rerender:o},ref:n}}var Jr=e("sqm_program_menu",function(){function e(e){t(this,e);this.ignored=true;i(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=Kr(A(this)),t=e.data,a=e.ref;return r(n,{style:{display:"contents"}},r("sl-select",{style:{paddingBottom:"var(--sl-spacing-large)"},value:t.programId,ref:function(e){return a.current=e}},r("slot",null)))};return e}());var Zr="\n    :host{\n      display: block;   \n    }\n  ";function Xr(e){var 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"}}};var n=P(t);var a=n.toString();var o=e.borderColor||"var(--sqm-border-color)";return r("div",{part:"sqm-base",class:n.classes.Container,style:{border:""+(e.hideBorder?"none":"var(--sqm-border-thickness) solid "+o),"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")}},r("style",{type:"text/css"},a,Zr),e.hasHeader&&r("div",{class:n.classes.EndContainer},e.slots.header),r("div",{part:"sqm-column-container",class:n.classes.ColumnContainer,style:{alignItems:e.verticalAlignment}},e.slots.left,e.slots.right),e.hasFooter&&r("div",{class:n.classes.EndContainer},e.slots.footer))}var Qr=e("sqm_referral_card",function(){function e(e){t(this,e);this.ignored=true;this.verticalAlignment="start";this.hideBorder=false;this.paddingTop="large";this.paddingRight="large";this.paddingBottom="large";this.paddingLeft="large";this.limitWidth=false;i(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e={left:r("slot",{name:"left"}),right:r("slot",{name:"right"}),header:r("slot",{name:"header"}),footer:r("slot",{name:"footer"})};var t=j();var n=t.findIndex((function(e){return e.slot==="header"}))>-1;var a=t.findIndex((function(e){return e.slot==="footer"}))>-1;return r(Xr,Object.assign({},A(this),{slots:e,hasHeader:n,hasFooter:a}),r("slot",null))};return e}());var en=m.gql(__makeTemplateObject(["\n  query getUser($programId: ID) {\n    viewer {\n      ... on User {\n        referralCode(programId: $programId)\n      }\n    }\n  }\n"],["\n  query getUser($programId: ID) {\n    viewer {\n      ... on User {\n        referralCode(programId: $programId)\n      }\n    }\n  }\n"]));function tn(e){var t;var r=b();var n=v();var a=w(en,{programId:r},!(n===null||n===void 0?void 0:n.jwt)||!r).data;return{states:{content:e},data:{shareCode:(t=a===null||a===void 0?void 0:a.viewer)===null||t===void 0?void 0:t.referralCode}}}var rn=e("sqm_referral_iframe",function(){function e(e){t(this,e);this.ignored=true;this.iframeHeight="100%";this.iframeWidth="100%";i(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=N([{attribute:"iframe-src",value:this.iframeSrc}]);if(e){return r(it,{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:"})}var t=g()?nn(A(this)):tn(A(this)),a=t.states,o=t.data;return r(n,{style:{display:"contents"}},r(ge,{data:o,states:a}))};return e}());function nn(e){return M({states:{content:__assign({iframeSrc:"https://example.com"},e)},data:{shareCode:"SHARECODE123"}},e.demoData||{},{arrayMerge:function(e,t){return t}})}var an=e("sqm_referred_registration",function(){function e(e){t(this,e);this.ignored=true;this.emailLabel="Email";this.firstNameLabel="First Name";this.lastNameLabel="Last Name";this.registerLabel="Start Referring";this.includeName=false;this.hideBorder=false;this.requiredFieldErrorMessage="Cannot be empty";this.invalidEmailErrorMessage="Please enter a valid email address";this.networkErrorMessage="There was a problem signing you in. Please wait a moment and try again. If this problem continues, contact Support for help resolving this issue.";this.fraudErrorMessage="Our team will review this referral. If approved, you and your friend will receive your rewards. Need help? Reach out to our Support team.";this.fraudErrorMessageTitle="Looks like you tried referring yourself";this.paddingTop="large";this.paddingRight="large";this.paddingBottom="large";this.paddingLeft="large";this.includeCookies=true;i(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=g()?on(this):$(this),t=e.states,n=e.callbacks;var a={fraudErrorMessage:this.fraudErrorMessage,fraudErrorMessageTitle:this.fraudErrorMessageTitle,emailLabel:this.emailLabel,registerLabel:this.registerLabel,firstNameLabel:this.firstNameLabel,lastNameLabel:this.lastNameLabel,includeName:this.includeName,hideBorder:this.hideBorder,invalidEmailErrorMessage:this.invalidEmailErrorMessage,requiredFieldErrorMessage:this.requiredFieldErrorMessage,paddingTop:this.paddingTop,paddingBottom:this.paddingBottom,paddingLeft:this.paddingLeft,paddingRight:this.paddingRight,backgroundColor:this.backgroundColor,topSlot:r("slot",{name:"top"}),bottomSlot:r("slot",{name:"bottom"})};return r(U,{states:t,callbacks:n,content:a})};return e}());function on(e){var t=this;var r=function(){R({id:"referrer@example.com",accountId:"referrer@example.com",jwt:"eyJraWQiOiJlNjI2NzQxNy1jMzZlLTRlM2EtYjM5NS1lYTFmY2YyNmU3YzIiLCJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiJ9.eyJzdWIiOiJjbVZtWlhKeVpYSkFaWGhoYlhCc1pTNWpiMjA9OmNtVm1aWEp5WlhKQVpYaGhiWEJzWlM1amIyMD1AdGVzdF9heGJndGF0dzF0Y2NwOnVzZXJzIiwicGFzc3dvcmRsZXNzIjp0cnVlLCJpc3MiOiJodHRwczovL3N0YWdpbmcucmVmZXJyYWxzYWFzcXVhdGNoLmNvbS8iLCJleHAiOjE2ODA4ODU5MTksImlhdCI6MTY4MDc5OTUxOX0.kjmTVVf_BTb-uMNKnadLyNLxMFwpkefsY02O3iAfBVIJJZZfeZMwunPlKsS3Vbp28aYRClBjH5Wj4pYxDn23D0CdZx8KNCqiJ8yF6149O9SPMkRseoJkliqS6LyvMOEDjGDkuLfcC8_hq1AHBXFt5BdCtWOk1gwf_5R9A0w5gXEIvprBzbNDLbuo88bVAlrmFNvfttXXryrpUeruMal7cBKuy02YblBrB4kKoyJiprU5GLEjciBA4A56u8TwQc0kbsPf2YcQaJsY_IvkC7S1u4sPyObpq6iF6Ed8UYHAo6nU5KjZXyVtoUyeIS11mf_6OtDO6LyMNHV2FtEUUDdPCg"})};return M({states:{error:"",loading:false},callbacks:{submit:function(e){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(e){r();return[2]}))}))}}},e.demoData||{},{arrayMerge:function(e,t){return t}})}var sn={};(function e(t,r,n,a){var o=!!(t.Worker&&t.Blob&&t.Promise&&t.OffscreenCanvas&&t.OffscreenCanvasRenderingContext2D&&t.HTMLCanvasElement&&t.HTMLCanvasElement.prototype.transferControlToOffscreen&&t.URL&&t.URL.createObjectURL);function i(){}function s(e){var n=r.exports.Promise;var a=n!==void 0?n:t.Promise;if(typeof a==="function"){return new a(e)}e(i,i);return null}var l=function(){var e=Math.floor(1e3/60);var t,r;var n={};var a=0;if(typeof requestAnimationFrame==="function"&&typeof cancelAnimationFrame==="function"){t=function(t){var r=Math.random();n[r]=requestAnimationFrame((function o(i){if(a===i||a+e-1<i){a=i;delete n[r];t()}else{n[r]=requestAnimationFrame(o)}}));return r};r=function(e){if(n[e]){cancelAnimationFrame(n[e])}}}else{t=function(t){return setTimeout(t,e)};r=function(e){return clearTimeout(e)}}return{frame:t,cancel:r}}();var d=function(){var t;var r;var a={};function i(e){function t(t,r){e.postMessage({options:t||{},callback:r})}e.init=function t(r){var n=r.transferControlToOffscreen();e.postMessage({canvas:n},[n])};e.fire=function n(o,i,l){if(r){t(o,null);return r}var d=Math.random().toString(36).slice(2);r=s((function(n){function i(t){if(t.data.callback!==d){return}delete a[d];e.removeEventListener("message",i);r=null;l();n()}e.addEventListener("message",i);t(o,d);a[d]=i.bind(null,{data:{callback:d}})}));return r};e.reset=function t(){e.postMessage({reset:true});for(var r in a){a[r]();delete a[r]}}}return function(){if(t){return t}if(!n&&o){var r=["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{t=new Worker(URL.createObjectURL(new Blob([r])))}catch(e){typeof console!==undefined&&typeof console.warn==="function"?console.warn("🎊 Could not load worker",e):null;return null}i(t)}return t}}();var u={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:false,scalar:1};function c(e,t){return t?t(e):e}function f(e){return!(e===null||e===undefined)}function p(e,t,r){return c(e&&f(e[t])?e[t]:u[t],r)}function g(e){return e<0?0:Math.floor(e)}function h(e,t){return Math.floor(Math.random()*(t-e))+e}function m(e){return parseInt(e,16)}function v(e){return e.map(b)}function b(e){var t=String(e).replace(/[^0-9a-f]/gi,"");if(t.length<6){t=t[0]+t[0]+t[1]+t[1]+t[2]+t[2]}return{r:m(t.substring(0,2)),g:m(t.substring(2,4)),b:m(t.substring(4,6))}}function y(e){var t=p(e,"origin",Object);t.x=p(t,"x",Number);t.y=p(t,"y",Number);return t}function x(e){e.width=document.documentElement.clientWidth;e.height=document.documentElement.clientHeight}function w(e){var t=e.getBoundingClientRect();e.width=t.width;e.height=t.height}function k(e){var t=document.createElement("canvas");t.style.position="fixed";t.style.top="0px";t.style.left="0px";t.style.pointerEvents="none";t.style.zIndex=e;return t}function _(e,t,r,n,a,o,i,s,l){e.save();e.translate(t,r);e.rotate(o);e.scale(n,a);e.arc(0,0,1,i,s,l);e.restore()}function C(e){var t=e.angle*(Math.PI/180);var r=e.spread*(Math.PI/180);return{x:e.x,y:e.y,wobble:Math.random()*10,velocity:e.startVelocity*.5+Math.random()*e.startVelocity,angle2D:-t+(.5*r-Math.random()*r),tiltAngle:Math.random()*Math.PI,color:e.color,shape:e.shape,tick:0,totalTicks:e.ticks,decay:e.decay,drift:e.drift,random:Math.random()+5,tiltSin:0,tiltCos:0,wobbleX:0,wobbleY:0,gravity:e.gravity*3,ovalScalar:.6,scalar:e.scalar}}function T(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;var n=t.x+t.random*t.tiltCos;var a=t.y+t.random*t.tiltSin;var o=t.wobbleX+t.random*t.tiltCos;var i=t.wobbleY+t.random*t.tiltSin;e.fillStyle="rgba("+t.color.r+", "+t.color.g+", "+t.color.b+", "+(1-r)+")";e.beginPath();if(t.shape==="circle"){e.ellipse?e.ellipse(t.x,t.y,Math.abs(o-n)*t.ovalScalar,Math.abs(i-a)*t.ovalScalar,Math.PI/10*t.wobble,0,2*Math.PI):_(e,t.x,t.y,Math.abs(o-n)*t.ovalScalar,Math.abs(i-a)*t.ovalScalar,Math.PI/10*t.wobble,0,2*Math.PI)}else{e.moveTo(Math.floor(t.x),Math.floor(t.y));e.lineTo(Math.floor(t.wobbleX),Math.floor(a));e.lineTo(Math.floor(o),Math.floor(i));e.lineTo(Math.floor(n),Math.floor(t.wobbleY))}e.closePath();e.fill();return t.tick<t.totalTicks}function E(e,t,r,o,i){var d=t.slice();var u=e.getContext("2d");var c;var f;var p=s((function(t){function s(){c=f=null;u.clearRect(0,0,o.width,o.height);i();t()}function p(){if(n&&!(o.width===a.width&&o.height===a.height)){o.width=e.width=a.width;o.height=e.height=a.height}if(!o.width&&!o.height){r(e);o.width=e.width;o.height=e.height}u.clearRect(0,0,o.width,o.height);d=d.filter((function(e){return T(u,e)}));if(d.length){c=l.frame(p)}else{s()}}c=l.frame(p);f=s}));return{addFettis:function(e){d=d.concat(e);return p},canvas:e,promise:p,reset:function(){if(c){l.cancel(c)}if(f){f()}}}}function F(e,r){var n=!e;var a=!!p(r||{},"resize");var i=p(r,"disableForReducedMotion",Boolean);var l=o&&!!p(r||{},"useWorker");var u=l?d():null;var c=n?x:w;var f=e&&u?!!e.__confetti_initialized:false;var m=typeof matchMedia==="function"&&matchMedia("(prefers-reduced-motion)").matches;var b;function _(t,r,n){var a=p(t,"particleCount",g);var o=p(t,"angle",Number);var i=p(t,"spread",Number);var s=p(t,"startVelocity",Number);var l=p(t,"decay",Number);var d=p(t,"gravity",Number);var u=p(t,"drift",Number);var f=p(t,"colors",v);var m=p(t,"ticks",Number);var x=p(t,"shapes");var w=p(t,"scalar");var k=y(t);var _=a;var T=[];var F=e.width*k.x;var I=e.height*k.y;while(_--){T.push(C({x:F,y:I,angle:o,spread:i,startVelocity:s,color:f[_%f.length],shape:x[h(0,x.length)],ticks:m,decay:l,gravity:d,drift:u,scalar:w}))}if(b){return b.addFettis(T)}b=E(e,T,c,r,n);return b.promise}function T(r){var o=i||p(r,"disableForReducedMotion",Boolean);var l=p(r,"zIndex",Number);if(o&&m){return s((function(e){e()}))}if(n&&b){e=b.canvas}else if(n&&!e){e=k(l);document.body.appendChild(e)}if(a&&!f){c(e)}var d={width:e.width,height:e.height};if(u&&!f){u.init(e)}f=true;if(u){e.__confetti_initialized=true}function g(){if(u){var t={getBoundingClientRect:function(){if(!n){return e.getBoundingClientRect()}}};c(t);u.postMessage({resize:{width:t.width,height:t.height}});return}d.width=d.height=null}function h(){b=null;if(a){t.removeEventListener("resize",g)}if(n&&e){document.body.removeChild(e);e=null;f=false}}if(a){t.addEventListener("resize",g,false)}if(u){return u.fire(r,d,h)}return _(r,d,h)}T.reset=function(){if(u){u.reset()}if(b){b.reset()}};return T}r.exports=F(null,{useWorker:true,resize:true});r.exports.create=F})(function(){if(typeof window!=="undefined"){return window}if(typeof self!=="undefined"){return self}return this||{}}(),sn,false);var ln=sn.exports;var dn=m.gql(__makeTemplateObject(["\n  query getExchangeList {\n    viewer {\n      ... on User {\n        visibleRewardExchangeItems(limit: 20, offset: 0) {\n          data {\n            key\n            name\n            description\n            imageUrl\n            available\n            unavailableReasonCode\n            ruleType\n            sourceUnit\n            sourceValue\n            prettySourceValue\n            sourceMinValue\n            prettySourceMinValue\n            sourceMaxValue\n            prettySourceMaxValue\n            destinationMinValue\n            prettyDestinationMinValue\n            destinationMaxValue\n            prettyDestinationMaxValue\n            globalRewardKey\n            destinationUnit\n            steps {\n              sourceValue\n              prettySourceValue\n              destinationValue\n              prettyDestinationValue\n              available\n              globalRewardKey\n              unavailableReasonCode\n              rewardInput\n            }\n          }\n          totalCount\n        }\n      }\n    }\n  }\n"],["\n  query getExchangeList {\n    viewer {\n      ... on User {\n        visibleRewardExchangeItems(limit: 20, offset: 0) {\n          data {\n            key\n            name\n            description\n            imageUrl\n            available\n            unavailableReasonCode\n            ruleType\n            sourceUnit\n            sourceValue\n            prettySourceValue\n            sourceMinValue\n            prettySourceMinValue\n            sourceMaxValue\n            prettySourceMaxValue\n            destinationMinValue\n            prettyDestinationMinValue\n            destinationMaxValue\n            prettyDestinationMaxValue\n            globalRewardKey\n            destinationUnit\n            steps {\n              sourceValue\n              prettySourceValue\n              destinationValue\n              prettyDestinationValue\n              available\n              globalRewardKey\n              unavailableReasonCode\n              rewardInput\n            }\n          }\n          totalCount\n        }\n      }\n    }\n  }\n"]));var un=m.gql(__makeTemplateObject(["\n  mutation exchange($exchangeRewardInput: ExchangeRewardInput!) {\n    exchangeReward(exchangeRewardInput: $exchangeRewardInput) {\n      reward {\n        id\n        fuelTankCode\n      }\n    }\n  }\n"],["\n  mutation exchange($exchangeRewardInput: ExchangeRewardInput!) {\n    exchangeReward(exchangeRewardInput: $exchangeRewardInput) {\n      reward {\n        id\n        fuelTankCode\n      }\n    }\n  }\n"]));function cn(e){var t,r,n,a,o;var i=p((function(e,t){return __assign(__assign({},e),t)}),{selectedItem:undefined,selectedStep:undefined,redeemStage:"chooseReward",amount:0,exchangeError:false}),d=i[0],u=i[1];var f=l(false),g=f[0],h=f[1];var m=d.selectedItem,b=d.selectedStep,y=d.redeemStage,k=d.amount,_=d.exchangeError;var C=v();var T=x(un),E=T[0],F=T[1],I=F.data,R=F.loading,q=F.errors;var L=w(dn,{},!(C===null||C===void 0?void 0:C.jwt)),M=L.data,A=L.loading,N=L.refetch,P=L.errors;s((function(){var e,t;if((t=(e=I===null||I===void 0?void 0:I.exchangeReward)===null||e===void 0?void 0:e.reward)===null||t===void 0?void 0:t.id){u({redeemStage:"success",exchangeError:false})}if(!!q){u({exchangeError:true})}}),[I,q]);var D=c();s((function(){if(!D.current)return;var e=D.current;e.confetti=e.confetti||ln.create(e,{resize:true});e.confetti()}),[D.current]);var B=S().refresh;function j(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){switch(t.label){case 0:if(!m)return[2];e={accountId:C===null||C===void 0?void 0:C.accountId,userId:C.id};switch(m.ruleType){case"FIXED_GLOBAL_REWARD":e=__assign(__assign({},e),{redeemCreditInput:{amount:m.sourceValue,unit:m.sourceUnit},globalRewardKey:m.globalRewardKey});break;case"STEPPED_FIXED_GLOBAL_REWARD":e=__assign(__assign({},e),{redeemCreditInput:{amount:b.sourceValue,unit:m.sourceUnit},globalRewardKey:b.globalRewardKey});break;case"VARIABLE_GLOBAL_REWARD":e=__assign(__assign({},e),{redeemCreditInput:{amount:k,unit:m.sourceUnit},globalRewardKey:m.globalRewardKey,rewardInput:b.rewardInput});break;case"VARIABLE_CREDIT_REWARD":e=__assign(__assign({},e),{redeemCreditInput:{amount:k,unit:m.sourceUnit},rewardInput:{type:"CREDIT",unit:m.destinationUnit,assignedCredit:b.destinationValue}});break;default:e=__assign(__assign({},e),b.rewardInput)}return[4,E({exchangeRewardInput:e})];case 1:t.sent();B();return[2]}}))}))}var O=function(e){e&&N();u({amount:0,selectedStep:undefined,selectedItem:undefined,exchangeError:false,redeemStage:"chooseReward"})};function U(e){u({redeemStage:e})}function V(){var e,t;navigator.clipboard.writeText((t=(e=I===null||I===void 0?void 0:I.exchangeReward)===null||e===void 0?void 0:e.reward)===null||t===void 0?void 0:t.fuelTankCode);h(true);setTimeout((function(){return h(false)}),1e3)}return{states:{content:{text:e},selectedItem:m,redeemStage:y,amount:k,selectedStep:b,exchangeError:_,queryError:!!P,loading:A||R,open:g,noExchangeOptions:((t=M===null||M===void 0?void 0:M.viewer)===null||t===void 0?void 0:t.visibleRewardExchangeItems.totalCount)===0},data:{exchangeList:(n=(r=M===null||M===void 0?void 0:M.viewer)===null||r===void 0?void 0:r.visibleRewardExchangeItems)===null||n===void 0?void 0:n.data,fuelTankCode:(o=(a=I===null||I===void 0?void 0:I.exchangeReward)===null||a===void 0?void 0:a.reward)===null||o===void 0?void 0:o.fuelTankCode},callbacks:{exchangeReward:j,setExchangeState:u,setStage:U,resetState:O,copyFuelTankCode:V},refs:{canvasRef:D}}}var fn=e("sqm_reward_exchange_list",function(){function e(e){t(this,e);this.ignored=true;this.notAvailableError="{unavailableReasonCode, select, US_TAX {US Tax limit} INSUFFICIENT_REDEEMABLE_CREDIT {{sourceValue} required} AVAILABILITY_PREDICATE {Not available} other {{unavailableReasonCode}} }";this.chooseRewardTitle="Rewards";this.chooseAmountTitle="Select";this.confirmationTitle="Confirm";this.rewardTitle="Choose a reward";this.cancelText="Cancel";this.backText="Back";this.continueText="Continue";this.continueToConfirmationText="Continue to confirmation";this.redeemText="Redeem";this.redeemTitle="Confirm and redeem";this.redemptionSuccessText="Redeemed {sourceValue} for {destinationValue}";this.sourceAmountMessage="{ruleType, select, FIXED_GLOBAL_REWARD {{sourceValue}} other {{sourceMinValue} to {sourceMaxValue}}}";this.tooltipText="Copied";this.doneText="Done";this.selectText="Select amount to receive";this.queryError="Unable to load reward exchange list. Please try again";this.redemptionError="An error occured trying to redeem this reward. Please try again";this.notEnoughError="Not enough {sourceUnit} to redeem for this reward";this.rewardRedeemedText="Reward redeemed";this.promoCode="Promo Code";this.skeletonCardNum=8;this.rewardNameTitle="Reward";this.rewardAmountTitle="Reward Amount";this.costTitle="Cost to Redeem";this.stateController="{}";i(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=__assign(__assign({},A(this)),{empty:r(pn,null)});var t=g()?gn(e):cn(e),a=t.states,o=t.data,i=t.callbacks,s=t.refs;return r(n,{style:{display:"contents"}},r(he,{states:a,data:o,callbacks:i,refs:s}))};Object.defineProperty(e,"assetsDirs",{get:function(){return["assets"]},enumerable:false,configurable:true});return e}());function pn(){return r("slot",{name:"empty"},r("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"}))}function gn(e){var t=ke(e.stateController);var r=Object.keys(t).reduce((function(e,r){var n;return r==="sqm-reward-exchange-list"?__assign(__assign({},e),t[r]):__assign(__assign({},e),(n={},n[r+"_stateController"]=t[r],n))}),{});return M({states:{content:{text:e},redeemStage:"chooseReward",amount:0,selectedStep:undefined,selectedItem:undefined,open:false,exchangeError:false,queryError:false,loading:false,noExchangeOptions:false},data:{exchangeList:me.data.exchangeList},callbacks:{exchangeReward:function(){},setExchangeState:function(e){},setStage:function(e){},resetState:function(){},copyFuelTankCode:function(){}},refs:{canvasRef:{}}},e.demoData||r||{},{arrayMerge:function(e,t){return t}})}var hn=f("sq:useRouter");function mn(e,t){if(!e)return;var r=O(e);return r.exec(t)}function vn(){var e=q();var t=h();var r=l(undefined),n=r[0],a=r[1];var o=l(undefined),i=o[0],d=o[1];var u=e.pathname;s((function(){var e=t.querySelectorAll("sqm-route");var r=Array.from(e);r.forEach((function(e){var t=document.createElement("template");t.setAttribute("path",e.path);t.innerHTML=e.innerHTML;e.parentNode.appendChild(t);e.parentNode.removeChild(e)}))}),[]);s((function(){var e,t;if(!i||!n){hn("DOM not ready for navigation rendering on:",u);return}var r=n.querySelectorAll("template");var a=Array.from(r);var o=a.find((function(e){var t,r,n;var a=(r=(t=e.attributes)===null||t===void 0?void 0:t.path)===null||r===void 0?void 0:r.nodeValue;if((n=mn(a,u))===null||n===void 0?void 0:n.length)return e}));var s=(t=(e=o===null||o===void 0?void 0:o.attributes)===null||e===void 0?void 0:e.path)===null||t===void 0?void 0:t.nodeValue;hn({containerDatasetPage:i.dataset.page,templatePath:s,page:u});if(!o){hn("No matching page found for ",u,", so render nothing");i.innerHTML="";i.dataset.page=u;return}hn("Page updated to ",u,o);if(!!mn(s,i.dataset.page)){hn("don't rerender")}else if(o){i.innerHTML=o.innerHTML;i.dataset.page=u}}),[n,i,u]);return{callbacks:{setSlot:a,setContainer:d}}}var bn="sqm-router{display:contents}";var yn=e("sqm_router",function(){function e(e){t(this,e);this.ignored=true;i(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=vn().callbacks;return r(n,null,r("div",{ref:e.setSlot,style:{display:"none"}},r("slot",null)),r("div",{style:{display:"contents"},ref:e.setContainer}))};return e}());yn.style=bn;var xn=":host{display:block}:host([hidden]){display:none}sl-button{display:block}";var wn=e("sqm_share_button",function(){function e(e){t(this,e);this.type="default";this.iconslot="prefix";this.hideicon=false;this.hidetext=false;this.undefinedLinkText="Error: message link undefined!";this.unsupportedPlatformText="Error: not on a supported device";i(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=A(this);var t=g()?kn(e):ve(e);return r(be,Object.assign({},t),r("slot",null))};return e}());function kn(e){return M(__assign(__assign({},e),{loading:false,hide:false,onClick:function(){}}),e.demoData||{},{arrayMerge:function(e,t){return t}})}wn.style=xn;var _n=m.gql(__makeTemplateObject(["\n  query ($programId: ID) {\n    user: viewer {\n      ... on User {\n        referralCode(programId: $programId)\n      }\n    }\n  }\n"],["\n  query ($programId: ID) {\n    user: viewer {\n      ... on User {\n        referralCode(programId: $programId)\n      }\n    }\n  }\n"]));var Cn=m.gql(__makeTemplateObject(["\n  mutation loadEvent($eventMeta: UserAnalyticsEvent!) {\n    createUserAnalyticsEvent(eventMeta: $eventMeta)\n  }\n"],["\n  mutation loadEvent($eventMeta: UserAnalyticsEvent!) {\n    createUserAnalyticsEvent(eventMeta: $eventMeta)\n  }\n"]));function Tn(e){var t,r;var n=e.programId,a=n===void 0?b():n;var o=v();var i=y();var s=w(_n,{programId:a},!(o===null||o===void 0?void 0:o.jwt)).data;var d=x(Cn)[0];var u=(r=(t=s===null||s===void 0?void 0:s.user)===null||t===void 0?void 0:t.referralCode)!==null&&r!==void 0?r:"...";var c=l(false),f=c[0],p=c[1];function g(){navigator.clipboard.writeText(u);p(true);setTimeout((function(){return p(false)}),e.tooltiplifespan);d({eventMeta:{programId:a,id:o===null||o===void 0?void 0:o.id,accountId:o===null||o===void 0?void 0:o.accountId,type:"USER_REFERRAL_PROGRAM_ENGAGEMENT_EVENT",meta:{engagementMedium:i,shareMedium:"DIRECT"}}})}return __assign(__assign({},e),{onClick:g,open:f,copyString:u})}var En=e("sqm_share_code",function(){function e(e){t(this,e);this.tooltiptext="Copied to Clipboard";this.tooltiplifespan=1e3;this.textAlign="left";this.copyButtonLabel="Copy Code";this.buttonStyle="icon";this.buttonType="primary";i(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=A(this);var t=g()?Fn(e):Tn(e);return r(D,Object.assign({},t))};return e}());function Fn(e){var t=l(false),r=t[0],n=t[1];var a="SHARECODE001";return M({copyString:a,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:r,onClick:function(){navigator.clipboard.writeText(a);n(true);setTimeout((function(){return n(false)}),e.tooltiplifespan)}},e.demoData||{},{arrayMerge:function(e,t){return t}})}var In=e("sqm_share_link",function(){function e(e){t(this,e);this.tooltiptext="Copied to Clipboard";this.tooltiplifespan=1e3;this.textAlign="left";this.copyButtonLabel="Copy Link";this.buttonType="primary";this.buttonStyle="icon";i(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=A(this);var t=g()?Rn(e):ye(e);return r(D,Object.assign({},t))};return e}());function Rn(e){var t=l(false),r=t[0],n=t[1];var a="https://www.example.com/sharelink/abc";console.log("Demo props",e);return M({copyString:a,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:r,onClick:function(){navigator.clipboard.writeText(a);n(true);setTimeout((function(){return n(false)}),e.tooltiplifespan)}},e.demoData||{},{arrayMerge:function(e,t){return t}})}var Sn=e("sqm_stat_container",function(){function e(e){t(this,e);this.ignored=true;this.space="xxx-large";this.display="flex";this.alignment="center";this.gap="x-large";i(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){return r(xe,Object.assign({},A(this)),r("slot",null))};return e}());var qn=m.gql(__makeTemplateObject(["\n  mutation taskCardEvent($userEventInput: UserEventInput!) {\n    logUserEvent(userEventInput: $userEventInput) {\n      userId\n    }\n  }\n"],["\n  mutation taskCardEvent($userEventInput: UserEventInput!) {\n    logUserEvent(userEventInput: $userEventInput) {\n      userId\n    }\n  }\n"]));function Ln(e){var t=v();var r=k();var n=x(qn),a=n[0],o=n[1],i=o.data,l=o.loading;var d=S().refresh;s((function(){if(i){d();u()}}),[i]);function u(){e.openNewTab?window.open(e.buttonLink):window.open(e.buttonLink,"_parent")}function c(e){a({userEventInput:{userId:t===null||t===void 0?void 0:t.id,accountId:t===null||t===void 0?void 0:t.accountId,events:[{key:e,fields:{}}]}})}function f(){e.eventKey?c(e.eventKey):u()}var p={card:{backgroundColor:e.backgroundColor,textColor:e.textColor,borderColor:e.borderColor,borderRadius:e.borderRadius,buttonType:e.buttonType}};return{states:{loadingEvent:l,locale:r},styles:p,callbacks:{sendEvent:c,onClick:f}}}var Mn=e("sqm_task_card",function(){function e(e){t(this,e);this.ignored=true;this.rewardAmount="0";this.rewardUnit="Points";this.cardTitle="Title Text";this.description="";this.repeatable=false;this.finite=0;this.showProgressBar=false;this.goal=1;this.steps=false;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=false;this.hideButton=false;this.buttonType="primary";i(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=(g()?K(this):J(__assign(__assign({},A(this)),{programId:this.programId}))).props;var t=e.value,n=e.loading;var a=g()?An(this):Ln(this),o=a.states,i=a.callbacks;return r(we,{callbacks:i,states:{loading:n,loadingEvent:o.loadingEvent,progress:t,locale:o.locale},content:__assign({},A(this))})};return e}());function An(e){return M({content:__assign({},e),states:{loadingEvent:false,locale:"en"},callbacks:{sendEvent:function(e){return console.log(e)},onClick:function(){return console.log("clicked")}}},e.demoData||{},{arrayMerge:function(e,t){return t}})}var Nn=e("sqm_timeline",function(){function e(e){t(this,e);this.ignored=true;this.icon="gift";i(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=this;var t=j();t.forEach((function(t){try{t.setIcon(e.icon)}catch(e){}}));var n="\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";return r("div",null,r("style",{type:"text/css"},n),r("slot",null))};return e}());var Pn=function(){return r("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r("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"}),r("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"}),r("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M2.25 13.5V15H21.75V13.5H2.25Z",fill:"#BE9720"}),r("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"}))};var Dn=function(){return r("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r("circle",{cx:"12",cy:"12",r:"9",fill:"currentColor",stroke:"currentColor","stroke-width":"2"}))};var Bn="\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";function jn(e){var t;var n=(t=e.icon)!==null&&t!==void 0?t:e.iconState;var a={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)"}}};var o=P(a);var i=o.toString();return r("div",{class:o.classes.TimelineReward,part:"sqm-base"},r("style",{type:"text/css"},i,Bn),r("div",{class:"container",part:"sqm-entry-container"},r("div",{class:"line"},"/"),r("div",{class:"step"},n==="gift"&&r("div",{class:"icon"},r(Pn,null)),n==="circle"&&r("div",{class:"icon"},r(Dn,null)),r("div",null,r("div",null,r("span",{class:"reward",part:"sqm-reward"},e.reward),r("span",{class:"unit",part:"sqm-unit"},e.unit)),r("div",{class:"description",part:"sqm-description"},e.desc)))))}var On=e("sqm_timeline_entry",function(){function e(e){t(this,e);this.ignored=true;this.iconState="gift";i(this)}e.prototype.setIcon=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.iconState=e;return[2]}))}))};e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){B([this.reward]);return r(jn,Object.assign({},A(this)))};return e}());function Un(e){return r(n,null,e.loading?e.loadingText:e.username)}var Vn=m.gql(__makeTemplateObject(["\n  query getUserName {\n    viewer {\n      ... on User {\n        firstName\n        lastName\n      }\n    }\n  }\n"],["\n  query getUserName {\n    viewer {\n      ... on User {\n        firstName\n        lastName\n      }\n    }\n  }\n"]));function zn(e){var t,r,n,a,o,i,s,l;var d=v();var u=w(Vn,{},!(d===null||d===void 0?void 0:d.jwt));var c=u.loading;var f=((r=(t=u.data)===null||t===void 0?void 0:t.viewer)===null||r===void 0?void 0:r.firstName)||((a=(n=u.data)===null||n===void 0?void 0:n.viewer)===null||a===void 0?void 0:a.lastName)?((i=(o=u.data)===null||o===void 0?void 0:o.viewer)===null||i===void 0?void 0:i.firstName)+" "+((l=(s=u.data)===null||s===void 0?void 0:s.viewer)===null||l===void 0?void 0:l.lastName):e.fallback;return{loadingText:e.loadingText,loading:c,username:f}}var $n=e("sqm_user_name",function(){function e(e){t(this,e);this.ignored=true;this.fallback="Anonymous User";this.loadingText="...";i(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=g()?Hn(this):zn(this);return r(Un,Object.assign({},e))};return e}());function Hn(e){return M({loading:false,loadingText:"...",username:"John Smith"},e.demoData||{},{arrayMerge:function(e,t){return t}})}}}}));

package/dist/types/components/sqm-hero/sqm-hero-view.d.ts

@@ -7,7 +7,7 @@ export interface HeroProps {
     secondaryBackground?: string;
     paddingSize: "none" | "small" | "medium" | "large";
     wrapDirection: "wrap" | "wrap-reverse";
-    columnToHideInMobile?: "primary" | "secondary";
+    columnToHideInMobile?: "primary" | "secondary" | null;
   };
   content: {
     primaryColumn?: VNode | VNode[];

package/dist/types/components/sqm-hero/sqm-hero.d.ts

@@ -50,8 +50,10 @@ export declare class Hero {
   /**
    * Can only be used when two columns are present
    * @uiName Hide the column in mobile view
+   * @uiEnum ["primary", "secondary", "null"]
+   * @uiEnumNames ["Primary", "Secondary", "None"]
    */
-  columnToHideInMobile?: "primary" | "secondary";
+  columnToHideInMobile?: "primary" | "secondary" | null;
   constructor();
   disconnectedCallback(): void;
   render(): any;

package/dist/types/components.d.ts

@@ -1014,8 +1014,10 @@ export namespace Components {
         /**
           * Can only be used when two columns are present
           * @uiName Hide the column in mobile view
+          * @uiEnum ["primary", "secondary", "null"]
+          * @uiEnumNames ["Primary", "Secondary", "None"]
          */
-        "columnToHideInMobile"?: "primary" | "secondary";
+        "columnToHideInMobile"?: "primary" | "secondary" | null;
         /**
           * @uiName Columns
           * @uiEnum [1, 2]
@@ -8398,8 +8400,10 @@ declare namespace LocalJSX {
         /**
           * Can only be used when two columns are present
           * @uiName Hide the column in mobile view
+          * @uiEnum ["primary", "secondary", "null"]
+          * @uiEnumNames ["Primary", "Secondary", "None"]
          */
-        "columnToHideInMobile"?: "primary" | "secondary";
+        "columnToHideInMobile"?: "primary" | "secondary" | null;
         /**
           * @uiName Columns
           * @uiEnum [1, 2]