@saasquatch/mint-components 1.9.3 → 1.9.4-1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +0,0 @@
1
- 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,n=1,r=arguments.length;n<r;n++){t=arguments[n];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,n,r){function a(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,i){function o(e){try{l(r.next(e))}catch(e){i(e)}}function s(e){try{l(r["throw"](e))}catch(e){i(e)}}function l(e){e.done?n(e.value):a(e.value).then(o,s)}l((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},r,a,i,o;return o={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(e){return function(t){return l([e,t])}}function l(o){if(r)throw new TypeError("Generator is already executing.");while(n)try{if(r=1,a&&(i=o[0]&2?a["return"]:o[0]?a["throw"]||((i=a["return"])&&i.call(a),0):a.next)&&!(i=i.call(a,o[1])).done)return i;if(a=0,i)o=[o[0]&2,i.value];switch(o[0]){case 0:case 1:i=o;break;case 4:n.label++;return{value:o[1],done:false};case 5:n.label++;a=o[1];o=[0];continue;case 7:o=n.ops.pop();n.trys.pop();continue;default:if(!(i=n.trys,i=i.length>0&&i[i.length-1])&&(o[0]===6||o[0]===2)){n=0;continue}if(o[0]===3&&(!i||o[1]>i[0]&&o[1]<i[3])){n.label=o[1];break}if(o[0]===6&&n.label<i[1]){n.label=i[1];i=o;break}if(i&&n.label<i[2]){n.label=i[2];n.ops.push(o);break}if(i[2])n.ops.pop();n.trys.pop();continue}o=t.call(e,n)}catch(e){o=[6,e];a=0}finally{r=i=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};var __spreadArrays=this&&this.__spreadArrays||function(){for(var e=0,t=0,n=arguments.length;t<n;t++)e+=arguments[t].length;for(var r=Array(e),a=0,t=0;t<n;t++)for(var i=arguments[t],o=0,s=i.length;o<s;o++,a++)r[a]=i[o];return r};System.register(["./p-ff17b3a4.system.js","./p-2a414b2e.system.js","./p-104a1a77.system.js","./p-60926595.system.js","./p-b2295bc5.system.js","./p-4bd679a7.system.js","./p-f6934a55.system.js","./p-1a673057.system.js","./p-c8cae3bc.system.js","./p-9c984615.system.js","./p-ce9e7c98.system.js","./p-6333265f.system.js","./p-4f775e84.system.js","./p-7ae8fb53.system.js","./p-9e1b0266.system.js","./p-683ce644.system.js","./p-9d362d44.system.js","./p-e98fe050.system.js","./p-922578e4.system.js"],(function(e){"use strict";var t,n,r,a,i,o,s,l,d,u,c,f,p,v,h,m,g,b,y,x,w,k,_,E,C,T,S,I,M,R,P,L,N,q,A,D,V,j,F,U,B,O,$,H,z,W,G,K,Z,X,Y,Q,J,ee,te,ne,re,ae,ie,oe,se,le,de,ue,ce,fe,pe,ve,he;return{setters:[function(e){t=e.r;n=e.h;r=e.c},function(e){a=e.n;i=e.f;o=e.k;s=e.i;l=e.m;d=e.b;u=e.j},function(e){c=e.i},function(e){f=e.i;p=e._;v=e.d;h=e.Q;m=e.H;g=e.f;b=e.y;y=e.B;x=e.L;w=e.g;k=e.$;_=e.p;E=e.q;C=e.x;T=e.u;S=e.r;I=e.S},function(e){M=e.j},function(e){R=e.c},function(){},function(e){P=e.c},function(e){L=e.a},function(e){N=e.u},function(){},function(e){q=e.g;A=e.a;D=e.s},function(){},function(e){V=e.p},function(e){j=e.R;F=e.u},function(e){U=e.i},function(e){B=e.A},function(e){O=e.b;$=e.V;H=e.B;z=e.Q;W=e.K;G=e.j;K=e.M;Z=e.D;X=e.E;Y=e.H;Q=e.I;J=e.W;ee=e.L;te=e.N;ne=e.d;re=e.i;ae=e.P;ie=e.e;oe=e.f;se=e.R;le=e.X;de=e.k;ue=e.a;ce=e.S;fe=e.C;pe=e.u;ve=e.c;he=e.T},function(){}],execute:function(){var me=e("sqm_big_stat",function(){function e(e){t(this,e);this.flexReverse=false;this.ignored=true;a(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e;var t=f()?O(this):$(this),r=t.props,a=t.label;var i=p();var o=!!((e=i.innerHTML)===null||e===void 0?void 0:e.trim());var s=n("slot",{name:"label"},o?n("slot",null):a);return n(H,Object.assign({},r,{labelSlot:s}))};return e}());function ge(){var e=[];for(var t=0;t<arguments.length;t++){e[t]=arguments[t]}var n=e.map((function(e){return"family="+encodeURIComponent(e)})).join("&");return"https://fonts.googleapis.com/css2?"+n}var be=e("sqm_brand",function(){function e(e){t(this,e);a(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e,t;function a(e){if(e){try{return z(e)}catch(e){}}return undefined}var o=(e=a(this.brandColor))!==null&&e!==void 0?e:"";var s=((t=this.brandFont)!==null&&t!==void 0?t:"Nunito Sans").trim()||undefined;i((function(){if(!s){return}var e=document.createElement("link");e.setAttribute("href",ge(s));e.setAttribute("rel","stylesheet");document.head.appendChild(e);return function(){return document.head.removeChild(e)}}),[s]);var l=s!==null&&s!==void 0?s:"";return n(r,null,n("style",null,'\n\n :host{\n display: contents;\n }\n /* \n Selects any element placed inside a slot\n - resets css variable inheritence for fonts\n \n */\n ::slotted(*) {\n --sl-font-sans: "'+l+'", arial;\n --sl-input-font-family: "'+l+'", arial;\n --sl-tooltip-font-family: "'+l+'", arial;\n font-family: "'+l+'", arial;\n\t\t\t\n '+o+"\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 }"),n("slot",null))};return e}());var ye=e("sqm_card_feed",function(){function e(e){t(this,e);this.ignored=true;this.width=347;this.gap=24;a(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){return n(W,Object.assign({},q(this)),n("slot",null))};return e}());var xe={IconStyle:{display:"block",position:"absolute",top:"23px"},DivStyle:{marginLeft:"28px"},Details:{marginLeft:"28px"},Heading:{display:"inline-block"},Children:{display:"none"}};var we=P(xe);var ke=we.toString();function _e(e,t){var r=e.missingProps,a=e.heading,i=a===void 0?"There was a problem loading this section":a,s=e.subheading,l=s===void 0?"There was a technical problem that prevented this section from loading. Please contact us with the link to this page.":s,d=e.description,u=d===void 0?"Error occured while loading <{tagName}>. Values for the following attributes are missing:":d;if(!r)return false;var f=p();var v=o(false),h=v[0],m=v[1];return n("sl-alert",{type:"danger",open:true},n("style",{type:"text/css"},ke),n("div",{slot:"icon",class:we.classes.IconStyle},n("sl-icon",{name:"exclamation-octagon"})),n("div",{class:we.classes.DivStyle},n("h2",{class:we.classes.Heading},c.formatMessage({id:"error-heading",defaultMessage:i})),n("p",null,c.formatMessage({id:"error-subheading",defaultMessage:l}))),n("details",{class:we.classes.Details},n("summary",{onClick:function(){return m(!h)}},h?"Less":"More"," details"),n("p",null,c.formatMessage({id:"error-description",defaultMessage:u},{tagName:f.tagName.toLowerCase()})),n("ul",null,r.map((function(e){return n("li",null,n("strong",null,e.attribute))})))),n("div",{class:we.classes.Children},t))}function Ee(e){var t;var n=s(j);var r=o(false),a=r[0],l=r[1];i((function(){var t,r;if((t=n===null||n===void 0?void 0:n.initialData)===null||t===void 0?void 0:t[e.checkboxName]){l(!!((r=n===null||n===void 0?void 0:n.initialData)===null||r===void 0?void 0:r[e.checkboxName]))}}),[(t=n===null||n===void 0?void 0:n.initialData)===null||t===void 0?void 0:t[e.checkboxName]]);return{states:{registrationFormState:n,checked:a},callbacks:{setChecked:l}}}var Ce=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;a(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=A([{attribute:"checkbox-name",value:this.checkboxName}]);if(!f()&&e){return n(_e,{missingProps:e,heading:"An error occured while loading this form",subheading:"A technical problem prevented this checkbox field from loading. Please contact us with the link to this page.",description:"Values for the following attributes are missing:"})}var t=__assign({},q(this));var r=f()?Te(this):Ee(this),a=r.states,i=r.callbacks;return n(G,{states:a,content:t,callbacks:i})};return e}());function Te(e){return R({states:{registrationFormState:{},checked:false},callbacks:{setChecked:function(){}}},e.demoData||{},{arrayMerge:function(e,t){return t}})}var Se=v.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 Ie=v.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 Me(e){var t,n,r;var a=h();var i=m();var s=y();var l=g(Ie)[0];var d=b(Se,{programId:i},!(a===null||a===void 0?void 0:a.jwt)),u=d.data,c=d.loading,f=d.refetch,p=d.errors;var v=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 x=(r=(n=(t=u===null||u===void 0?void 0:u.user)===null||t===void 0?void 0:t.instantAccessRewards)===null||n===void 0?void 0:n.data)===null||r===void 0?void 0:r[0];var w=v(x);var k=w==="PENDING"&&x.dateScheduledFor?new Date(x.dateScheduledFor).toLocaleDateString("default",{day:"numeric",month:"long",year:"numeric"}):undefined;var _=(x===null||x===void 0?void 0:x.fuelTankCode)||"...";var E=o(false),C=E[0],T=E[1];function S(){navigator.clipboard.writeText(_);T(true);setTimeout((function(){return T(false)}),e.tooltiplifespan);l({eventMeta:{programId:i,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:s,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 M=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 R=I(w);var P=M(w);var L=w!=="AVAILABLE";return __assign(__assign({},e),{onClick:S,open:C,copyString:_,error:L,errorText:R,dateAvailable:k,loading:c,errorType:P})}var Re=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="...";a(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=q(this);var t=f()?Pe(e):Me(e);return n(K,Object.assign({},t))};return e}());function Pe(e){var t=o(false),n=t[0],r=t[1];var a="THANKSJANE125uv125";return R({copyString:a,tooltiptext:e.tooltiptext,textAlign:e.textAlign,buttonStyle:e.buttonStyle,copyButtonLabel:e.copyButtonLabel,error:false,couponCodePlaceholder:e.couponCodePlaceholder,couponCodeLabel:e.couponCodeLabel,open:n,onClick:function(){navigator.clipboard.writeText(a);r(true);setTimeout((function(){return r(false)}),e.tooltiplifespan)}},e.demoData||{},{arrayMerge:function(e,t){return t}})}function Le(e,t){var r=function(){if(e.direction==="row"){return{"border-right":e.dividerStyle||"1px solid #EAEAEA"}}else{return{"border-bottom":e.dividerStyle||"1px solid #EAEAEA"}}};var a={LayoutContainer:{display:"contents","& > :not(:last-child)":__assign({},r()),"& > ::slotted(*:not(:last-child))":__assign({},r())}};var i="\n display: flex;\n flex: 1;\n box-sizing: border-box;\n flex-direction: "+e.direction+";\n background-color: var(--sqm-content-background);\n overflow-x: clip;\n "+(e.direction==="column"?"width: 100%; max-width: var(--sqm-portal-main-width);":"")+"\n "+(e.contentAreaWidth!==null?"max-width: "+e.contentAreaWidth+" !important;":"")+"\n ";var o="\n :host{\n "+i+"\n }\n sqm-divided-layout {\n "+i+"\n }\n ";var s=P(a);var l=s.toString();return n("div",{class:s.classes.LayoutContainer,part:"sqm-base"},n("style",{type:"text/css"},o,l),t)}var Ne=e("sqm_divided_layout",function(){function e(e){t(this,e);this.dividerStyle="1px solid #EAEAEA";a(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){return n(Le,Object.assign({},q(this)),n("slot",null))};return e}());function qe(){var e=s(j);return{states:{registrationFormState:e}}}var Ae=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;a(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=A([{attribute:"dropdown-name",value:this.dropdownName}]);if(!f()&&e){return n(_e,{missingProps:e,heading:"An error occured while loading this form",subheading:"A technical problem prevented this drop down field from loading. Please contact us with the link to this page.",description:"Values for the following attributes are missing:"},n("slot",null))}var t=__assign(__assign({},q(this)),{selectOptions:n("slot",null)});var r=(f()?De(this):qe()).states;return n(Z,{states:r,content:t})};return e}());function De(e){return R({states:{registrationFormState:{}}},e.demoData||{},{arrayMerge:function(e,t){return t}})}var Ve=v.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 je=v.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 Fe={currentRegion:"",firstName:"",lastName:"",errors:{},error:""};function Ue(e){var t=h();var n=o(false),r=n[0],a=n[1];var s=o(""),l=s[0],d=s[1];var u=o(undefined),f=u[0],p=u[1];var v=o(Fe),m=v[0],y=v[1];var x=b(Ve,{},!(t===null||t===void 0?void 0:t.jwt));var w=g(je),k=w[0],_=w[1];i((function(){if((_===null||_===void 0?void 0:_.loading)||!r)return;if(_===null||_===void 0?void 0:_.errors){y((function(e){var t,n,r;return __assign(__assign({},e),{error:(r=(n=(t=_===null||_===void 0?void 0:_.errors)===null||t===void 0?void 0:t.response)===null||n===void 0?void 0:n.errors)===null||r===void 0?void 0:r[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]);i((function(){p((function(e){var t;return __assign(__assign({},e),(t=x===null||x===void 0?void 0:x.data)===null||t===void 0?void 0:t.viewer)}))}),[x===null||x===void 0?void 0:x.data]);i((function(){var t;if((t=_===null||_===void 0?void 0:_.errors)===null||t===void 0?void 0:t.message){y((function(t){return __assign(__assign({},t),{error:e.networkErrorMessage})}))}}),[_===null||_===void 0?void 0:_.errors]);return{states:{loading:(x===null||x===void 0?void 0:x.loading)||_.loading,submitDisabled:false,formState:m,user:f,showEdit:r,text:{editprofileheader:e.editprofileheader,editprofiletext:e.editprofiletext,firstnametext:e.firstnametext,lastnametext:e.lastnametext,canceltext:e.canceltext,updatetext:e.updatetext,currentregiontext:e.currentregiontext,showregion:e.showregion,fieldEmptyText:e.fieldEmptyText}},callbacks:{onSubmit:function(){if(m.firstName&&m.lastName){k({id:t===null||t===void 0?void 0:t.id,accountId:t===null||t===void 0?void 0:t.accountId,firstName:m.firstName,lastName:m.lastName});y((function(e){return __assign(__assign({},e),{errors:{}})}));return}var n={};if(!m.firstName){n["firstName"]={message:e.fieldEmptyText}}if(!m.lastName){n["lastName"]={message:e.fieldEmptyText}}if(!U(n)){y((function(t){return __assign(__assign({},t),{error:e.formErrorText})}))}y((function(e){return __assign(__assign({},e),{errors:n})}))},resetForm:function(){var e,t,n,r,a,i;var o=((t=(e=x===null||x===void 0?void 0:x.data)===null||e===void 0?void 0:e.viewer)===null||t===void 0?void 0:t.countryCode)?c.formatDisplayName(x.data.viewer.countryCode,{type:"region"}):"";p(__assign(__assign({},(n=x.data)===null||n===void 0?void 0:n.viewer),(r=_.data)===null||r===void 0?void 0:r.upsertUser));y(__assign(__assign(__assign(__assign({},Fe),(a=x.data)===null||a===void 0?void 0:a.viewer),(i=_.data)===null||i===void 0?void 0:i.upsertUser),{currentRegion:o}))},onChange:function(e){var t=e.target,n=t.name,r=t.value;y((function(e){var t;return __assign(__assign({},e),(t={},t[n]=r,t))}))},setShowEdit:a}}}var Be=".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 Oe=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.";a(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=f()?$e(q(this)):Ue(q(this));return n(X,Object.assign({},e))};return e}());function $e(e){return R({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}})}Oe.style=Be;var He=e("sqm_hero",function(){function e(e){t(this,e);this.columns=1;this.minHeight=200;this.background="var(--sl-color-gray-50)";this.paddingSize="large";this.wrapDirection="wrap";a(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e={states:__assign({},q(this)),content:{primaryColumn:n("slot",null),secondaryColumn:n("slot",{name:"secondary-column"})}};return n(Y,Object.assign({},e))};return e}());function ze(e,t){var r=Boolean((e.header||e.description||e.buttonText)&&e.layout==="overlay");var a={Container:{position:"relative","&:before":{content:r?'""':"",width:"100%",height:"100%",position:"absolute",background:e.overlayColor||"var(--sl-color-primary-900)",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(--sl-color-neutral-0)",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(--sl-color-neutral-900)","& .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)"},"@media (max-width: 599px)":{width:"100%"}}};var i=P(a);var o=i.toString();var s="\n :host{\n display: block;\n }";return n("div",{class:i.classes.Container,part:"sqm-base"},n("style",{type:"text/css"},s,o),e.layout==="overlay"&&l(),e.layout==="columns"&&d());function l(){return n("div",{class:i.classes.Background},n("div",{class:i.classes.Overlay,part:"sqm-overlay"},e.header&&n("div",{class:i.classes.Header},e.header),e.description&&n("div",{class:i.classes.Description},e.description),e.buttonText&&n("sl-button",{class:i.classes.Button,type:"primary",onClick:function(){return e.buttonNewTab?window.open(e.buttonLink):window.open(e.buttonLink,"_parent")}},e.buttonText),t&&t))}function d(){return n("div",null,n("div",{class:i.classes.Column},n("div",{class:"image-area"},n("img",{class:i.classes.Image,src:e.imageUrl,part:"sqm-columns-image"})),n("div",{class:"text-area",part:"sqm-columns-text-area"},e.header&&n("div",{class:i.classes.Header,part:"sqm-columns-header"},e.header),e.description&&n("div",{class:i.classes.Description,part:"sqm-columns-description"},e.description),e.buttonText&&n("sl-button",{exportparts:"base: sqm-hero-image-button",class:i.classes.Button,type:"primary",onClick:function(){return e.buttonNewTab?window.open(e.buttonLink):window.open(e.buttonLink,"_parent")}},e.buttonText))))}}var We=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";a(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){return n(ze,Object.assign({},q(this)),n("slot",null))};return e}());var Ge=e("sqm_hook_story_container",function(){function e(e){t(this,e);this.ignored=true;a(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=this.hookStory;return n(e,null)};return e}());function Ke(e){var t={Container:{display:"flex",width:"100%",justifyContent:e.alignment||"center",background:e.backgroundColor||""},Image:{minHeight:e.minHeight||"100%",width:"100%",maxWidth:"max-content",objectFit:"cover"}};var r=P(t);var a=r.toString();var i="\n :host{\n display: block; \n }\n ";return n("div",null,n("style",{type:"text/css"},a,i),n("div",{class:r.classes.Container,part:"sqm-base"},n("img",{part:"sqm-image",src:e.imageUrl,class:r.classes.Image})))}var Ze=e("sqm_image",function(){function e(e){t(this,e);this.alignment="center"}e.prototype.render=function(){return n(Ke,Object.assign({},q(this)))};return e}());function Xe(){var e=s(j);return{states:{registrationFormState:e}}}var Ye=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;a(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=__assign({},q(this));var t=A([{attribute:"field-name",value:this.fieldName}]);if(!f()&&t){return n(_e,{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 r=(f()?Qe(this):Xe()).states;return n(Q,{states:r,content:e})};return e}());function Qe(e){return R({states:{registrationFormState:{}}},e.demoData||{},{arrayMerge:function(e,t){return t}})}var Je=v.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 et=v.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"]));function tt(e){var t,n,r,a,i,o,s,l,d,u,c;var f=m();var p=(t=e.programId)!==null&&t!==void 0?t:f;var v=h();var g=x();var y=p?{type:e.leaderboardType,filter:{programId_eq:p}}:{type:e.leaderboardType,filter:{}};if(e.interval){y.filter["interval"]=e.interval}if(g){y["locale"]=g}if(e.maxRows>0){y["limit"]=e.maxRows}var w=b(Je,y,!(v===null||v===void 0?void 0:v.jwt)),k=w.data,_=w.loading,E=w.errors;var C=b(et,y,!(v===null||v===void 0?void 0:v.jwt)).data;var T=(n=k===null||k===void 0?void 0:k.userLeaderboard)===null||n===void 0?void 0:n.rows;var S=M(T);var I=S===null||S===void 0?void 0:S.sort((function(e,t){return e.rank-t.rank}));function M(t){return t===null||t===void 0?void 0:t.flatMap((function(t){var n,r;return{textValue:t.textValue,firstName:t.firstName,lastInitial:t.lastInitial,rank:(n=t.rank)===null||n===void 0?void 0:n[e.rankType],rowNumber:(r=t.rank)===null||r===void 0?void 0:r.rowNumber}}))}var R={textValue:(a=(r=C===null||C===void 0?void 0:C.viewer)===null||r===void 0?void 0:r.leaderboardRank)===null||a===void 0?void 0:a.textValue,firstName:(i=C===null||C===void 0?void 0:C.viewer)===null||i===void 0?void 0:i.firstName,lastInitial:(o=C===null||C===void 0?void 0:C.viewer)===null||o===void 0?void 0:o.lastInitial,rank:(l=(s=C===null||C===void 0?void 0:C.viewer)===null||s===void 0?void 0:s.leaderboardRank)===null||l===void 0?void 0:l[e.rankType],rowNumber:(u=(d=C===null||C===void 0?void 0:C.viewer)===null||d===void 0?void 0:d.leaderboardRank)===null||u===void 0?void 0:u.rowNumber};return{states:{loading:_,isEssentials:((c=E===null||E===void 0?void 0:E.response)===null||c===void 0?void 0:c.status)===403,hasLeaders:(I===null||I===void 0?void 0:I.length)>0,styles:e},data:{leaderboard:I,rankType:e.rankType,viewerRank:R},elements:{empty:e.empty,essentials:e.essentials,loadingstate:e.loadingstate}}}var nt=e("sqm_leaderboard",function(){function e(e){t(this,e);this.hideViewer=false;this.isEssentials=false;this.anonymousUser="Anonymous User";this.maxRows=10;this.ignored=true;a(this);J(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e={empty:n(rt,null),essentials:n(at,null),loadingstate:n(it,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,showRank:this.showRank,isEssentials:this.isEssentials};var t=__assign(__assign({},e),{demoData:this.demoData});var r=f()?ot(t):tt(e);return n(ee,Object.assign({},r))};return e}());function rt(){return n("slot",{name:"empty"},n("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 at(){return n("slot",{name:"essentials"},n("sqm-empty",{"empty-state-image":"https://res.cloudinary.com/saasquatch/image/upload/v1715360191/squatch-assets/Leaderboard_Not_Available.svg","empty-state-header":"Leaderboards aren’t available on your plan","empty-state-text":"Contact {supportText} to upgrade your plan and start leveraging gamification in your program.","support-text":"Support","missing-feature":"Leaderboards"}))}function it(){return n("slot",{name:"loading"},n("table",null,__spreadArrays(Array(10)).map((function(){return n("tr",null,n("td",null,n("sl-skeleton",null)))}))))}function ot(e){var t,r;var a=((r=(t=e.demoData)===null||t===void 0?void 0:t.data)===null||r===void 0?void 0:r.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 R({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}},data:{rankType:"rowNumber",leaderboard:a},elements:{empty:n(rt,null),essentials:n(at,null),loadingstate:n(it,null)}},e.demoData||{},{arrayMerge:function(e,t){return t}})}var st={Container:{display:"contents"},Link:{textDecoration:"none",color:"inherit"}};var lt="\n:host{\n display: inline; \n}\n";var dt=P(st);var ut=dt.toString();function ct(e){var t=e.onClick,r=e.buttonText;return n("span",{class:dt.classes.Container,part:"sqm-base"},n("style",{type:"text/css"},ut,lt),n("sl-button",{onClick:t,type:"primary",exportparts:"base: primarybutton-base"},n("a",{class:dt.classes.Link,part:"sqm-link"},r)))}var ft=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 n=e.openInNewTab?"_blank":"_parent";window.open(t,n)};return n(ct,Object.assign({},__assign(__assign({},q(this)),{onClick:t})))};return e}());function pt(e){var t=s(j);return{states:{registrationFormState:t,content:{lastNameLabel:e.lastNameLabel,firstNameLabel:e.firstNameLabel}}}}var vt=e("sqm_name_fields",function(){function e(e){t(this,e);this.ignored=true;this.firstNameLabel="First Name";this.lastNameLabel="Last Name";a(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=(f()?ht(this):pt(this)).states;return n(te,{states:e})};return e}());function ht(e){return R({states:{validationErrors:[],content:{firstNameLabel:e.firstNameLabel,lastNameLabel:e.lastNameLabel}}},e.demoData||{},{arrayMerge:function(e,t){return t}})}function mt(e){var t=e.states;var r=t.styles;return t.includeDropdown?n("sl-dropdown",{style:"margin-bottom: var(--sl-spacing-large)"},n("sl-button",{slot:"trigger",caret:true,onClick:e.callbacks.rerender,exportparts:"base: dropdownbutton-base"},r.menuLabel),n("sl-menu",{ref:function(t){if(e.ref.current===undefined){e.ref.current=t;e.callbacks.rerender()}}},n("slot",null))):""}function gt(e){k.push(e.detail.item.value)}function bt(e){var t=l();var n=w(),r=n[1];var a=h();i((function(){var e;(e=t.current)===null||e===void 0?void 0:e.addEventListener("sl-select",(function(e){return gt(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:r},ref:t}}var yt=":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 xt=e("sqm_navigation_menu",function(){function e(e){t(this,e);this.ignored=true;a(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=f()?wt(q(this)):bt(q(this));return n(r,{slot:"sqm-navigation-menu"},n(mt,Object.assign({},e)))};return e}());function wt(e){return R({states:{includeDropdown:true,styles:__assign(__assign({},e),{menuLabel:"Menu"})},callbacks:{rerender:function(){}},ref:{current:undefined}},e.demoData||{},{arrayMerge:function(e,t){return t}})}xt.style=yt;function kt(e){var t=this;var n,r,a,i,s,l,d;var u=_(),c=u[0],f=u[1],p=f.loading,v=f.errors,m=f.data;var g=o(false),b=g[0],y=g[1];var x=o(""),w=x[0],k=x[1];var E=o(false),C=E[0],T=E[1];var S=h();var I=function(n){return __awaiter(t,void 0,void 0,(function(){var t,r,a,i,o;return __generator(this,(function(s){switch(s.label){case 0:T(false);a=(t=n.detail)===null||t===void 0?void 0:t.formData;a===null||a===void 0?void 0:a.forEach((function(e,t){M.set(a,t,e)}));if(!(S===null||S===void 0?void 0:S.jwt)){k(e.invalidSessionErrorText);return[2]}if(a.password!==a.confirmPassword){k(e.nonMatchingPasswordErrorText);return[2]}k("");i={password:a.password};return[4,c(i)];case 1:o=s.sent();if(!(o instanceof Error)&&((r=o.changeManagedIdentityPassword)===null||r===void 0?void 0:r.success)){T(true)}return[2]}}))}))};return{states:{open:b,loading:p,success:C,error:w||((i=(a=(r=(n=v===null||v===void 0?void 0:v.response)===null||n===void 0?void 0:n.errors)===null||r===void 0?void 0:r[0])===null||a===void 0?void 0:a.extensions)===null||i===void 0?void 0:i.message)||((d=(l=(s=v===null||v===void 0?void 0:v.response)===null||s===void 0?void 0:s.errors)===null||l===void 0?void 0:l[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 _t=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";a(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=f()?Et(this):kt(this),t=e.states,r=e.callbacks;return n(ne,{states:t,callbacks:r})};return e}());function Et(e){var t=o(false),n=t[0],r=t[1];return R({states:{open:n,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 r(e)},submit:function(e){return console.log("Submit",e)}}},e.demoData||{},{arrayMerge:function(e,t){return t}})}var Ct=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";a(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){return n(re,Object.assign({},q(this)))};Object.defineProperty(e,"assetsDirs",{get:function(){return["../../assets"]},enumerable:false,configurable:true});return e}());function Tt(e,t){var n=w(),r=n[1];return{data:{footer:e,header:t},callbacks:{rerender:r}}}var St=e("sqm_portal_frame",function(){function e(e){t(this,e);this.ignored=true;this.notFullScreen=false;a(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=n("slot",{name:"footer"});var t=n("slot",{name:"header"});var r=f()?It(e,t,this):Tt(e,t);return n(ae,Object.assign({},r),n("slot",null))};return e}());function It(e,t,r){return R({notFullScreen:true,data:{footer:e?e:n("span",null,"example@example.com"),header:t?t:n("div",{style:{display:"flex",flexDirection:"column"}},n("span",{style:{fontSize:"var(--sl-font-size-large)",fontWeight:"bold"}},"Portal Header"),n("span",{style:{fontSize:"var(--sl-font-size-small)"}},"A description for the portal"))},callbacks:{rerender:function(){}}},r.demoData||{},{arrayMerge:function(e,t){return t}})}function Mt(e){var t=this;var n,r,a,i,s,l,d;var u=E(),c=u[0],f=u[1],p=f.loading,v=f.errors,h=f.data;var m=o(""),g=m[0],b=m[1];var y=new URLSearchParams(k.location.search);var x=y.get("nextPage");var w=function(n){return __awaiter(t,void 0,void 0,(function(){var t,r,a,i,o,s;return __generator(this,(function(l){switch(l.label){case 0:b("");a=n.detail.formData;a===null||a===void 0?void 0:a.forEach((function(e,t){M.set(a,t,e)}));i={email:a.email,password:a.password};return[4,c(i)];case 1:o=l.sent();if(o instanceof Error){if((o===null||o===void 0?void 0:o.message)||((t=o===null||o===void 0?void 0:o["response"])===null||t===void 0?void 0:t["error"]))b(e.networkErrorMessage);return[2]}if((r=o.authenticateManagedIdentityWithEmailAndPassword)===null||r===void 0?void 0:r.token){y.delete("nextPage");s=D(x||e.nextPage);k.push(s.href)}return[2]}}))}))};var _=((i=(a=(r=(n=v===null||v===void 0?void 0:v.response)===null||n===void 0?void 0:n.errors)===null||r===void 0?void 0:r[0])===null||a===void 0?void 0:a.extensions)===null||i===void 0?void 0:i.message)||((d=(l=(s=v===null||v===void 0?void 0:v.response)===null||s===void 0?void 0:s.errors)===null||l===void 0?void 0:l[0])===null||d===void 0?void 0:d.message)||g;return{states:{loading:p,error:_,registerPath:e.registerPath,forgotPasswordPath:e.forgotPasswordPath},callbacks:{submit:w}}}var Rt=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.";a(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=f()?Pt(this):Mt(this),t=e.states,r=e.callbacks;var a={forgotPasswordButton:n("slot",{name:"forgotPassword"},n("a",{onClick:function(){return k.push(t.forgotPasswordPath)}},this.forgotPasswordLabel)),secondaryButton:n("slot",{name:"secondaryButton"},n("sl-button",{type:"text",disabled:t.loading,onClick:function(){return k.push(t.registerPath)}},this.registerLabel)),emailLabel:this.emailLabel,passwordLabel:this.passwordLabel,submitLabel:this.submitLabel,pageLabel:this.pageLabel};return n(ie,{states:t,callbacks:r,content:a})};return e}());function Pt(e){var t=this;return R({states:{error:"",loading:false,forgotPasswordPath:"/forgotPassword",registerPath:"/register"},callbacks:{submit:function(e){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(e){console.log("submit");return[2]}))}))}}},e.demoData||{},{arrayMerge:function(e,t){return t}})}function Lt(e){var t=this;var n,r,a,o,s,d,u,c,f;var p=l(null);var v=F({}),h=v.registrationFormState,m=v.setRegistrationFormState;var g=C(),b=g[0],y=g[1],x=y.loading,w=y.errors,_=y.data;i((function(){if(!p.current)return;var e=p.current;e.addEventListener("sl-input",S);return function(){e.removeEventListener("sl-input",S)}}),[p.current]);var E=function(n){return __awaiter(t,void 0,void 0,(function(){var t,r,a,i,o,s,l,d,u,c;return __generator(this,(function(f){switch(f.label){case 0:r=n.target.getFormControls();a={};i={};r===null||r===void 0?void 0:r.forEach((function(t){if(!t.name)return;var n=t.name;var r=t.value;M.set(a,n,r);if(t.required&&!r){M.set(i,n,e.requiredFieldErrorMessage)}if(typeof t.validationError==="function"){var o=t.validationError;var s=o({control:t,key:n,value:r});if(s)M.set(i,n,s)}}));if((e.confirmPassword||a.confirmPassword)&&a.password!==a.confirmPassword){i=__assign(__assign({},i),{confirmPassword:e.passwordMismatchErrorMessage})}if(Object.keys(i).length){m({loading:false,error:"",validationErrors:i});return[2]}m({loading:true,error:"",validationErrors:{}});o=a.email,s=a.password;delete a.email;delete a.password;delete a.confirmPassword;a=__assign({},a);l=e.redirectPath;d={email:o,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){k.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 S=T((function(e){var t,n;var r=(n=(t=e.target)===null||t===void 0?void 0:t.type)===null||n===void 0?void 0:n.toLowerCase();if(r!=="tel")return;var a=new B("US");e.target.value=a.input(e.target.value)}),[]);var I="";if((n=w===null||w===void 0?void 0:w.response)===null||n===void 0?void 0:n["error"]){I=e.networkErrorMessage}else if((w===null||w===void 0?void 0:w.message)&&!((r=w===null||w===void 0?void 0:w.response)===null||r===void 0?void 0:r.errors.length)){I=e.networkErrorMessage}else{I=((d=(s=(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||s===void 0?void 0:s.extensions)===null||d===void 0?void 0:d.message)||((f=(c=(u=w===null||w===void 0?void 0:w.response)===null||u===void 0?void 0:u.errors)===null||c===void 0?void 0:c[0])===null||f===void 0?void 0:f.message)||(h===null||h===void 0?void 0:h.error)}return{states:{loading:x,error:I,registrationFormState:h,confirmPassword:e.confirmPassword,hideInputs:e.hideInputs,loginPath:e.loginPath,disablePasswordValidation:e.disablePasswordValidation},callbacks:{submit:E,inputFunction:S},refs:{formRef:p}}}var Nt=e("sqm_portal_register",function(){function e(e){t(this,e);this.ignored=true;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";a(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=f()?qt(this):Lt(this),t=e.states,r=e.callbacks,a=e.refs;var i={formData:n("slot",{name:"formData"}),secondaryButton:n("slot",{name:"secondaryButton"},n("sl-button",{type:"text",disabled:t.loading,onClick:function(){return k.push(t.loginPath)}},this.loginLabel)),terms:n("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 n(oe,{states:t,callbacks:r,content:i,refs:a})};return e}());function qt(e){var t=this;return R({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 At(e,t){var r={Container:{color:e.textColor||"var(--sl-color-neutral-900)",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(r);var i=a.toString();var o="\n ::slotted(*){\n display: flex;\n width: 100%;\n }\n @media (max-width: 499px) {\n ::slotted(*){\n display: block;\n }\n }";return n("div",{class:a.classes.Container,part:"sqm-base"},n("style",{type:"text/css"},i,o),n("div",{class:a.classes.Header},n("div",{class:a.classes.Header,part:"sqm-header"},e.header)),n("div",{class:a.classes.Grid,part:"sqm-grid-container"},t))}var Dt=e("sqm_program_explainer",function(){function e(e){t(this,e);this.ignored=true;a(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){return n(At,Object.assign({},q(this)),n("slot",null))};return e}());function Vt(e){var t={Container:{display:"flex",flexDirection:"column",width:"100%",padding:"var(--sl-spacing-x-large)",lineHeight:"var(--sl-line-height-dense)",color:e.textColor||"var(--sl-color-neutral-900)",background:e.backgroundColor||"var(--sl-color-primary-50)","@media (max-width: 499px)":{flexDirection:"row",width:"auto",paddingBottom:"var(--sl-spacing-large)"}},Text:{"@media (max-width: 499px)":{marginLeft:"var(--sl-spacing-large)"}},Header:{fontSize:"var(--sl-font-size-large)",fontWeight:"var(--sl-font-weight-bold)",marginTop:"var(--sl-spacing-x-large)","@media (max-width: 499px)":{margin:"0"}},Description:{fontSize:"var(--sl-font-size-medium)",marginTop:"var(--sl-spacing-small)","@media (max-width: 499px)":{marginTop:"var(--sl-spacing-x-small)"}},Media:{width:"64px",height:"64px",borderRadius:"100%",objectFit:"cover",userSelect:"none",background:"#FFF",color:"var(--sl-color-primary-300)",fontSize:"26px",textAlign:"center",lineHeight:"72px"}};var r=P(t);var a=r.toString();return n("div",{class:r.classes.Container,part:"sqm-base"},n("style",{type:"text/css"},a),n("div",null,e.imageUrl?n("img",{class:r.classes.Media,src:e.imageUrl,part:"sqm-media"}):n("div",{class:r.classes.Media,part:"sqm-media"},n("sl-icon",{name:e.icon}))),n("div",{class:r.classes.Text},n("div",{class:r.classes.Header,part:"sqm-header"},e.header),n("div",{class:r.classes.Description,part:"sqm-description"},e.description)))}var jt=e("sqm_program_explainer_step",function(){function e(e){t(this,e);a(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){return n(Vt,Object.assign({},q(this)))};return e}());var Ft=d("sq:useProgramMenu");var Ut="sq:update-program-id";function Bt(e){var t=m();var n=p();Ft({programId:t,props:e});var r=l();var a=w(),o=a[1];i((function(){var e;(e=r.current)===null||e===void 0?void 0:e.addEventListener("sl-select",(function(e){var t=e.detail.item.value;n.dispatchEvent(new CustomEvent(Ut,{detail:t,bubbles:true,composed:true}))}))}),[r.current]);return{data:{programId:t},callbacks:{rerender:o},ref:r}}var Ot=e("sqm_program_menu",function(){function e(e){t(this,e);this.ignored=true;a(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=Bt(q(this)),t=e.data,a=e.ref;return n(r,{style:{display:"contents"}},n("sl-select",{style:{paddingBottom:"var(--sl-spacing-large)"},value:t.programId,ref:function(e){return a.current=e}},n("slot",null)))};return e}());var $t={Container:{borderRadius:"var(--sl-border-radius-large)",color:"var(--sl-color-neutral-900)",background:"var(--sl-color-neutral-0)",display:"flex",flexDirection:"column",rowGap:"var(--sl-spacing-large)"},EndContainer:{display:"flex",flexDirection:"column",alignItems:"center"},ColumnContainer:{"& p":{margin:"0"},display:"grid",gridAutoColumns:"minmax(0, 1fr)",gridAutoFlow:"column",gap:"calc(2 * var(--sl-spacing-medium))","@media (max-width: 499px)":{gridAutoFlow:"unset",gridAutoColumns:"unset",gridTemplateColumns:"1fr",border:"none"}}};var Ht=P($t);var zt=Ht.toString();var Wt="\n :host{\n display: block; \n }\n ";function Gt(e){return n("div",{part:"sqm-base",class:Ht.classes.Container,style:{border:""+(e.hideBorder?"none":"1px solid var(--sl-color-neutral-300)"),"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")}},n("style",{type:"text/css"},zt,Wt),e.hasHeader&&n("div",{class:Ht.classes.EndContainer},e.slots.header),n("div",{part:"sqm-column-container",class:Ht.classes.ColumnContainer,style:{alignItems:e.verticalAlignment}},e.slots.left,e.slots.right),e.hasFooter&&n("div",{class:Ht.classes.EndContainer},e.slots.footer))}var Kt=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.backgroundColor="#ffffff";this.limitWidth=false;a(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e={left:n("slot",{name:"left"}),right:n("slot",{name:"right"}),header:n("slot",{name:"header"}),footer:n("slot",{name:"footer"})};var t=N();var r=t.findIndex((function(e){return e.slot==="header"}))>-1;var a=t.findIndex((function(e){return e.slot==="footer"}))>-1;return n(Gt,Object.assign({},q(this),{slots:e,hasHeader:r,hasFooter:a}),n("slot",null))};return e}());var Zt=v.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 Xt(e){var t;var n=m();var r=h();var a=b(Zt,{programId:n},!(r===null||r===void 0?void 0:r.jwt)||!n).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 Yt=e("sqm_referral_iframe",function(){function e(e){t(this,e);this.ignored=true;this.iframeHeight="100%";this.iframeWidth="100%";a(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=A([{attribute:"iframe-src",value:this.iframeSrc}]);if(e){return n(_e,{missingProps:e,heading:"An error occured while loading this page",subheading:"A technical problem prevented this iframe from loading. Please contact us with the link to this page.",description:"Values for the following attributes are missing:"})}var t=f()?Qt(q(this)):Xt(q(this)),a=t.states,i=t.data;return n(r,{style:{display:"contents"}},n(se,{data:i,states:a}))};return e}());function Qt(e){return R({states:{content:__assign({iframeSrc:"https://example.com"},e)},data:{shareCode:"SHARECODE123"}},e.demoData||{},{arrayMerge:function(e,t){return t}})}var Jt={};(function e(t,n,r,a){var i=!!(t.Worker&&t.Blob&&t.Promise&&t.OffscreenCanvas&&t.OffscreenCanvasRenderingContext2D&&t.HTMLCanvasElement&&t.HTMLCanvasElement.prototype.transferControlToOffscreen&&t.URL&&t.URL.createObjectURL);function o(){}function s(e){var r=n.exports.Promise;var a=r!==void 0?r:t.Promise;if(typeof a==="function"){return new a(e)}e(o,o);return null}var l=function(){var e=Math.floor(1e3/60);var t,n;var r={};var a=0;if(typeof requestAnimationFrame==="function"&&typeof cancelAnimationFrame==="function"){t=function(t){var n=Math.random();r[n]=requestAnimationFrame((function i(o){if(a===o||a+e-1<o){a=o;delete r[n];t()}else{r[n]=requestAnimationFrame(i)}}));return n};n=function(e){if(r[e]){cancelAnimationFrame(r[e])}}}else{t=function(t){return setTimeout(t,e)};n=function(e){return clearTimeout(e)}}return{frame:t,cancel:n}}();var d=function(){var t;var n;var a={};function o(e){function t(t,n){e.postMessage({options:t||{},callback:n})}e.init=function t(n){var r=n.transferControlToOffscreen();e.postMessage({canvas:r},[r])};e.fire=function r(i,o,l){if(n){t(i,null);return n}var d=Math.random().toString(36).slice(2);n=s((function(r){function o(t){if(t.data.callback!==d){return}delete a[d];e.removeEventListener("message",o);n=null;l();r()}e.addEventListener("message",o);t(i,d);a[d]=o.bind(null,{data:{callback:d}})}));return n};e.reset=function t(){e.postMessage({reset:true});for(var n in a){a[n]();delete a[n]}}}return function(){if(t){return t}if(!r&&i){var n=["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([n])))}catch(e){typeof console!==undefined&&typeof console.warn==="function"?console.warn("🎊 Could not load worker",e):null;return null}o(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,n){return c(e&&f(e[t])?e[t]:u[t],n)}function v(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 g(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,n,r,a,i,o,s,l){e.save();e.translate(t,n);e.rotate(i);e.scale(r,a);e.arc(0,0,1,o,s,l);e.restore()}function E(e){var t=e.angle*(Math.PI/180);var n=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*n-Math.random()*n),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 C(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 n=t.tick++/t.totalTicks;var r=t.x+t.random*t.tiltCos;var a=t.y+t.random*t.tiltSin;var i=t.wobbleX+t.random*t.tiltCos;var o=t.wobbleY+t.random*t.tiltSin;e.fillStyle="rgba("+t.color.r+", "+t.color.g+", "+t.color.b+", "+(1-n)+")";e.beginPath();if(t.shape==="circle"){e.ellipse?e.ellipse(t.x,t.y,Math.abs(i-r)*t.ovalScalar,Math.abs(o-a)*t.ovalScalar,Math.PI/10*t.wobble,0,2*Math.PI):_(e,t.x,t.y,Math.abs(i-r)*t.ovalScalar,Math.abs(o-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(i),Math.floor(o));e.lineTo(Math.floor(r),Math.floor(t.wobbleY))}e.closePath();e.fill();return t.tick<t.totalTicks}function T(e,t,n,i,o){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,i.width,i.height);o();t()}function p(){if(r&&!(i.width===a.width&&i.height===a.height)){i.width=e.width=a.width;i.height=e.height=a.height}if(!i.width&&!i.height){n(e);i.width=e.width;i.height=e.height}u.clearRect(0,0,i.width,i.height);d=d.filter((function(e){return C(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 S(e,n){var r=!e;var a=!!p(n||{},"resize");var o=p(n,"disableForReducedMotion",Boolean);var l=i&&!!p(n||{},"useWorker");var u=l?d():null;var c=r?x:w;var f=e&&u?!!e.__confetti_initialized:false;var m=typeof matchMedia==="function"&&matchMedia("(prefers-reduced-motion)").matches;var b;function _(t,n,r){var a=p(t,"particleCount",v);var i=p(t,"angle",Number);var o=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",g);var m=p(t,"ticks",Number);var x=p(t,"shapes");var w=p(t,"scalar");var k=y(t);var _=a;var C=[];var S=e.width*k.x;var I=e.height*k.y;while(_--){C.push(E({x:S,y:I,angle:i,spread:o,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(C)}b=T(e,C,c,n,r);return b.promise}function C(n){var i=o||p(n,"disableForReducedMotion",Boolean);var l=p(n,"zIndex",Number);if(i&&m){return s((function(e){e()}))}if(r&&b){e=b.canvas}else if(r&&!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 v(){if(u){var t={getBoundingClientRect:function(){if(!r){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",v)}if(r&&e){document.body.removeChild(e);e=null;f=false}}if(a){t.addEventListener("resize",v,false)}if(u){return u.fire(n,d,h)}return _(n,d,h)}C.reset=function(){if(u){u.reset()}if(b){b.reset()}};return C}n.exports=S(null,{useWorker:true,resize:true});n.exports.create=S})(function(){if(typeof window!=="undefined"){return window}if(typeof self!=="undefined"){return self}return this||{}}(),Jt,false);var en=Jt.exports;var tn=v.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 nn=v.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 rn(e){var t,n,r,a,s;var d=u((function(e,t){return __assign(__assign({},e),t)}),{selectedItem:undefined,selectedStep:undefined,redeemStage:"chooseReward",amount:0,exchangeError:false}),c=d[0],f=d[1];var p=o(false),v=p[0],m=p[1];var y=c.selectedItem,x=c.selectedStep,w=c.redeemStage,k=c.amount,_=c.exchangeError;var E=h();var C=g(nn),T=C[0],I=C[1],M=I.data,R=I.loading,P=I.errors;var L=b(tn,{},!(E===null||E===void 0?void 0:E.jwt)),N=L.data,q=L.loading,A=L.refetch,D=L.errors;i((function(){var e,t;if((t=(e=M===null||M===void 0?void 0:M.exchangeReward)===null||e===void 0?void 0:e.reward)===null||t===void 0?void 0:t.id){f({redeemStage:"success",exchangeError:false})}if(!!P){f({exchangeError:true})}}),[M,P]);var V=l();i((function(){if(!V.current)return;var e=V.current;e.confetti=e.confetti||en.create(e,{resize:true});e.confetti()}),[V.current]);var j=S().refresh;function F(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){switch(t.label){case 0:if(!y)return[2];e={accountId:E===null||E===void 0?void 0:E.accountId,userId:E.id};switch(y.ruleType){case"FIXED_GLOBAL_REWARD":e=__assign(__assign({},e),{redeemCreditInput:{amount:y.sourceValue,unit:y.sourceUnit},globalRewardKey:y.globalRewardKey});break;case"STEPPED_FIXED_GLOBAL_REWARD":e=__assign(__assign({},e),{redeemCreditInput:{amount:x.sourceValue,unit:y.sourceUnit},globalRewardKey:x.globalRewardKey});break;case"VARIABLE_GLOBAL_REWARD":e=__assign(__assign({},e),{redeemCreditInput:{amount:k,unit:y.sourceUnit},globalRewardKey:y.globalRewardKey,rewardInput:x.rewardInput});break;case"VARIABLE_CREDIT_REWARD":e=__assign(__assign({},e),{redeemCreditInput:{amount:k,unit:y.sourceUnit},rewardInput:{type:"CREDIT",unit:y.destinationUnit,assignedCredit:x.destinationValue}});break;default:e=__assign(__assign({},e),x.rewardInput)}return[4,T({exchangeRewardInput:e})];case 1:t.sent();j();return[2]}}))}))}var U=function(e){e&&A();f({amount:0,selectedStep:undefined,selectedItem:undefined,exchangeError:false,redeemStage:"chooseReward"})};function B(e){f({redeemStage:e})}function O(){var e,t;navigator.clipboard.writeText((t=(e=M===null||M===void 0?void 0:M.exchangeReward)===null||e===void 0?void 0:e.reward)===null||t===void 0?void 0:t.fuelTankCode);m(true);setTimeout((function(){return m(false)}),1e3)}return{states:{content:{text:e},selectedItem:y,redeemStage:w,amount:k,selectedStep:x,exchangeError:_,queryError:!!D,loading:q||R,open:v,noExchangeOptions:((t=N===null||N===void 0?void 0:N.viewer)===null||t===void 0?void 0:t.visibleRewardExchangeItems.totalCount)===0},data:{exchangeList:(r=(n=N===null||N===void 0?void 0:N.viewer)===null||n===void 0?void 0:n.visibleRewardExchangeItems)===null||r===void 0?void 0:r.data,fuelTankCode:(s=(a=M===null||M===void 0?void 0:M.exchangeReward)===null||a===void 0?void 0:a.reward)===null||s===void 0?void 0:s.fuelTankCode},callbacks:{exchangeReward:F,setExchangeState:f,setStage:B,resetState:U,copyFuelTankCode:O},refs:{canvasRef:V}}}var an=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";a(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=__assign(__assign({},q(this)),{empty:n(on,null)});var t=f()?sn(e):rn(e),a=t.states,i=t.data,o=t.callbacks,s=t.refs;return n(r,{style:{display:"contents"}},n(de,{states:a,data:i,callbacks:o,refs:s}))};Object.defineProperty(e,"assetsDirs",{get:function(){return["assets"]},enumerable:false,configurable:true});return e}());function on(){return n("slot",{name:"empty"},n("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 sn(e){return R({states:{content:{text:e},redeemStage:"chooseReward",amount:0,selectedStep:undefined,selectedItem:undefined,open:false,exchangeError:false,queryError:false,loading:false,noExchangeOptions:false,empty:on()},data:{shareCode:"SHARECODE123",exchangeList:le.data.exchangeList},callbacks:{exchangeReward:function(){},setExchangeState:function(e){},setStage:function(e){},resetState:function(){},copyFuelTankCode:function(){}},refs:{canvasRef:{}}},e.demoData||{},{arrayMerge:function(e,t){return t}})}var ln=d("sq:useRouter");function dn(e,t){if(!e)return;var n=V(e);return n.exec(t)}function un(){var e=I();var t=p();var n=o(undefined),r=n[0],a=n[1];var s=o(undefined),l=s[0],d=s[1];var u=e.pathname;i((function(){var e=t.querySelectorAll("sqm-route");var n=Array.from(e);n.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)}))}),[]);i((function(){var e,t;if(!l||!r){ln("DOM not ready for navigation rendering on:",u);return}var n=r.querySelectorAll("template");var a=Array.from(n);var i=a.find((function(e){var t,n,r;var a=(n=(t=e.attributes)===null||t===void 0?void 0:t.path)===null||n===void 0?void 0:n.nodeValue;if((r=dn(a,u))===null||r===void 0?void 0:r.length)return e}));var o=(t=(e=i===null||i===void 0?void 0:i.attributes)===null||e===void 0?void 0:e.path)===null||t===void 0?void 0:t.nodeValue;ln({containerDatasetPage:l.dataset.page,templatePath:o,page:u});if(!i){ln("No matching page found for ",u,", so render nothing");l.innerHTML="";l.dataset.page=u;return}ln("Page updated to ",u,i);if(!!dn(o,l.dataset.page)){ln("don't rerender")}else if(i){l.innerHTML=i.innerHTML;l.dataset.page=u}}),[r,l,u]);return{callbacks:{setSlot:a,setContainer:d}}}var cn="sqm-router{display:contents}";var fn=e("sqm_router",function(){function e(e){t(this,e);this.ignored=true;a(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=un().callbacks;return n(r,null,n("div",{ref:e.setSlot,style:{display:"none"}},n("slot",null)),n("div",{style:{display:"contents"},ref:e.setContainer}))};return e}());fn.style=cn;var pn="sq:reveal";function vn(e){var t=e.scrollTagName,n=e.scrollId;function r(){return __awaiter(this,void 0,void 0,(function(){var r;return __generator(this,(function(a){switch(a.label){case 0:r=document===null||document===void 0?void 0:document.querySelector(t||"#"+n);r.dispatchEvent(new CustomEvent(pn,{detail:t||"#"+n,bubbles:true,composed:true}));return[4,new Promise((function(e){return setTimeout(e,500)}))];case 1:a.sent();r.scrollIntoView({behavior:e.scrollAnimation});return[2]}}))}))}return{callbacks:{scroll:r}}}var hn=e("sqm_scroll",function(){function e(e){t(this,e);this.ignored=true;this.buttonType="default";this.scrollAnimation="smooth";a(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e;var t=vn(this).callbacks;var r=(e=this.buttonType)!==null&&e!==void 0?e:"primary";var a={Button:{"& .outline":{"&::part(base)":{color:"var(--sl-color-"+r+"-500)",borderColor:"var(--sl-color-"+r+"-500)",backgroundColor:"transparent","&:hover":{color:"var(--sl-color-primary-text)",backgroundColor:"var(--sl-color-"+r+"-500)"}}},"& .neutral":{"&::part(base)":{color:"var(--sl-color-primary-text)",background:"var(--sl-color-neutral-500)","&:hover":{opacity:"0.8"}}},"& .mobile":{"@media (max-width: 499px)":{width:"100%"}}}};var i=P(a);var o=i.toString();var s="\n\t\t:host{\n\t\t\tdisplay: contents;\n\t\t}\n\t\t"+(this.mobile&&"\n\t\t@media only screen and (max-width: 499px) {\n\t\t\t:host {\n\t\t\t\tdisplay: block;\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t}\n\t ")+"\n\t";var l="";if(this.outline&&this.buttonType!="default")l+="outline ";if(this.buttonType==="neutral")l+="neutral ";if(this.mobile)l+="mobile ";return n("div",{class:i.classes.Button},n("style",{type:"text/css"},s,o),n("sl-button",{type:this.buttonType,onClick:t.scroll,size:this.size,pill:this.pill,circle:this.circle,class:l},(this.iconSlot||this.iconName)&&n("sl-icon",{slot:this.iconSlot||"prefix",name:this.iconName}),this.buttonText,n("slot",null)))};return e}());var mn=":host{display:block}:host([hidden]){display:none}sl-button{display:block}";var gn=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";a(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=q(this);var t=f()?bn(e):ue(e);return n(ce,Object.assign({},t),n("slot",null))};return e}());function bn(e){return R(__assign(__assign({},e),{loading:false,hide:false,onClick:function(){}}),e.demoData||{},{arrayMerge:function(e,t){return t}})}gn.style=mn;var yn=v.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 xn=v.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 wn(e){var t,n;var r=e.programId,a=r===void 0?m():r;var i=h();var s=y();var l=b(yn,{programId:a},!(i===null||i===void 0?void 0:i.jwt)).data;var d=g(xn)[0];var u=(n=(t=l===null||l===void 0?void 0:l.user)===null||t===void 0?void 0:t.referralCode)!==null&&n!==void 0?n:"...";var c=o(false),f=c[0],p=c[1];function v(){navigator.clipboard.writeText(u);p(true);setTimeout((function(){return p(false)}),e.tooltiplifespan);d({eventMeta:{programId:a,id:i===null||i===void 0?void 0:i.id,accountId:i===null||i===void 0?void 0:i.accountId,type:"USER_REFERRAL_PROGRAM_ENGAGEMENT_EVENT",meta:{engagementMedium:s,shareMedium:"DIRECT"}}})}return __assign(__assign({},e),{onClick:v,open:f,copyString:u})}var kn=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";a(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=q(this);var t=f()?_n(e):wn(e);return n(fe,Object.assign({},t))};return e}());function _n(e){var t=o(false),n=t[0],r=t[1];var a="SHARECODE001";return R({copyString:a,tooltiptext:e.tooltiptext,textAlign:e.textAlign,copyButtonLabel:e.copyButtonLabel,buttonStyle:e.buttonStyle,rewardStatus:"AVAILABLE",open:n,onClick:function(){navigator.clipboard.writeText(a);r(true);setTimeout((function(){return r(false)}),e.tooltiplifespan)}},e.demoData||{},{arrayMerge:function(e,t){return t}})}var En=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.buttonStyle="icon";a(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=q(this);var t=f()?Cn(e):pe(e);return n(fe,Object.assign({},t))};return e}());function Cn(e){var t=o(false),n=t[0],r=t[1];var a="https://www.example.com/sharelink/abc";return R({copyString:a,tooltiptext:e.tooltiptext,textAlign:e.textAlign,buttonStyle:e.buttonStyle,copyButtonLabel:e.copyButtonLabel,rewardStatus:"AVAILABLE",open:n,onClick:function(){navigator.clipboard.writeText(a);r(true);setTimeout((function(){return r(false)}),e.tooltiplifespan)}},e.demoData||{},{arrayMerge:function(e,t){return t}})}var Tn=e("sqm_stat_container",function(){function e(e){t(this,e);this.ignored=true;this.space="xxx-large";this.display="grid";a(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){return n(ve,Object.assign({},q(this)),n("slot",null))};return e}());var Sn=v.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 In(e){var t=h();var n=x();var r=g(Sn),a=r[0],o=r[1],s=o.data,l=o.loading;var d=S().refresh;i((function(){if(s){d();u()}}),[s]);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()}return{states:{loadingEvent:l,locale:n},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;a(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=(f()?O(this):$(__assign(__assign({},q(this)),{programId:this.programId}))).props;var t=e.value,r=e.loading;var a=f()?Rn(this):In(this),i=a.states,o=a.callbacks;return n(he,{callbacks:o,states:{loading:r,loadingEvent:i.loadingEvent,progress:t,locale:i.locale},content:__assign({},q(this))})};return e}());function Rn(e){return R({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 Pn=e("sqm_timeline",function(){function e(e){t(this,e);this.ignored=true;this.icon="gift";a(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=this;var t=N();t.forEach((function(t){try{t.setIcon(e.icon)}catch(e){}}));var r="\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 n("div",null,n("style",{type:"text/css"},r),n("slot",null))};return e}());var Ln=function(){return n("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("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"}),n("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"}),n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M2.25 13.5V15H21.75V13.5H2.25Z",fill:"#BE9720"}),n("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 Nn=function(){return n("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("circle",{cx:"12",cy:"12",r:"9",fill:"currentColor",stroke:"currentColor","stroke-width":"2"}))};var qn={TimelineReward:{color:"var(--sl-color-neutral-900)",lineHeight:"var(--sl-line-height-dense)","& .container":{display:"flex"},"& .line":{display:"none",color:"transparent",userSelect:"none",background:"var(--sl-color-primary-300)",width:"4px",borderRadius:"4px",margin:"-2px",position:"relative",left:"12px",top:"34px"},"& .step":{display:"flex"},"& .icon":{position:"relative",top:"4px",zIndex:"1",color:"var(--sl-color-primary-300)",marginRight:"var(--sl-spacing-large)"},"& .reward":{marginRight:"var(--sl-spacing-x-small)",fontSize:"var(--sl-font-size-x-large)",fontWeight:"var(--sl-font-weight-semibold)"},"& .unit":{textTransform:"uppercase",fontSize:"var(--sl-font-size-small)"},"& .description":{fontSize:"var(--sl-font-size-medium)"}}};var An=P(qn);var Dn=An.toString();var Vn="\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 r=(t=e.icon)!==null&&t!==void 0?t:e.iconState;return n("div",{class:An.classes.TimelineReward,part:"sqm-base"},n("style",{type:"text/css"},Dn,Vn),n("div",{class:"container",part:"sqm-entry-container"},n("div",{class:"line"},"/"),n("div",{class:"step"},r==="gift"&&n("div",{class:"icon"},n(Ln,null)),r==="circle"&&n("div",{class:"icon"},n(Nn,null)),n("div",null,n("div",null,n("span",{class:"reward",part:"sqm-reward"},e.reward),n("span",{class:"unit",part:"sqm-unit"},e.unit)),n("div",{class:"description",part:"sqm-description"},e.desc)))))}var Fn=e("sqm_timeline_entry",function(){function e(e){t(this,e);this.ignored=true;this.iconState="gift";a(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(){L([this.reward]);return n(jn,Object.assign({},q(this)))};return e}());function Un(e){return n(r,null,e.loading?e.loadingText:e.username)}var Bn=v.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 On(e){var t,n,r,a,i,o,s,l;var d=h();var u=b(Bn,{},!(d===null||d===void 0?void 0:d.jwt));var c=u.loading;var f=((n=(t=u.data)===null||t===void 0?void 0:t.viewer)===null||n===void 0?void 0:n.firstName)||((a=(r=u.data)===null||r===void 0?void 0:r.viewer)===null||a===void 0?void 0:a.lastName)?((o=(i=u.data)===null||i===void 0?void 0:i.viewer)===null||o===void 0?void 0:o.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="...";a(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=f()?Hn(this):On(this);return n(Un,Object.assign({},e))};return e}());function Hn(e){return R({loading:false,loadingText:"...",username:"John Smith"},e.demoData||{},{arrayMerge:function(e,t){return t}})}}}}));
@@ -1,187 +0,0 @@
1
- import{r as t,h as e,c as s}from"./p-64c3217a.js";import{n as a,f as r,k as n,i,m as o,b as l,j as d}from"./p-fd2c5407.js";import{i as c}from"./p-9bc18724.js";import{i as u,_ as h,d as m,Q as p,H as v,f as g,y as f,B as b,L as y,g as x,$ as w,p as k,q as C,x as E,u as S,r as I,S as M}from"./p-ad4bf4fa.js";import{j as R}from"./p-e7e129ac.js";import{c as q}from"./p-c1086930.js";import"./p-02be1a88.js";import{c as _}from"./p-cef45012.js";import{a as T}from"./p-0985eff1.js";import{u as A}from"./p-c3e83277.js";import"./p-251e7567.js";import{g as N,a as P,s as L}from"./p-9ec99ced.js";import"./p-5d0c9424.js";import{p as D}from"./p-8d363802.js";import{R as V,u as F}from"./p-7a725b40.js";import{i as $}from"./p-eff38271.js";import{A as j}from"./p-121cdc60.js";import{b as B,V as z,B as O,Q as H,K as U,j as W,M as G,D as Z,E as K,H as X,I as Y,W as J,L as Q,N as tt,d as et,i as st,P as at,e as rt,f as nt,R as it,X as ot,k as lt,a as dt,S as ct,C as ut,u as ht,c as mt,T as pt}from"./p-de2aa147.js";import"./p-e704842c.js";const vt=class{constructor(e){t(this,e),this.flexReverse=!1,this.ignored=!0,a(this)}disconnectedCallback(){}render(){var t;const{props:s,label:a}=u()?B(this):z(this),r=!!(null===(t=h().innerHTML)||void 0===t?void 0:t.trim()),n=e("slot",{name:"label"},r?e("slot",null):a);return e(O,Object.assign({},s,{labelSlot:n}))}},gt=class{constructor(e){t(this,e),a(this)}disconnectedCallback(){}render(){var t,a;const n=null!==(t=function(t){if(t)try{return H(t)}catch{}}(this.brandColor))&&void 0!==t?t:"",i=(null!==(a=this.brandFont)&&void 0!==a?a:"Nunito Sans").trim()||void 0;r((()=>{if(!i)return;const t=document.createElement("link");return t.setAttribute("href",function(...t){return`https://fonts.googleapis.com/css2?${t.map((t=>`family=${encodeURIComponent(t)}`)).join("&")}`}(i)),t.setAttribute("rel","stylesheet"),document.head.appendChild(t),()=>document.head.removeChild(t)}),[i]);const o=null!=i?i:"";return e(s,null,e("style",null,`\n\n :host{\n display: contents;\n }\n /* \n Selects any element placed inside a slot\n - resets css variable inheritence for fonts\n \n */\n ::slotted(*) {\n --sl-font-sans: "${o}", arial;\n --sl-input-font-family: "${o}", arial;\n --sl-tooltip-font-family: "${o}", arial;\n font-family: "${o}", arial;\n\t\t\t\n ${n}\n\n --sl-focus-ring-color-primary: var(--sl-color-primary-100);\n --sl-input-border-color-focus: var(--sl-color-primary-500);\n --sl-color-primary-hue: var(--sl-color-primary-500);\n }`),e("slot",null))}},ft=class{constructor(e){t(this,e),this.ignored=!0,this.width=347,this.gap=24,a(this)}disconnectedCallback(){}render(){return e(U,Object.assign({},N(this)),e("slot",null))}},bt=_({IconStyle:{display:"block",position:"absolute",top:"23px"},DivStyle:{marginLeft:"28px"},Details:{marginLeft:"28px"},Heading:{display:"inline-block"},Children:{display:"none"}}),yt=bt.toString();function xt({missingProps:t,heading:s="There was a problem loading this section",subheading:a="There was a technical problem that prevented this section from loading. Please contact us with the link to this page.",description:r="Error occured while loading <{tagName}>. Values for the following attributes are missing:"},i){if(!t)return!1;const o=h(),[l,d]=n(!1);return e("sl-alert",{type:"danger",open:!0},e("style",{type:"text/css"},yt),e("div",{slot:"icon",class:bt.classes.IconStyle},e("sl-icon",{name:"exclamation-octagon"})),e("div",{class:bt.classes.DivStyle},e("h2",{class:bt.classes.Heading},c.formatMessage({id:"error-heading",defaultMessage:s})),e("p",null,c.formatMessage({id:"error-subheading",defaultMessage:a}))),e("details",{class:bt.classes.Details},e("summary",{onClick:()=>d(!l)},l?"Less":"More"," details"),e("p",null,c.formatMessage({id:"error-description",defaultMessage:r},{tagName:o.tagName.toLowerCase()})),e("ul",null,t.map((t=>e("li",null,e("strong",null,t.attribute)))))),e("div",{class:bt.classes.Children},i))}const wt=class{constructor(e){t(this,e),this.ignored=!0,this.checkboxLabel="By signing up you agree to the {labelLink}",this.checkboxLabelLink="https://example.com",this.checkboxLabelLinkText="Terms and Conditions",this.errorMessage="Must be checked",this.checkboxOptional=!1,a(this)}disconnectedCallback(){}render(){const t=P([{attribute:"checkbox-name",value:this.checkboxName}]);if(!u()&&t)return e(xt,{missingProps:t,heading:"An error occured while loading this form",subheading:"A technical problem prevented this checkbox field from loading. Please contact us with the link to this page.",description:"Values for the following attributes are missing:"});const s={...N(this)},{states:a,callbacks:o}=u()?q({states:{registrationFormState:{},checked:!1},callbacks:{setChecked:()=>{}}},this.demoData||{},{arrayMerge:(t,e)=>e}):function(t){var e;const s=i(V),[a,o]=n(!1);return r((()=>{var e,a;(null===(e=null==s?void 0:s.initialData)||void 0===e?void 0:e[t.checkboxName])&&o(!!(null===(a=null==s?void 0:s.initialData)||void 0===a?void 0:a[t.checkboxName]))}),[null===(e=null==s?void 0:s.initialData)||void 0===e?void 0:e[t.checkboxName]]),{states:{registrationFormState:s,checked:a},callbacks:{setChecked:o}}}(this);return e(W,{states:a,content:s,callbacks:o})}},kt=m.gql`
2
- query fuelTankRewardsQuery($programId: ID!) {
3
- user: viewer {
4
- ... on User {
5
- instantAccessRewards(
6
- filter: { type_eq: FUELTANK, programId_eq: $programId }
7
- ) {
8
- data {
9
- fuelTankCode
10
- fuelTankType
11
- statuses
12
- dateGiven
13
- dateExpires
14
- dateRedeemed
15
- dateCancelled
16
- dateScheduledFor
17
- datePendingForUnhandledError
18
- }
19
- count
20
- totalCount
21
- }
22
- }
23
- }
24
- }
25
- `,Ct=m.gql`
26
- mutation loadEvent($eventMeta: UserAnalyticsEvent!) {
27
- createUserAnalyticsEvent(eventMeta: $eventMeta)
28
- }
29
- `,Et=class{constructor(e){t(this,e),this.tooltiptext="Copied to Clipboard",this.tooltiplifespan=1e3,this.textAlign="left",this.copyButtonLabel="Copy Coupon",this.buttonStyle="icon",this.couponCodeLabel="Your coupon code:",this.cancelledErrorText="This code has been cancelled. Please reach out to the Support team for help resolving this issue.",this.redeemedErrorText="Looks like you’ve already redeemed this code.",this.expiredErrorText="Looks like this code has expired. Please reach out to the Support team for help resolving this issue.",this.fullfillmentErrorText="We couldn't fetch your code. Please try again later or reach out to the Support team for help resolving this issue.",this.pendingErrorText="Your code will be available on {unpendDate}. Mark your calendar and come back then to redeem your reward!",this.genericErrorText="We couldn't fetch your code. Please try again later or reach out to the Support team for help resolving this issue.",this.couponCodePlaceholder="...",a(this)}disconnectedCallback(){}render(){const t=N(this),s=u()?function(t){const[e,s]=n(!1),a="THANKSJANE125uv125";return q({copyString:a,tooltiptext:t.tooltiptext,textAlign:t.textAlign,buttonStyle:t.buttonStyle,copyButtonLabel:t.copyButtonLabel,error:!1,couponCodePlaceholder:t.couponCodePlaceholder,couponCodeLabel:t.couponCodeLabel,open:e,onClick:()=>{navigator.clipboard.writeText(a),s(!0),setTimeout((()=>s(!1)),t.tooltiplifespan)}},t.demoData||{},{arrayMerge:(t,e)=>e})}(t):function(t){var e,s,a;const r=p(),i=v(),o=b(),[l]=g(Ct),{data:d,loading:c}=f(kt,{programId:i},!(null==r?void 0:r.jwt)),u=null===(a=null===(s=null===(e=null==d?void 0:d.user)||void 0===e?void 0:e.instantAccessRewards)||void 0===s?void 0:s.data)||void 0===a?void 0:a[0],h=(t=>{if(!t||!t.statuses)return"ERROR";const e=t.statuses[t.statuses.length-1];return"PENDING"===e&&null===t.dateScheduledFor?"EMPTY_TANK":e})(u),m="PENDING"===h&&u.dateScheduledFor?new Date(u.dateScheduledFor).toLocaleDateString("default",{day:"numeric",month:"long",year:"numeric"}):void 0,y=(null==u?void 0:u.fuelTankCode)||"...",[x,w]=n(!1),k=(e=>{switch(e){case"CANCELLED":return t.cancelledErrorText;case"EXPIRED":return t.expiredErrorText;case"EMPTY_TANK":return t.fullfillmentErrorText;case"PENDING":return t.pendingErrorText.replace("{unpendDate}",m);case"REDEEMED":return t.redeemedErrorText;case"AVAILABLE":return"";default:return t.genericErrorText}})(h),C=(t=>{switch(t){case"EXPIRED":case"EMPTY_TANK":case"CANCELLED":case"ERROR":return"warning";case"PENDING":return"info";case"REDEEMED":return"success";default:return}})(h),E="AVAILABLE"!==h;return{...t,onClick:function(){navigator.clipboard.writeText(y),w(!0),setTimeout((()=>w(!1)),t.tooltiplifespan),l({eventMeta:{programId:i,id:null==r?void 0:r.id,accountId:null==r?void 0:r.accountId,type:"USER_REFERRAL_PROGRAM_ENGAGEMENT_EVENT",meta:{engagementMedium:o,shareMedium:"DIRECT"}}})},open:x,copyString:y,error:E,errorText:k,dateAvailable:m,loading:c,errorType:C}}(t);return e(G,Object.assign({},s))}};function St(t,s){const a=()=>"row"===t.direction?{"border-right":t.dividerStyle||"1px solid #EAEAEA"}:{"border-bottom":t.dividerStyle||"1px solid #EAEAEA"},r={LayoutContainer:{display:"contents","& > :not(:last-child)":{...a()},"& > ::slotted(*:not(:last-child))":{...a()}}},n=`\n display: flex;\n flex: 1;\n box-sizing: border-box;\n flex-direction: ${t.direction};\n background-color: var(--sqm-content-background);\n overflow-x: clip;\n ${"column"===t.direction?"width: 100%; max-width: var(--sqm-portal-main-width);":""}\n ${null!==t.contentAreaWidth?`max-width: ${t.contentAreaWidth} !important;`:""}\n `,i=`\n :host{\n ${n}\n }\n sqm-divided-layout {\n ${n}\n }\n `,o=_(r),l=o.toString();return e("div",{class:o.classes.LayoutContainer,part:"sqm-base"},e("style",{type:"text/css"},i,l),s)}const It=class{constructor(e){t(this,e),this.dividerStyle="1px solid #EAEAEA",a(this)}disconnectedCallback(){}render(){return e(St,Object.assign({},N(this)),e("slot",null))}},Mt=class{constructor(e){t(this,e),this.ignored=!0,this.dropdownLabel="Select an option",this.errorMessage="Select an option",this.dropdownOptional=!1,a(this)}disconnectedCallback(){}render(){const t=P([{attribute:"dropdown-name",value:this.dropdownName}]);if(!u()&&t)return e(xt,{missingProps:t,heading:"An error occured while loading this form",subheading:"A technical problem prevented this drop down field from loading. Please contact us with the link to this page.",description:"Values for the following attributes are missing:"},e("slot",null));const s={...N(this),selectOptions:e("slot",null)},{states:a}=u()?q({states:{registrationFormState:{}}},this.demoData||{},{arrayMerge:(t,e)=>e}):{states:{registrationFormState:i(V)}};return e(Z,{states:a,content:s})}},Rt=m.gql`
30
- query {
31
- viewer {
32
- ... on User {
33
- id
34
- accountId
35
- firstName
36
- lastName
37
- email
38
- countryCode
39
- }
40
- }
41
- }
42
- `,qt=m.gql`
43
- mutation (
44
- $id: String!
45
- $accountId: String!
46
- $firstName: String!
47
- $lastName: String!
48
- ) {
49
- upsertUser(
50
- userInput: {
51
- id: $id
52
- accountId: $accountId
53
- firstName: $firstName
54
- lastName: $lastName
55
- }
56
- ) {
57
- firstName
58
- lastName
59
- }
60
- }
61
- `,_t={currentRegion:"",firstName:"",lastName:"",errors:{},error:""},Tt=class{constructor(e){t(this,e),this.ignored=!0,this.networkErrorMessage="Network request failed.",this.fieldEmptyText="Cannot be empty",this.formErrorText="Please correct the errors below to update your profile.",a(this)}disconnectedCallback(){}render(){const t=u()?function(t){return q({states:{loading:!1,submitDisabled:!1,formState:{currentRegion:"Canada",firstName:"Bill",lastName:"Bob",errors:{},error:"An error string"},user:{firstName:"Bill",lastName:"Bob",email:"billbob@example.com"},showEdit:!1,text:{editprofileheader:t.editprofileheader?t.editprofileheader:"Edit Profile",editprofiletext:t.editprofiletext?t.editprofiletext:"Update your profile.",firstnametext:t.firstnametext?t.firstnametext:"First Name",lastnametext:t.lastnametext?t.lastnametext:"Last Name",canceltext:t.canceltext?t.canceltext:"Cancel",updatetext:t.updatetext?t.updatetext:"Update",currentregiontext:t.currentregiontext?t.currentregiontext:"Region",showregion:!0,fieldEmptyText:t.fieldEmptyText}},callbacks:{onSubmit:t=>{console.log(t)},resetForm:()=>{console.log("reset")},onChange:()=>{console.log("change")},setShowEdit:t=>{console.log(t)}}},t.demoData||{},{arrayMerge:(t,e)=>e})}(N(this)):function(t){const e=p(),[s,a]=n(!1),[i,o]=n(""),[l,d]=n(void 0),[u,h]=n(_t),m=f(Rt,{},!(null==e?void 0:e.jwt)),[v,b]=g(qt);return r((()=>{!(null==b?void 0:b.loading)&&s&&((null==b?void 0:b.errors)?h((t=>{var e,s,a;return{...t,error:null===(a=null===(s=null===(e=null==b?void 0:b.errors)||void 0===e?void 0:e.response)||void 0===s?void 0:s.errors)||void 0===a?void 0:a[0].message}})):(d((t=>{var e;return{...t,...null===(e=null==b?void 0:b.data)||void 0===e?void 0:e.upsertUser}})),a(!1)))}),[null==b?void 0:b.loading]),r((()=>{d((t=>{var e;return{...t,...null===(e=null==m?void 0:m.data)||void 0===e?void 0:e.viewer}}))}),[null==m?void 0:m.data]),r((()=>{var e;(null===(e=null==b?void 0:b.errors)||void 0===e?void 0:e.message)&&h((e=>({...e,error:t.networkErrorMessage})))}),[null==b?void 0:b.errors]),{states:{loading:(null==m?void 0:m.loading)||b.loading,submitDisabled:!1,formState:u,user:l,showEdit:s,text:{editprofileheader:t.editprofileheader,editprofiletext:t.editprofiletext,firstnametext:t.firstnametext,lastnametext:t.lastnametext,canceltext:t.canceltext,updatetext:t.updatetext,currentregiontext:t.currentregiontext,showregion:t.showregion,fieldEmptyText:t.fieldEmptyText}},callbacks:{onSubmit:()=>{if(u.firstName&&u.lastName)return v({id:null==e?void 0:e.id,accountId:null==e?void 0:e.accountId,firstName:u.firstName,lastName:u.lastName}),void h((t=>({...t,errors:{}})));const s={};u.firstName||(s.firstName={message:t.fieldEmptyText}),u.lastName||(s.lastName={message:t.fieldEmptyText}),$(s)||h((e=>({...e,error:t.formErrorText}))),h((t=>({...t,errors:s})))},resetForm:()=>{var t,e,s,a,r,n;const i=(null===(e=null===(t=null==m?void 0:m.data)||void 0===t?void 0:t.viewer)||void 0===e?void 0:e.countryCode)?c.formatDisplayName(m.data.viewer.countryCode,{type:"region"}):"";d({...null===(s=m.data)||void 0===s?void 0:s.viewer,...null===(a=b.data)||void 0===a?void 0:a.upsertUser}),h({..._t,...null===(r=m.data)||void 0===r?void 0:r.viewer,...null===(n=b.data)||void 0===n?void 0:n.upsertUser,currentRegion:i})},onChange:t=>{const{name:e,value:s}=t.target;h((t=>({...t,[e]:s})))},setShowEdit:a}}}(N(this));return e(K,Object.assign({},t))}};Tt.style=".ErrorStyles::part(base){background:var(--sl-color-danger-10);border-color:var(--sl-color-danger-500);outline:var(--sl-color-danger-500)}.ErrorStyles:host{--something-random:red;--focus-ring:0 0 0 var(--sl-focus-ring-width) red !important}.ErrorStyles::part(input){color:var(--sl-color-danger-500)}.ErrorStyles::part(input):-webkit-autofill,.ErrorStyles::part(input):-webkit-autofill:hover,.ErrorStyles::part(input):-webkit-autofill:focus,.ErrorStyles::part(input):-webkit-autofill:active{-webkit-box-shadow:0 0 0 var(--sl-input-height-large) var(--sl-input-background-color-hover) inset !important;box-shadow:0 0 0 var(--sl-input-height-large) var(--sl-input-background-color-hover) inset !important;-webkit-text-fill-color:var(--sl-color-danger-500)}.ErrorStyles::part(help-text){color:var(--sl-color-danger-500)}:host{display:block}:host([hidden]){display:none}.FormWrapper>:not(:first-child){margin-top:54px}.FormSection{width:100%}.FormSection>:not(:first-child){margin-top:16px}.ButtonWrapper{display:-ms-flexbox;display:flex;margin-top:24px;-ms-flex-pack:end;justify-content:flex-end}.ButtonWrapper>:not(:first-child){margin-left:var(--sl-font-size-x-small)}.CardWrapper{-webkit-box-sizing:border-box;box-sizing:border-box;background:var(--sl-color-white);padding:40px 30px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between}@media screen and (max-width: 499px){.CardWrapper{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}}@media screen and (max-width: 880px){.CardWrapper.ShowEdit{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:end;align-items:flex-end}}";const At=class{constructor(e){t(this,e),this.columns=1,this.minHeight=200,this.background="var(--sl-color-gray-50)",this.paddingSize="large",this.wrapDirection="wrap",a(this)}disconnectedCallback(){}render(){const t={states:{...N(this)},content:{primaryColumn:e("slot",null),secondaryColumn:e("slot",{name:"secondary-column"})}};return e(X,Object.assign({},t))}};function Nt(t,s){const a=Boolean((t.header||t.description||t.buttonText)&&"overlay"===t.layout),r=_({Container:{position:"relative","&:before":{content:a?'""':"",width:"100%",height:"100%",position:"absolute",background:t.overlayColor||"var(--sl-color-primary-900)",opacity:t.overlayOpacity}},Image:{display:"block",width:"100%",height:"100%",objectFit:"cover"},Background:{backgroundImage:`url(${t.imageUrl})`,backgroundSize:"cover",backgroundPosition:t.imagePos||"center",display:"flex",justifyContent:"center",alignItems:"center"},Overlay:{zIndex:"1",padding:"calc(var(--sl-spacing-"+t.paddingText+") + var(--sl-spacing-"+t.paddingImage+"))",textAlign:"center",color:t.textColor||"var(--sl-color-neutral-0)",lineHeight:"var(--sl-line-height-dense)","@media (max-width: 599px)":{padding:"var(--sl-spacing-"+t.paddingText+")"}},Column:{display:"flex",background:t.backgroundColor||"",flexDirection:"right"===t.imagePos?"row-reverse":"row",lineHeight:"var(--sl-line-height-dense)",color:t.textColor||"var(--sl-color-neutral-900)","& .image-area":{width:t.imagePercentage?t.imagePercentage+"%":"50%",padding:"var(--sl-spacing-"+t.paddingImage+")",boxSizing:"border-box",display:"flex",justifyContent:"center",alignItems:"center","@media (max-width: 599px)":{width:"100%"}},"& .text-area":{width:t.imagePercentage?100-t.imagePercentage+"%":"50%",padding:"var(--sl-spacing-"+t.paddingText+")",alignSelf:"center",boxSizing:"border-box","@media (max-width: 599px)":{width:"100%",textAlign:"center",padding:"calc(0.5*var(--sl-spacing-"+t.paddingText+"))"}},"@media (max-width: 599px)":{flexDirection:"bottom"===t.imageMobilePos?"column-reverse":"column"}},Header:{fontSize:"var(--sl-font-size-xxx-large)",fontWeight:"var(--sl-font-weight-bold)","@media (max-width: 599px)":{fontSize:"var(--sl-font-size-xx-large)"}},Description:{fontSize:"var(--sl-font-size-x-large)",margin:"var(--sl-spacing-small) 0","@media (max-width: 599px)":{fontSize:"var(--sl-font-size-large)"}},Button:{marginTop:"var(--sl-spacing-medium)","&::part(base)":{padding:"0 var(--sl-spacing-x-large)"},"@media (max-width: 599px)":{width:"100%"}}}),n=r.toString();return e("div",{class:r.classes.Container,part:"sqm-base"},e("style",{type:"text/css"},"\n :host{\n display: block;\n }",n),"overlay"===t.layout&&e("div",{class:r.classes.Background},e("div",{class:r.classes.Overlay,part:"sqm-overlay"},t.header&&e("div",{class:r.classes.Header},t.header),t.description&&e("div",{class:r.classes.Description},t.description),t.buttonText&&e("sl-button",{class:r.classes.Button,type:"primary",onClick:()=>t.buttonNewTab?window.open(t.buttonLink):window.open(t.buttonLink,"_parent")},t.buttonText),s&&s)),"columns"===t.layout&&e("div",null,e("div",{class:r.classes.Column},e("div",{class:"image-area"},e("img",{class:r.classes.Image,src:t.imageUrl,part:"sqm-columns-image"})),e("div",{class:"text-area",part:"sqm-columns-text-area"},t.header&&e("div",{class:r.classes.Header,part:"sqm-columns-header"},t.header),t.description&&e("div",{class:r.classes.Description,part:"sqm-columns-description"},t.description),t.buttonText&&e("sl-button",{exportparts:"base: sqm-hero-image-button",class:r.classes.Button,type:"primary",onClick:()=>t.buttonNewTab?window.open(t.buttonLink):window.open(t.buttonLink,"_parent")},t.buttonText)))))}const Pt=class{constructor(e){t(this,e),this.overlayOpacity="0.75",this.layout="overlay",this.imagePercentage=50,this.imagePos="center",this.imageMobilePos="top",this.buttonNewTab=!1,this.paddingText="xxxx-large",this.paddingImage="none",a(this)}disconnectedCallback(){}render(){return e(Nt,Object.assign({},N(this)),e("slot",null))}},Lt=class{constructor(e){t(this,e),this.ignored=!0,a(this)}disconnectedCallback(){}render(){return e(this.hookStory,null)}};function Dt(t){const s=_({Container:{display:"flex",width:"100%",justifyContent:t.alignment||"center",background:t.backgroundColor||""},Image:{minHeight:t.minHeight||"100%",width:"100%",maxWidth:"max-content",objectFit:"cover"}}),a=s.toString();return e("div",null,e("style",{type:"text/css"},a,"\n :host{\n display: block; \n }\n "),e("div",{class:s.classes.Container,part:"sqm-base"},e("img",{part:"sqm-image",src:t.imageUrl,class:s.classes.Image})))}const Vt=class{constructor(e){t(this,e),this.alignment="center"}render(){return e(Dt,Object.assign({},N(this)))}},Ft=class{constructor(e){t(this,e),this.ignored=!0,this.fieldType="text",this.errorMessage="Cannot be empty",this.fieldOptional=!1,a(this)}disconnectedCallback(){}render(){const t={...N(this)},s=P([{attribute:"field-name",value:this.fieldName}]);if(!u()&&s)return e(xt,{missingProps:s,heading:"An error occured while loading this form",subheading:"A technical problem prevented this input field from loading. Please contact us with the link to this page.",description:"Values for the following attributes are missing:"});const{states:a}=u()?q({states:{registrationFormState:{}}},this.demoData||{},{arrayMerge:(t,e)=>e}):{states:{registrationFormState:i(V)}};return e(Y,{states:a,content:t})}},$t=m.gql`
62
- query (
63
- $type: String!
64
- $filter: UserLeaderboardFilterInput
65
- $locale: RSLocale
66
- $limit: Int!
67
- ) {
68
- userLeaderboard(type: $type, filter: $filter) {
69
- dateModified
70
- rows(limit: $limit) {
71
- textValue(locale: $locale)
72
- firstName
73
- lastInitial
74
- rank {
75
- rank
76
- denseRank
77
- rowNumber
78
- }
79
- }
80
- }
81
- }
82
- `,jt=m.gql`
83
- query (
84
- $type: String!
85
- $filter: UserLeaderboardFilterInput
86
- $locale: RSLocale
87
- ) {
88
- viewer {
89
- ... on User {
90
- firstName
91
- lastInitial
92
- leaderboardRank(type: $type, filter: $filter) {
93
- textValue(locale: $locale)
94
- rank
95
- denseRank
96
- rowNumber
97
- }
98
- }
99
- }
100
- }
101
- `,Bt=class{constructor(e){t(this,e),this.hideViewer=!1,this.isEssentials=!1,this.anonymousUser="Anonymous User",this.maxRows=10,this.ignored=!0,a(this),J(this)}disconnectedCallback(){}render(){const t={empty:e(zt,null),essentials:e(Ot,null),loadingstate:e(Ht,null),usersheading:this.usersheading,statsheading:this.statsheading,rankheading:this.rankheading,rankType:this.rankType,leaderboardType:this.leaderboardType,maxRows:this.maxRows,programId:this.programId,anonymousUser:this.anonymousUser,interval:this.interval,hideViewer:this.hideViewer,showRank:this.showRank,isEssentials:this.isEssentials},s={...t,demoData:this.demoData},a=u()?function(t){var s,a;const r=(null===(a=null===(s=t.demoData)||void 0===s?void 0:s.data)||void 0===a?void 0:a.leaderboard)||[{firstName:"Viktor",lastInitial:"V",textValue:"82",rank:1,rowNumber:1},{firstName:"MF",lastInitial:"D",textValue:"73",rank:2,rowNumber:2},{firstName:"Freddie",lastInitial:"G",textValue:"64",rank:3,rowNumber:3},{firstName:"Benny",lastInitial:"B",textValue:"55",rank:4,rowNumber:4},{textValue:"46",rank:5,rowNumber:5}];return q({states:{loading:!1,hasLeaders:!0,isEssentials:!1,styles:{usersheading:t.usersheading?t.usersheading:"Top referrers",statsheading:t.statsheading?t.statsheading:"New customers",rankheading:t.rankheading?t.rankheading:"Rank",anonymousUser:t.anonymousUser?t.anonymousUser:"Anonymous User",showRank:t.showRank,hideViewer:t.hideViewer}},data:{rankType:"rowNumber",leaderboard:r},elements:{empty:e(zt,null),essentials:e(Ot,null),loadingstate:e(Ht,null)}},t.demoData||{},{arrayMerge:(t,e)=>e})}(s):function(t){var e,s,a,r,n,i,o,l,d,c,u;const h=v(),m=null!==(e=t.programId)&&void 0!==e?e:h,g=p(),b=y(),x=m?{type:t.leaderboardType,filter:{programId_eq:m}}:{type:t.leaderboardType,filter:{}};t.interval&&(x.filter.interval=t.interval),b&&(x.locale=b),t.maxRows>0&&(x.limit=t.maxRows);const{data:w,loading:k,errors:C}=f($t,x,!(null==g?void 0:g.jwt)),{data:E}=f(jt,x,!(null==g?void 0:g.jwt)),S=null==(R=null===(s=null==w?void 0:w.userLeaderboard)||void 0===s?void 0:s.rows)?void 0:R.flatMap((e=>{var s,a;return{textValue:e.textValue,firstName:e.firstName,lastInitial:e.lastInitial,rank:null===(s=e.rank)||void 0===s?void 0:s[t.rankType],rowNumber:null===(a=e.rank)||void 0===a?void 0:a.rowNumber}})),I=null==S?void 0:S.sort((function(t,e){return t.rank-e.rank})),M={textValue:null===(r=null===(a=null==E?void 0:E.viewer)||void 0===a?void 0:a.leaderboardRank)||void 0===r?void 0:r.textValue,firstName:null===(n=null==E?void 0:E.viewer)||void 0===n?void 0:n.firstName,lastInitial:null===(i=null==E?void 0:E.viewer)||void 0===i?void 0:i.lastInitial,rank:null===(l=null===(o=null==E?void 0:E.viewer)||void 0===o?void 0:o.leaderboardRank)||void 0===l?void 0:l[t.rankType],rowNumber:null===(c=null===(d=null==E?void 0:E.viewer)||void 0===d?void 0:d.leaderboardRank)||void 0===c?void 0:c.rowNumber};var R;return{states:{loading:k,isEssentials:403===(null===(u=null==C?void 0:C.response)||void 0===u?void 0:u.status),hasLeaders:(null==I?void 0:I.length)>0,styles:t},data:{leaderboard:I,rankType:t.rankType,viewerRank:M},elements:{empty:t.empty,essentials:t.essentials,loadingstate:t.loadingstate}}}(t);return e(Q,Object.assign({},a))}};function zt(){return e("slot",{name:"empty"},e("sqm-empty",{"empty-state-image":"https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png","empty-state-header":"View your rank in the leaderboard","empty-state-text":"Be the first to refer a friend and reach the top of the leaderboard"}))}function Ot(){return e("slot",{name:"essentials"},e("sqm-empty",{"empty-state-image":"https://res.cloudinary.com/saasquatch/image/upload/v1715360191/squatch-assets/Leaderboard_Not_Available.svg","empty-state-header":"Leaderboards aren’t available on your plan","empty-state-text":"Contact {supportText} to upgrade your plan and start leveraging gamification in your program.","support-text":"Support","missing-feature":"Leaderboards"}))}function Ht(){return e("slot",{name:"loading"},e("table",null,[...Array(10)].map((()=>e("tr",null,e("td",null,e("sl-skeleton",null)))))))}const Ut=_({Container:{display:"contents"},Link:{textDecoration:"none",color:"inherit"}}),Wt=Ut.toString();function Gt(t){const{onClick:s,buttonText:a}=t;return e("span",{class:Ut.classes.Container,part:"sqm-base"},e("style",{type:"text/css"},Wt,"\n:host{\n display: inline; \n}\n"),e("sl-button",{onClick:s,type:"primary",exportparts:"base: primarybutton-base"},e("a",{class:Ut.classes.Link,part:"sqm-link"},a)))}const Zt=class{constructor(e){t(this,e),this.openInNewTab=!1,this.buttonText="Click here"}render(){return e(Gt,Object.assign({},{...N(this),onClick:()=>{window.open(this.link,this.openInNewTab?"_blank":"_parent")}}))}},Kt=class{constructor(e){t(this,e),this.ignored=!0,this.firstNameLabel="First Name",this.lastNameLabel="Last Name",a(this)}disconnectedCallback(){}render(){const{states:t}=u()?q({states:{validationErrors:[],content:{firstNameLabel:this.firstNameLabel,lastNameLabel:this.lastNameLabel}}},this.demoData||{},{arrayMerge:(t,e)=>e}):function(t){return{states:{registrationFormState:i(V),content:{lastNameLabel:t.lastNameLabel,firstNameLabel:t.firstNameLabel}}}}(this);return e(tt,{states:t})}};function Xt(t){const{states:s}=t,{styles:a}=s;return s.includeDropdown?e("sl-dropdown",{style:"margin-bottom: var(--sl-spacing-large)"},e("sl-button",{slot:"trigger",caret:!0,onClick:t.callbacks.rerender,exportparts:"base: dropdownbutton-base"},a.menuLabel),e("sl-menu",{ref:e=>{void 0===t.ref.current&&(t.ref.current=e,t.callbacks.rerender())}},e("slot",null))):""}const Yt=class{constructor(e){t(this,e),this.ignored=!0,a(this)}disconnectedCallback(){}render(){const t=u()?function(t){return q({states:{includeDropdown:!0,styles:{...t,menuLabel:"Menu"}},callbacks:{rerender:()=>{}},ref:{current:void 0}},t.demoData||{},{arrayMerge:(t,e)=>e})}(N(this)):function(t){const e=o(),[,s]=x(),a=p();return r((()=>{var t;null===(t=e.current)||void 0===t||t.addEventListener("sl-select",(t=>function(t){w.push(t.detail.item.value)}(t)))}),[e.current]),{states:{includeDropdown:void 0!==((null==a?void 0:a.id)||(null==a?void 0:a.accountId)||(null==a?void 0:a.jwt)),styles:{menuLabel:t.menuLabel}},callbacks:{rerender:s},ref:e}}(N(this));return e(s,{slot:"sqm-navigation-menu"},e(Xt,Object.assign({},t)))}};Yt.style=":host{display:block}:host([hidden]){display:none}.HeaderWrapper{width:100%;max-width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding:var(--sl-spacing-small) var(--sl-spacing-large);-ms-flex-align:center;align-items:center;background-color:var(--sqm-header-background)}@media screen and (max-width: 499px){.HeaderWrapper{-ms-flex-direction:row-reverse;flex-direction:row-reverse;-ms-flex-pack:end;justify-content:flex-end;padding:0 var(--sl-spacing-x-small)}}";const Jt=class{constructor(e){t(this,e),this.ignored=!0,this.modalChangePasswordHeader="Change Password",this.cancelText="Cancel",this.changePasswordButtonText="Change Password",this.passwordFieldLabel="New Password",this.confirmPasswordFieldLabel="Confirm New Password",this.successMessage="Your password has been updated.",this.portalChangePasswordHeader="Password",this.portalChangePasswordButtonText="Change your password...",this.meetsRequirementsText="Password has met all requirements",this.doesNotMeetRequirementsText="Password must meet the following requirements:",this.minErrorText="be a minimum of 8 characters",this.uppercaseErrorText="contain at least 1 uppercase character",this.lowercaseErrorText="contain at least 1 lowercase character",this.nonMatchingPasswordErrorText="contain at least 1 lowercase character",this.invalidSessionErrorText="Please log in again to change your password.",this.hasErrorText="contain at least 1 number or symbol",a(this)}disconnectedCallback(){}render(){const{states:t,callbacks:s}=u()?function(t){const[e,s]=n(!1);return q({states:{open:e,error:"",content:{modalChangePasswordHeader:t.modalChangePasswordHeader,cancelText:t.cancelText,changePasswordButtonText:t.changePasswordButtonText,passwordFieldLabel:t.passwordFieldLabel,confirmPasswordFieldLabel:t.confirmPasswordFieldLabel,successMessage:t.successMessage,portalChangePasswordHeader:t.portalChangePasswordHeader,portalChangePasswordButtonText:t.portalChangePasswordButtonText,meetsRequirementsText:t.meetsRequirementsText,doesNotMeetRequirementsText:t.doesNotMeetRequirementsText,minErrorText:t.minErrorText,uppercaseErrorText:t.uppercaseErrorText,lowercaseErrorText:t.lowercaseErrorText,hasErrorText:t.hasErrorText}},callbacks:{setOpen:t=>s(t),submit:t=>console.log("Submit",t)}},t.demoData||{},{arrayMerge:(t,e)=>e})}(this):function(t){var e,s,a,r,i,o,l;const[d,{loading:c,errors:u}]=k(),[h,m]=n(!1),[v,g]=n(""),[f,b]=n(!1),y=p();return{states:{open:h,loading:c,success:f,error:v||(null===(r=null===(a=null===(s=null===(e=null==u?void 0:u.response)||void 0===e?void 0:e.errors)||void 0===s?void 0:s[0])||void 0===a?void 0:a.extensions)||void 0===r?void 0:r.message)||(null===(l=null===(o=null===(i=null==u?void 0:u.response)||void 0===i?void 0:i.errors)||void 0===o?void 0:o[0])||void 0===l?void 0:l.message),content:{modalChangePasswordHeader:t.modalChangePasswordHeader,cancelText:t.cancelText,changePasswordButtonText:t.changePasswordButtonText,passwordFieldLabel:t.passwordFieldLabel,confirmPasswordFieldLabel:t.confirmPasswordFieldLabel,successMessage:t.successMessage,portalChangePasswordHeader:t.portalChangePasswordHeader,portalChangePasswordButtonText:t.portalChangePasswordButtonText,meetsRequirementsText:t.meetsRequirementsText,doesNotMeetRequirementsText:t.doesNotMeetRequirementsText,minErrorText:t.minErrorText,uppercaseErrorText:t.uppercaseErrorText,lowercaseErrorText:t.lowercaseErrorText,hasErrorText:t.hasErrorText}},data:{},callbacks:{setOpen:m,submit:async e=>{var s,a;b(!1);const r=null===(s=e.detail)||void 0===s?void 0:s.formData;if(null==r||r.forEach(((t,e)=>{R.set(r,e,t)})),!(null==y?void 0:y.jwt))return void g(t.invalidSessionErrorText);if(r.password!==r.confirmPassword)return void g(t.nonMatchingPasswordErrorText);g("");const n={password:r.password},i=await d(n);i instanceof Error||!(null===(a=i.changeManagedIdentityPassword)||void 0===a?void 0:a.success)||b(!0)}}}}(this);return e(et,{states:t,callbacks:s})}},Qt=class{constructor(e){t(this,e),this.ignored=!0,this.hideSupportText=!1,this.supportEmail="support@example.com",this.supportText="For program support, contact {email}",this.hidePoweredBy=!1,this.poweredByLink="https://impact.com/advocate/",this.paddingTop="large",this.paddingRight="large",this.paddingBottom="large",this.paddingLeft="large",a(this)}disconnectedCallback(){}render(){return e(st,Object.assign({},N(this)))}static get assetsDirs(){return["../../assets"]}},te=class{constructor(e){t(this,e),this.ignored=!0,this.notFullScreen=!1,a(this)}disconnectedCallback(){}render(){const t=e("slot",{name:"footer"}),s=e("slot",{name:"header"}),a=u()?function(t,s,a){return q({notFullScreen:!0,data:{footer:t||e("span",null,"example@example.com"),header:s||e("div",{style:{display:"flex",flexDirection:"column"}},e("span",{style:{fontSize:"var(--sl-font-size-large)",fontWeight:"bold"}},"Portal Header"),e("span",{style:{fontSize:"var(--sl-font-size-small)"}},"A description for the portal"))},callbacks:{rerender:()=>{}}},a.demoData||{},{arrayMerge:(t,e)=>e})}(t,s,this):function(t,e){const[,s]=x();return{data:{footer:t,header:e},callbacks:{rerender:s}}}(t,s);return e(at,Object.assign({},a),e("slot",null))}},ee=class{constructor(e){t(this,e),this.ignored=!0,this.nextPage="/",this.emailLabel="Email",this.passwordLabel="Password",this.submitLabel="Sign In",this.forgotPasswordPath="/forgotPassword",this.forgotPasswordLabel="Forgot Password?",this.registerLabel="Register",this.registerPath="/register",this.pageLabel="Sign in to your account",this.networkErrorMessage="An error occurred while logging you in. Please refresh the page and try again.",a(this)}disconnectedCallback(){}render(){const{states:t,callbacks:s}=u()?q({states:{error:"",loading:!1,forgotPasswordPath:"/forgotPassword",registerPath:"/register"},callbacks:{submit:async()=>{console.log("submit")}}},this.demoData||{},{arrayMerge:(t,e)=>e}):function(t){var e,s,a,r,i,o,l;const[d,{loading:c,errors:u}]=C(),[h,m]=n(""),p=new URLSearchParams(w.location.search),v=p.get("nextPage");return{states:{loading:c,error:(null===(r=null===(a=null===(s=null===(e=null==u?void 0:u.response)||void 0===e?void 0:e.errors)||void 0===s?void 0:s[0])||void 0===a?void 0:a.extensions)||void 0===r?void 0:r.message)||(null===(l=null===(o=null===(i=null==u?void 0:u.response)||void 0===i?void 0:i.errors)||void 0===o?void 0:o[0])||void 0===l?void 0:l.message)||h,registerPath:t.registerPath,forgotPasswordPath:t.forgotPasswordPath},callbacks:{submit:async e=>{var s,a;m("");let r=e.detail.formData;null==r||r.forEach(((t,e)=>{R.set(r,e,t)}));const n={email:r.email,password:r.password},i=await d(n);if(i instanceof Error)((null==i?void 0:i.message)||(null===(s=null==i?void 0:i.response)||void 0===s?void 0:s.error))&&m(t.networkErrorMessage);else if(null===(a=i.authenticateManagedIdentityWithEmailAndPassword)||void 0===a?void 0:a.token){p.delete("nextPage");const e=L(v||t.nextPage);w.push(e.href)}}}}}(this),a={forgotPasswordButton:e("slot",{name:"forgotPassword"},e("a",{onClick:()=>w.push(t.forgotPasswordPath)},this.forgotPasswordLabel)),secondaryButton:e("slot",{name:"secondaryButton"},e("sl-button",{type:"text",disabled:t.loading,onClick:()=>w.push(t.registerPath)},this.registerLabel)),emailLabel:this.emailLabel,passwordLabel:this.passwordLabel,submitLabel:this.submitLabel,pageLabel:this.pageLabel};return e(rt,{states:t,callbacks:s,content:a})}},se=class{constructor(e){t(this,e),this.ignored=!0,this.nextPage="/",this.redirectPath="/verifyEmail",this.emailLabel="Email",this.passwordLabel="Password",this.submitLabel="Register",this.loginLabel="Sign in",this.confirmPasswordLabel="Confirm Password",this.confirmPassword=!1,this.disablePasswordValidation=!1,this.hideInputs=!1,this.pageLabel="Register",this.loginPath="/login",this.requiredFieldErrorMessage="Cannot be empty",this.networkErrorMessage="Network request failed.",this.passwordMismatchErrorMessage="Passwords do not match.",this.invalidEmailErrorMessage="Must be a valid email address",this.meetsRequirementsText="Password has met all requirements",this.doesNotMeetRequirementsText="Password must meet the following requirements:",this.minErrorText="be a minimum of 8 characters",this.uppercaseErrorText="contain at least 1 uppercase character",this.lowercaseErrorText="contain at least 1 lowercase character",this.hasErrorText="contain at least 1 number or symbol",a(this)}disconnectedCallback(){}render(){const{states:t,callbacks:s,refs:a}=u()?q({states:{error:"",loading:!1,confirmPassword:(n=this).confirmPassword,hideInputs:n.hideInputs||!1,customPasswordField:!1,loginPath:n.loginPath,disablePasswordValidation:n.disablePasswordValidation},callbacks:{submit:async()=>{console.log("submit")},inputFunction:()=>{}},refs:{formRef:{}}},n.demoData||{},{arrayMerge:(t,e)=>e}):function(t){var e,s,a,n,i,l,d,c,u;const h=o(null),{registrationFormState:m,setRegistrationFormState:p}=F({}),[v,{loading:g,errors:f}]=E();r((()=>{if(!h.current)return;const t=h.current;return t.addEventListener("sl-input",b),()=>{t.removeEventListener("sl-input",b)}}),[h.current]);const b=S((t=>{var e,s;if("tel"!==(null===(s=null===(e=t.target)||void 0===e?void 0:e.type)||void 0===s?void 0:s.toLowerCase()))return;const a=new j("US");t.target.value=a.input(t.target.value)}),[]);let y="";return y=(null===(e=null==f?void 0:f.response)||void 0===e?void 0:e.error)||(null==f?void 0:f.message)&&!(null===(s=null==f?void 0:f.response)||void 0===s?void 0:s.errors.length)?t.networkErrorMessage:(null===(l=null===(i=null===(n=null===(a=null==f?void 0:f.response)||void 0===a?void 0:a.errors)||void 0===n?void 0:n[0])||void 0===i?void 0:i.extensions)||void 0===l?void 0:l.message)||(null===(u=null===(c=null===(d=null==f?void 0:f.response)||void 0===d?void 0:d.errors)||void 0===c?void 0:c[0])||void 0===u?void 0:u.message)||(null==m?void 0:m.error),{states:{loading:g,error:y,registrationFormState:m,confirmPassword:t.confirmPassword,hideInputs:t.hideInputs,loginPath:t.loginPath,disablePasswordValidation:t.disablePasswordValidation},callbacks:{submit:async e=>{var s;let a=e.target.getFormControls(),r={},n={};if(null==a||a.forEach((e=>{if(!e.name)return;const s=e.name,a=e.value;if(R.set(r,s,a),e.required&&!a&&R.set(n,s,t.requiredFieldErrorMessage),"function"==typeof e.validationError){const t=(0,e.validationError)({control:e,key:s,value:a});t&&R.set(n,s,t)}})),(t.confirmPassword||r.confirmPassword)&&r.password!==r.confirmPassword&&(n={...n,confirmPassword:t.passwordMismatchErrorMessage}),Object.keys(n).length)return void p({loading:!1,error:"",validationErrors:n});p({loading:!0,error:"",validationErrors:{}});const{email:i,password:o}=r;delete r.email,delete r.password,delete r.confirmPassword,r={...r};const l={email:i,password:o,formData:r,redirectPath:t.redirectPath};try{const e=await v(l);if(e instanceof Error)throw e;p({loading:!1,error:"",validationErrors:{}}),(null===(s=e.registerManagedIdentityWithEmailAndPassword)||void 0===s?void 0:s.token)&&w.push(t.nextPage)}catch(e){p({loading:!1,error:t.networkErrorMessage,validationErrors:{}})}},inputFunction:b},refs:{formRef:h}}}(this);var n;const i={formData:e("slot",{name:"formData"}),secondaryButton:e("slot",{name:"secondaryButton"},e("sl-button",{type:"text",disabled:t.loading,onClick:()=>w.push(t.loginPath)},this.loginLabel)),terms:e("slot",{name:"terms"}),emailLabel:this.emailLabel,passwordLabel:this.passwordLabel,submitLabel:this.submitLabel,pageLabel:this.pageLabel,confirmPasswordLabel:this.confirmPasswordLabel,invalidEmailErrorMessage:this.invalidEmailErrorMessage,requiredFieldErrorMessage:this.requiredFieldErrorMessage,meetsRequirementsText:this.meetsRequirementsText,doesNotMeetRequirementsText:this.doesNotMeetRequirementsText,minErrorText:this.minErrorText,uppercaseErrorText:this.uppercaseErrorText,lowercaseErrorText:this.lowercaseErrorText,hasErrorText:this.hasErrorText};return e(nt,{states:t,callbacks:s,content:i,refs:a})}};function ae(t,s){const a=_({Container:{color:t.textColor||"var(--sl-color-neutral-900)",background:t.backgroundColor||""},Header:{fontSize:"var(--sl-font-size-x-large)",fontWeight:"var(--sl-font-weight-bold)",lineHeight:"var(--sl-line-height-dense)",marginBottom:"var(--sl-spacing-large)",textAlign:"center"},Grid:{display:"flex",flexDirection:"row",gap:"var(--sl-spacing-large)","@media (max-width: 499px)":{flexDirection:"column"}}}),r=a.toString();return e("div",{class:a.classes.Container,part:"sqm-base"},e("style",{type:"text/css"},r,"\n ::slotted(*){\n display: flex;\n width: 100%;\n }\n @media (max-width: 499px) {\n ::slotted(*){\n display: block;\n }\n }"),e("div",{class:a.classes.Header},e("div",{class:a.classes.Header,part:"sqm-header"},t.header)),e("div",{class:a.classes.Grid,part:"sqm-grid-container"},s))}const re=class{constructor(e){t(this,e),this.ignored=!0,a(this)}disconnectedCallback(){}render(){return e(ae,Object.assign({},N(this)),e("slot",null))}};function ne(t){const s=_({Container:{display:"flex",flexDirection:"column",width:"100%",padding:"var(--sl-spacing-x-large)",lineHeight:"var(--sl-line-height-dense)",color:t.textColor||"var(--sl-color-neutral-900)",background:t.backgroundColor||"var(--sl-color-primary-50)","@media (max-width: 499px)":{flexDirection:"row",width:"auto",paddingBottom:"var(--sl-spacing-large)"}},Text:{"@media (max-width: 499px)":{marginLeft:"var(--sl-spacing-large)"}},Header:{fontSize:"var(--sl-font-size-large)",fontWeight:"var(--sl-font-weight-bold)",marginTop:"var(--sl-spacing-x-large)","@media (max-width: 499px)":{margin:"0"}},Description:{fontSize:"var(--sl-font-size-medium)",marginTop:"var(--sl-spacing-small)","@media (max-width: 499px)":{marginTop:"var(--sl-spacing-x-small)"}},Media:{width:"64px",height:"64px",borderRadius:"100%",objectFit:"cover",userSelect:"none",background:"#FFF",color:"var(--sl-color-primary-300)",fontSize:"26px",textAlign:"center",lineHeight:"72px"}}),a=s.toString();return e("div",{class:s.classes.Container,part:"sqm-base"},e("style",{type:"text/css"},a),e("div",null,t.imageUrl?e("img",{class:s.classes.Media,src:t.imageUrl,part:"sqm-media"}):e("div",{class:s.classes.Media,part:"sqm-media"},e("sl-icon",{name:t.icon}))),e("div",{class:s.classes.Text},e("div",{class:s.classes.Header,part:"sqm-header"},t.header),e("div",{class:s.classes.Description,part:"sqm-description"},t.description)))}const ie=class{constructor(e){t(this,e),a(this)}disconnectedCallback(){}render(){return e(ne,Object.assign({},N(this)))}},oe=l("sq:useProgramMenu"),le=class{constructor(e){t(this,e),this.ignored=!0,a(this)}disconnectedCallback(){}render(){const{data:t,ref:a}=function(t){const e=v(),s=h();oe({programId:e,props:t});const a=o(),[,n]=x();return r((()=>{var t;null===(t=a.current)||void 0===t||t.addEventListener("sl-select",(t=>{s.dispatchEvent(new CustomEvent("sq:update-program-id",{detail:t.detail.item.value,bubbles:!0,composed:!0}))}))}),[a.current]),{data:{programId:e},callbacks:{rerender:n},ref:a}}(N(this));return e(s,{style:{display:"contents"}},e("sl-select",{style:{paddingBottom:"var(--sl-spacing-large)"},value:t.programId,ref:t=>a.current=t},e("slot",null)))}},de=_({Container:{borderRadius:"var(--sl-border-radius-large)",color:"var(--sl-color-neutral-900)",background:"var(--sl-color-neutral-0)",display:"flex",flexDirection:"column",rowGap:"var(--sl-spacing-large)"},EndContainer:{display:"flex",flexDirection:"column",alignItems:"center"},ColumnContainer:{"& p":{margin:"0"},display:"grid",gridAutoColumns:"minmax(0, 1fr)",gridAutoFlow:"column",gap:"calc(2 * var(--sl-spacing-medium))","@media (max-width: 499px)":{gridAutoFlow:"unset",gridAutoColumns:"unset",gridTemplateColumns:"1fr",border:"none"}}}),ce=de.toString();function ue(t){return e("div",{part:"sqm-base",class:de.classes.Container,style:{border:t.hideBorder?"none":"1px solid var(--sl-color-neutral-300)","padding-top":`var(--sl-spacing-${t.paddingTop})`,"padding-right":`var(--sl-spacing-${t.paddingRight})`,"padding-bottom":`var(--sl-spacing-${t.paddingBottom})`,"padding-left":`var(--sl-spacing-${t.paddingLeft})`,backgroundColor:t.backgroundColor,maxWidth:t.limitWidth?"600px":"none",margin:t.limitWidth?"auto":"none"}},e("style",{type:"text/css"},ce,"\n :host{\n display: block; \n }\n "),t.hasHeader&&e("div",{class:de.classes.EndContainer},t.slots.header),e("div",{part:"sqm-column-container",class:de.classes.ColumnContainer,style:{alignItems:t.verticalAlignment}},t.slots.left,t.slots.right),t.hasFooter&&e("div",{class:de.classes.EndContainer},t.slots.footer))}const he=class{constructor(e){t(this,e),this.ignored=!0,this.verticalAlignment="start",this.hideBorder=!1,this.paddingTop="large",this.paddingRight="large",this.paddingBottom="large",this.paddingLeft="large",this.backgroundColor="#ffffff",this.limitWidth=!1,a(this)}disconnectedCallback(){}render(){const t={left:e("slot",{name:"left"}),right:e("slot",{name:"right"}),header:e("slot",{name:"header"}),footer:e("slot",{name:"footer"})},s=A(),a=s.findIndex((t=>"header"===t.slot))>-1,r=s.findIndex((t=>"footer"===t.slot))>-1;return e(ue,Object.assign({},N(this),{slots:t,hasHeader:a,hasFooter:r}),e("slot",null))}},me=m.gql`
102
- query getUser($programId: ID) {
103
- viewer {
104
- ... on User {
105
- referralCode(programId: $programId)
106
- }
107
- }
108
- }
109
- `,pe=class{constructor(e){t(this,e),this.ignored=!0,this.iframeHeight="100%",this.iframeWidth="100%",a(this)}disconnectedCallback(){}render(){const t=P([{attribute:"iframe-src",value:this.iframeSrc}]);if(t)return e(xt,{missingProps:t,heading:"An error occured while loading this page",subheading:"A technical problem prevented this iframe from loading. Please contact us with the link to this page.",description:"Values for the following attributes are missing:"});const{states:a,data:r}=u()?(n=N(this),q({states:{content:{iframeSrc:"https://example.com",...n}},data:{shareCode:"SHARECODE123"}},n.demoData||{},{arrayMerge:(t,e)=>e})):function(t){var e;const s=v(),a=p(),{data:r}=f(me,{programId:s},!(null==a?void 0:a.jwt)||!s);return{states:{content:t},data:{shareCode:null===(e=null==r?void 0:r.viewer)||void 0===e?void 0:e.referralCode}}}(N(this));var n;return e(s,{style:{display:"contents"}},e(it,{data:r,states:a}))}};var ve={};!function t(e,s,a,r){var n=!!(e.Worker&&e.Blob&&e.Promise&&e.OffscreenCanvas&&e.OffscreenCanvasRenderingContext2D&&e.HTMLCanvasElement&&e.HTMLCanvasElement.prototype.transferControlToOffscreen&&e.URL&&e.URL.createObjectURL);function i(){}function o(t){var a=s.exports.Promise,r=void 0!==a?a:e.Promise;return"function"==typeof r?new r(t):(t(i,i),null)}var l,d,c,u,h,m,p,v,g=(c=Math.floor(1e3/60),u={},h=0,"function"==typeof requestAnimationFrame&&"function"==typeof cancelAnimationFrame?(l=function(t){var e=Math.random();return u[e]=requestAnimationFrame((function s(a){h===a||h+c-1<a?(h=a,delete u[e],t()):u[e]=requestAnimationFrame(s)})),e},d=function(t){u[t]&&cancelAnimationFrame(u[t])}):(l=function(t){return setTimeout(t,c)},d=function(t){return clearTimeout(t)}),{frame:l,cancel:d}),f=(v={},function(){if(m)return m;if(!a&&n){var e=["var CONFETTI, SIZE = {}, module = {};","("+t.toString()+")(this, module, true, SIZE);","onmessage = function(msg) {"," if (msg.data.options) {"," CONFETTI(msg.data.options).then(function () {"," if (msg.data.callback) {"," postMessage({ callback: msg.data.callback });"," }"," });"," } else if (msg.data.reset) {"," CONFETTI.reset();"," } else if (msg.data.resize) {"," SIZE.width = msg.data.resize.width;"," SIZE.height = msg.data.resize.height;"," } else if (msg.data.canvas) {"," SIZE.width = msg.data.canvas.width;"," SIZE.height = msg.data.canvas.height;"," CONFETTI = module.exports.create(msg.data.canvas);"," }","}"].join("\n");try{m=new Worker(URL.createObjectURL(new Blob([e])))}catch(t){return void 0!==typeof console&&"function"==typeof console.warn&&console.warn("🎊 Could not load worker",t),null}!function(t){function e(e,s){t.postMessage({options:e||{},callback:s})}t.init=function(e){var s=e.transferControlToOffscreen();t.postMessage({canvas:s},[s])},t.fire=function(s,a,r){if(p)return e(s,null),p;var n=Math.random().toString(36).slice(2);return p=o((function(a){function i(e){e.data.callback===n&&(delete v[n],t.removeEventListener("message",i),p=null,r(),a())}t.addEventListener("message",i),e(s,n),v[n]=i.bind(null,{data:{callback:n}})}))},t.reset=function(){for(var e in t.postMessage({reset:!0}),v)v[e](),delete v[e]}}(m)}return m}),b={particleCount:50,angle:90,spread:45,startVelocity:45,decay:.9,gravity:1,drift:0,ticks:200,x:.5,y:.5,shapes:["square","circle"],zIndex:100,colors:["#26ccff","#a25afd","#ff5e7e","#88ff5a","#fcff42","#ffa62d","#ff36ff"],disableForReducedMotion:!1,scalar:1};function y(t,e,s){return function(t,e){return e?e(t):t}(t&&null!=t[e]?t[e]:b[e],s)}function x(t){return t<0?0:Math.floor(t)}function w(t){return parseInt(t,16)}function k(t){return t.map(C)}function C(t){var e=String(t).replace(/[^0-9a-f]/gi,"");return e.length<6&&(e=e[0]+e[0]+e[1]+e[1]+e[2]+e[2]),{r:w(e.substring(0,2)),g:w(e.substring(2,4)),b:w(e.substring(4,6))}}function E(t){t.width=document.documentElement.clientWidth,t.height=document.documentElement.clientHeight}function S(t){var e=t.getBoundingClientRect();t.width=e.width,t.height=e.height}function I(t,s){var i,l=!t,d=!!y(s||{},"resize"),c=y(s,"disableForReducedMotion",Boolean),u=n&&y(s||{},"useWorker")?f():null,h=l?E:S,m=!(!t||!u||!t.__confetti_initialized),p="function"==typeof matchMedia&&matchMedia("(prefers-reduced-motion)").matches;function v(e,s,n){for(var l,d,c,u,m=y(e,"particleCount",x),p=y(e,"angle",Number),v=y(e,"spread",Number),f=y(e,"startVelocity",Number),b=y(e,"decay",Number),w=y(e,"gravity",Number),C=y(e,"drift",Number),E=y(e,"colors",k),S=y(e,"ticks",Number),I=y(e,"shapes"),M=y(e,"scalar"),R=function(t){var e=y(t,"origin",Object);return e.x=y(e,"x",Number),e.y=y(e,"y",Number),e}(e),q=m,_=[],T=t.width*R.x,A=t.height*R.y;q--;)_.push((void 0,void 0,d=(l={x:T,y:A,angle:p,spread:v,startVelocity:f,color:E[q%E.length],shape:I[(0,u=I.length,Math.floor(Math.random()*(u-0))+0)],ticks:S,decay:b,gravity:w,drift:C,scalar:M}).angle*(Math.PI/180),c=l.spread*(Math.PI/180),{x:l.x,y:l.y,wobble:10*Math.random(),velocity:.5*l.startVelocity+Math.random()*l.startVelocity,angle2D:-d+(.5*c-Math.random()*c),tiltAngle:Math.random()*Math.PI,color:l.color,shape:l.shape,tick:0,totalTicks:l.ticks,decay:l.decay,drift:l.drift,random:Math.random()+5,tiltSin:0,tiltCos:0,wobbleX:0,wobbleY:0,gravity:3*l.gravity,ovalScalar:.6,scalar:l.scalar}));return i?i.addFettis(_):(i=function(t,e,s,n,i){var l,d,c=e.slice(),u=t.getContext("2d"),h=o((function(e){function o(){l=d=null,u.clearRect(0,0,n.width,n.height),i(),e()}l=g.frame((function e(){!a||n.width===r.width&&n.height===r.height||(n.width=t.width=r.width,n.height=t.height=r.height),n.width||n.height||(s(t),n.width=t.width,n.height=t.height),u.clearRect(0,0,n.width,n.height),(c=c.filter((function(t){return function(t,e){e.x+=Math.cos(e.angle2D)*e.velocity+e.drift,e.y+=Math.sin(e.angle2D)*e.velocity+e.gravity,e.wobble+=.1,e.velocity*=e.decay,e.tiltAngle+=.1,e.tiltSin=Math.sin(e.tiltAngle),e.tiltCos=Math.cos(e.tiltAngle),e.random=Math.random()+5,e.wobbleX=e.x+10*e.scalar*Math.cos(e.wobble),e.wobbleY=e.y+10*e.scalar*Math.sin(e.wobble);var s=e.tick++/e.totalTicks,a=e.x+e.random*e.tiltCos,r=e.y+e.random*e.tiltSin,n=e.wobbleX+e.random*e.tiltCos,i=e.wobbleY+e.random*e.tiltSin;return t.fillStyle="rgba("+e.color.r+", "+e.color.g+", "+e.color.b+", "+(1-s)+")",t.beginPath(),"circle"===e.shape?t.ellipse?t.ellipse(e.x,e.y,Math.abs(n-a)*e.ovalScalar,Math.abs(i-r)*e.ovalScalar,Math.PI/10*e.wobble,0,2*Math.PI):function(t,e,s,a,r,n,i,o){t.save(),t.translate(e,s),t.rotate(n),t.scale(a,r),t.arc(0,0,1,0,o,void 0),t.restore()}(t,e.x,e.y,Math.abs(n-a)*e.ovalScalar,Math.abs(i-r)*e.ovalScalar,Math.PI/10*e.wobble,0,2*Math.PI):(t.moveTo(Math.floor(e.x),Math.floor(e.y)),t.lineTo(Math.floor(e.wobbleX),Math.floor(r)),t.lineTo(Math.floor(n),Math.floor(i)),t.lineTo(Math.floor(a),Math.floor(e.wobbleY))),t.closePath(),t.fill(),e.tick<e.totalTicks}(u,t)}))).length?l=g.frame(e):o()})),d=o}));return{addFettis:function(t){return c=c.concat(t),h},canvas:t,promise:h,reset:function(){l&&g.cancel(l),d&&d()}}}(t,_,h,s,n)).promise}function b(s){var a=c||y(s,"disableForReducedMotion",Boolean),r=y(s,"zIndex",Number);if(a&&p)return o((function(t){t()}));l&&i?t=i.canvas:l&&!t&&(t=function(t){var e=document.createElement("canvas");return e.style.position="fixed",e.style.top="0px",e.style.left="0px",e.style.pointerEvents="none",e.style.zIndex=t,e}(r),document.body.appendChild(t)),d&&!m&&h(t);var n={width:t.width,height:t.height};function g(){if(u){var e={getBoundingClientRect:function(){if(!l)return t.getBoundingClientRect()}};return h(e),void u.postMessage({resize:{width:e.width,height:e.height}})}n.width=n.height=null}function f(){i=null,d&&e.removeEventListener("resize",g),l&&t&&(document.body.removeChild(t),t=null,m=!1)}return u&&!m&&u.init(t),m=!0,u&&(t.__confetti_initialized=!0),d&&e.addEventListener("resize",g,!1),u?u.fire(s,n,f):v(s,n,f)}return b.reset=function(){u&&u.reset(),i&&i.reset()},b}s.exports=I(null,{useWorker:!0,resize:!0}),s.exports.create=I}(function(){return"undefined"!=typeof window?window:"undefined"!=typeof self?self:this||{}}(),ve,!1);const ge=ve.exports,fe=m.gql`
110
- query getExchangeList {
111
- viewer {
112
- ... on User {
113
- visibleRewardExchangeItems(limit: 20, offset: 0) {
114
- data {
115
- key
116
- name
117
- description
118
- imageUrl
119
- available
120
- unavailableReasonCode
121
- ruleType
122
- sourceUnit
123
- sourceValue
124
- prettySourceValue
125
- sourceMinValue
126
- prettySourceMinValue
127
- sourceMaxValue
128
- prettySourceMaxValue
129
- destinationMinValue
130
- prettyDestinationMinValue
131
- destinationMaxValue
132
- prettyDestinationMaxValue
133
- globalRewardKey
134
- destinationUnit
135
- steps {
136
- sourceValue
137
- prettySourceValue
138
- destinationValue
139
- prettyDestinationValue
140
- available
141
- globalRewardKey
142
- unavailableReasonCode
143
- rewardInput
144
- }
145
- }
146
- totalCount
147
- }
148
- }
149
- }
150
- }
151
- `,be=m.gql`
152
- mutation exchange($exchangeRewardInput: ExchangeRewardInput!) {
153
- exchangeReward(exchangeRewardInput: $exchangeRewardInput) {
154
- reward {
155
- id
156
- fuelTankCode
157
- }
158
- }
159
- }
160
- `,ye=class{constructor(e){t(this,e),this.ignored=!0,this.notAvailableError="{unavailableReasonCode, select, US_TAX {US Tax limit} INSUFFICIENT_REDEEMABLE_CREDIT {{sourceValue} required} AVAILABILITY_PREDICATE {Not available} other {{unavailableReasonCode}} }",this.chooseRewardTitle="Rewards",this.chooseAmountTitle="Select",this.confirmationTitle="Confirm",this.rewardTitle="Choose a reward",this.cancelText="Cancel",this.backText="Back",this.continueText="Continue",this.continueToConfirmationText="Continue to confirmation",this.redeemText="Redeem",this.redeemTitle="Confirm and redeem",this.redemptionSuccessText="Redeemed {sourceValue} for {destinationValue}",this.sourceAmountMessage="{ruleType, select, FIXED_GLOBAL_REWARD {{sourceValue}} other {{sourceMinValue} to {sourceMaxValue}}}",this.tooltipText="Copied",this.doneText="Done",this.selectText="Select amount to receive",this.queryError="Unable to load reward exchange list. Please try again",this.redemptionError="An error occured trying to redeem this reward. Please try again",this.notEnoughError="Not enough {sourceUnit} to redeem for this reward",this.rewardRedeemedText="Reward redeemed",this.promoCode="Promo Code",this.skeletonCardNum=8,this.rewardNameTitle="Reward",this.rewardAmountTitle="Reward Amount",this.costTitle="Cost to Redeem",a(this)}disconnectedCallback(){}render(){const t={...N(this),empty:e(xe,null)},{states:a,data:i,callbacks:l,refs:c}=u()?function(t){return q({states:{content:{text:t},redeemStage:"chooseReward",amount:0,selectedStep:void 0,selectedItem:void 0,open:!1,exchangeError:!1,queryError:!1,loading:!1,noExchangeOptions:!1,empty:xe()},data:{shareCode:"SHARECODE123",exchangeList:ot.data.exchangeList},callbacks:{exchangeReward:()=>{},setExchangeState:()=>{},setStage:()=>{},resetState:()=>{},copyFuelTankCode:()=>{}},refs:{canvasRef:{}}},t.demoData||{},{arrayMerge:(t,e)=>e})}(t):function(t){var e,s,a,i,l;const[c,u]=d(((t,e)=>({...t,...e})),{selectedItem:void 0,selectedStep:void 0,redeemStage:"chooseReward",amount:0,exchangeError:!1}),[h,m]=n(!1),{selectedItem:v,selectedStep:b,redeemStage:y,amount:x,exchangeError:w}=c,k=p(),[C,{data:E,loading:S,errors:M}]=g(be),{data:R,loading:q,refetch:_,errors:T}=f(fe,{},!(null==k?void 0:k.jwt));r((()=>{var t,e;(null===(e=null===(t=null==E?void 0:E.exchangeReward)||void 0===t?void 0:t.reward)||void 0===e?void 0:e.id)&&u({redeemStage:"success",exchangeError:!1}),M&&u({exchangeError:!0})}),[E,M]);const A=o();r((()=>{if(!A.current)return;const t=A.current;t.confetti=t.confetti||ge.create(t,{resize:!0}),t.confetti()}),[A.current]);const{refresh:N}=I();return{states:{content:{text:t},selectedItem:v,redeemStage:y,amount:x,selectedStep:b,exchangeError:w,queryError:!!T,loading:q||S,open:h,noExchangeOptions:0===(null===(e=null==R?void 0:R.viewer)||void 0===e?void 0:e.visibleRewardExchangeItems.totalCount)},data:{exchangeList:null===(a=null===(s=null==R?void 0:R.viewer)||void 0===s?void 0:s.visibleRewardExchangeItems)||void 0===a?void 0:a.data,fuelTankCode:null===(l=null===(i=null==E?void 0:E.exchangeReward)||void 0===i?void 0:i.reward)||void 0===l?void 0:l.fuelTankCode},callbacks:{exchangeReward:async function(){if(!v)return;let t={accountId:null==k?void 0:k.accountId,userId:k.id};switch(v.ruleType){case"FIXED_GLOBAL_REWARD":t={...t,redeemCreditInput:{amount:v.sourceValue,unit:v.sourceUnit},globalRewardKey:v.globalRewardKey};break;case"STEPPED_FIXED_GLOBAL_REWARD":t={...t,redeemCreditInput:{amount:b.sourceValue,unit:v.sourceUnit},globalRewardKey:b.globalRewardKey};break;case"VARIABLE_GLOBAL_REWARD":t={...t,redeemCreditInput:{amount:x,unit:v.sourceUnit},globalRewardKey:v.globalRewardKey,rewardInput:b.rewardInput};break;case"VARIABLE_CREDIT_REWARD":t={...t,redeemCreditInput:{amount:x,unit:v.sourceUnit},rewardInput:{type:"CREDIT",unit:v.destinationUnit,assignedCredit:b.destinationValue}};break;default:t={...t,...b.rewardInput}}await C({exchangeRewardInput:t}),N()},setExchangeState:u,setStage:function(t){u({redeemStage:t})},resetState:t=>{t&&_(),u({amount:0,selectedStep:void 0,selectedItem:void 0,exchangeError:!1,redeemStage:"chooseReward"})},copyFuelTankCode:function(){var t,e;navigator.clipboard.writeText(null===(e=null===(t=null==E?void 0:E.exchangeReward)||void 0===t?void 0:t.reward)||void 0===e?void 0:e.fuelTankCode),m(!0),setTimeout((()=>m(!1)),1e3)}},refs:{canvasRef:A}}}(t);return e(s,{style:{display:"contents"}},e(lt,{states:a,data:i,callbacks:l,refs:c}))}static get assetsDirs(){return["assets"]}};function xe(){return e("slot",{name:"empty"},e("sqm-empty",{emptyStateImage:"https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_exchange2.png",emptyStateHeader:"Redeem rewards",emptyStateText:"Use your points to redeem rewards once they become available"}))}const we=l("sq:useRouter");function ke(t,e){if(t)return D(t).exec(e)}const Ce=class{constructor(e){t(this,e),this.ignored=!0,a(this)}disconnectedCallback(){}render(){const{callbacks:t}=function(){const t=M(),e=h(),[s,a]=n(void 0),[i,o]=n(void 0),l=t.pathname;return r((()=>{const t=e.querySelectorAll("sqm-route");Array.from(t).forEach((t=>{const e=document.createElement("template");e.setAttribute("path",t.path),e.innerHTML=t.innerHTML,t.parentNode.appendChild(e),t.parentNode.removeChild(t)}))}),[]),r((()=>{var t,e;if(!i||!s)return void we("DOM not ready for navigation rendering on:",l);const a=s.querySelectorAll("template"),r=Array.from(a).find((t=>{var e,s,a;if(null===(a=ke(null===(s=null===(e=t.attributes)||void 0===e?void 0:e.path)||void 0===s?void 0:s.nodeValue,l))||void 0===a?void 0:a.length)return t})),n=null===(e=null===(t=null==r?void 0:r.attributes)||void 0===t?void 0:t.path)||void 0===e?void 0:e.nodeValue;if(we({containerDatasetPage:i.dataset.page,templatePath:n,page:l}),!r)return we("No matching page found for ",l,", so render nothing"),i.innerHTML="",void(i.dataset.page=l);we("Page updated to ",l,r),ke(n,i.dataset.page)?we("don't rerender"):r&&(i.innerHTML=r.innerHTML,i.dataset.page=l)}),[s,i,l]),{callbacks:{setSlot:a,setContainer:o}}}();return e(s,null,e("div",{ref:t.setSlot,style:{display:"none"}},e("slot",null)),e("div",{style:{display:"contents"},ref:t.setContainer}))}};Ce.style="sqm-router{display:contents}";const Ee=class{constructor(e){t(this,e),this.ignored=!0,this.buttonType="default",this.scrollAnimation="smooth",a(this)}disconnectedCallback(){}render(){var t;const{callbacks:s}=function(t){const{scrollTagName:e,scrollId:s}=t;return{callbacks:{scroll:async function(){const a=null===document||void 0===document?void 0:document.querySelector(e||`#${s}`);a.dispatchEvent(new CustomEvent("sq:reveal",{detail:e||`#${s}`,bubbles:!0,composed:!0})),await new Promise((t=>setTimeout(t,500))),a.scrollIntoView({behavior:t.scrollAnimation})}}}}(this),a=null!==(t=this.buttonType)&&void 0!==t?t:"primary",r=_({Button:{"& .outline":{"&::part(base)":{color:"var(--sl-color-"+a+"-500)",borderColor:"var(--sl-color-"+a+"-500)",backgroundColor:"transparent","&:hover":{color:"var(--sl-color-primary-text)",backgroundColor:"var(--sl-color-"+a+"-500)"}}},"& .neutral":{"&::part(base)":{color:"var(--sl-color-primary-text)",background:"var(--sl-color-neutral-500)","&:hover":{opacity:"0.8"}}},"& .mobile":{"@media (max-width: 499px)":{width:"100%"}}}}),n=r.toString();let i="";return this.outline&&"default"!=this.buttonType&&(i+="outline "),"neutral"===this.buttonType&&(i+="neutral "),this.mobile&&(i+="mobile "),e("div",{class:r.classes.Button},e("style",{type:"text/css"},`\n\t\t:host{\n\t\t\tdisplay: contents;\n\t\t}\n\t\t${this.mobile&&"\n\t\t@media only screen and (max-width: 499px) {\n\t\t\t:host {\n\t\t\t\tdisplay: block;\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t}\n\t "}\n\t`,n),e("sl-button",{type:this.buttonType,onClick:s.scroll,size:this.size,pill:this.pill,circle:this.circle,class:i},(this.iconSlot||this.iconName)&&e("sl-icon",{slot:this.iconSlot||"prefix",name:this.iconName}),this.buttonText,e("slot",null)))}},Se=class{constructor(e){t(this,e),this.type="default",this.iconslot="prefix",this.hideicon=!1,this.hidetext=!1,this.undefinedLinkText="Error: message link undefined!",this.unsupportedPlatformText="Error: not on a supported device",a(this)}disconnectedCallback(){}render(){const t=N(this),s=u()?function(t){return q({...t,loading:!1,hide:!1,onClick:()=>{}},t.demoData||{},{arrayMerge:(t,e)=>e})}(t):dt(t);return e(ct,Object.assign({},s),e("slot",null))}};Se.style=":host{display:block}:host([hidden]){display:none}sl-button{display:block}";const Ie=m.gql`
161
- query ($programId: ID) {
162
- user: viewer {
163
- ... on User {
164
- referralCode(programId: $programId)
165
- }
166
- }
167
- }
168
- `,Me=m.gql`
169
- mutation loadEvent($eventMeta: UserAnalyticsEvent!) {
170
- createUserAnalyticsEvent(eventMeta: $eventMeta)
171
- }
172
- `,Re=class{constructor(e){t(this,e),this.tooltiptext="Copied to Clipboard",this.tooltiplifespan=1e3,this.textAlign="left",this.copyButtonLabel="Copy Code",this.buttonStyle="icon",a(this)}disconnectedCallback(){}render(){const t=N(this),s=u()?function(t){const[e,s]=n(!1),a="SHARECODE001";return q({copyString:a,tooltiptext:t.tooltiptext,textAlign:t.textAlign,copyButtonLabel:t.copyButtonLabel,buttonStyle:t.buttonStyle,rewardStatus:"AVAILABLE",open:e,onClick:()=>{navigator.clipboard.writeText(a),s(!0),setTimeout((()=>s(!1)),t.tooltiplifespan)}},t.demoData||{},{arrayMerge:(t,e)=>e})}(t):function(t){var e,s;const{programId:a=v()}=t,r=p(),i=b(),{data:o}=f(Ie,{programId:a},!(null==r?void 0:r.jwt)),[l]=g(Me),d=null!==(s=null===(e=null==o?void 0:o.user)||void 0===e?void 0:e.referralCode)&&void 0!==s?s:"...",[c,u]=n(!1);return{...t,onClick:function(){navigator.clipboard.writeText(d),u(!0),setTimeout((()=>u(!1)),t.tooltiplifespan),l({eventMeta:{programId:a,id:null==r?void 0:r.id,accountId:null==r?void 0:r.accountId,type:"USER_REFERRAL_PROGRAM_ENGAGEMENT_EVENT",meta:{engagementMedium:i,shareMedium:"DIRECT"}}})},open:c,copyString:d}}(t);return e(ut,Object.assign({},s))}},qe=class{constructor(e){t(this,e),this.tooltiptext="Copied to Clipboard",this.tooltiplifespan=1e3,this.textAlign="left",this.copyButtonLabel="Copy Link",this.buttonStyle="icon",a(this)}disconnectedCallback(){}render(){const t=N(this),s=u()?function(t){const[e,s]=n(!1),a="https://www.example.com/sharelink/abc";return q({copyString:a,tooltiptext:t.tooltiptext,textAlign:t.textAlign,buttonStyle:t.buttonStyle,copyButtonLabel:t.copyButtonLabel,rewardStatus:"AVAILABLE",open:e,onClick:()=>{navigator.clipboard.writeText(a),s(!0),setTimeout((()=>s(!1)),t.tooltiplifespan)}},t.demoData||{},{arrayMerge:(t,e)=>e})}(t):ht(t);return e(ut,Object.assign({},s))}},_e=class{constructor(e){t(this,e),this.ignored=!0,this.space="xxx-large",this.display="grid",a(this)}disconnectedCallback(){}render(){return e(mt,Object.assign({},N(this)),e("slot",null))}},Te=m.gql`
173
- mutation taskCardEvent($userEventInput: UserEventInput!) {
174
- logUserEvent(userEventInput: $userEventInput) {
175
- userId
176
- }
177
- }
178
- `,Ae=class{constructor(e){t(this,e),this.ignored=!0,this.rewardAmount="0",this.rewardUnit="Points",this.cardTitle="Title Text",this.description="",this.repeatable=!1,this.finite=0,this.showProgressBar=!1,this.goal=1,this.steps=!1,this.progressBarUnit="",this.expiryMessage="Ends {endDate}",this.startsOnMessage="Starts {startDate}",this.endedMessage="Ended {endDate}",this.completedText="Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}",this.buttonText="Complete Action",this.openNewTab=!1,this.hideButton=!1,a(this)}disconnectedCallback(){}render(){const{props:t}=u()?B(this):z({...N(this),programId:this.programId}),{value:s,loading:a}=t,{states:n,callbacks:i}=u()?function(t){return q({states:{loadingEvent:!1,locale:"en"},callbacks:{sendEvent:t=>console.log(t),onClick:()=>console.log("clicked")}},t.demoData||{},{arrayMerge:(t,e)=>e})}(this):function(t){const e=p(),s=y(),[a,{data:n,loading:i}]=g(Te),{refresh:o}=I();function l(){t.openNewTab?window.open(t.buttonLink):window.open(t.buttonLink,"_parent")}function d(t){a({userEventInput:{userId:null==e?void 0:e.id,accountId:null==e?void 0:e.accountId,events:[{key:t,fields:{}}]}})}return r((()=>{n&&(o(),l())}),[n]),{states:{loadingEvent:i,locale:s},callbacks:{sendEvent:d,onClick:function(){t.eventKey?d(t.eventKey):l()}}}}(this);return e(pt,{callbacks:i,states:{loading:a,loadingEvent:n.loadingEvent,progress:s,locale:n.locale},content:{...N(this)}})}},Ne=class{constructor(e){t(this,e),this.ignored=!0,this.icon="gift",a(this)}disconnectedCallback(){}render(){return A().forEach((t=>{try{t.setIcon(this.icon)}catch{}})),e("div",null,e("style",{type:"text/css"},"\n\t\t:host{\n\t\t\tdisplay: block; \n\t\t}\n\n\t\t::slotted(*:not(:only-child):not(:last-child)) {\n\t\t\tmargin-bottom: var(--sl-spacing-xx-large);\n\t\t}\n\t"),e("slot",null))}},Pe=()=>e("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{d:"M22.5 7.5H18.6761H13.5V24H20.75C21.3023 24 21.75 23.5523 21.75 23V22.5V13.5H22.5H23C23.5523 13.5 24 13.0523 24 12.5V12V9V8.5C24 7.94772 23.5523 7.5 23 7.5H22.5Z",fill:"#F2C94C"}),e("path",{d:"M2.25 22.5V23C2.25 23.5523 2.69772 24 3.25 24H10.5V7.5H6.96363H1.5H1C0.447715 7.5 0 7.94772 0 8.5V9V12V12.5C0 13.0523 0.447715 13.5 1 13.5H1.5H2.25V22.5Z",fill:"#F2C94C"}),e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M2.25 13.5V15H21.75V13.5H2.25Z",fill:"#BE9720"}),e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M21 4.06424C21 5.39348 19.0041 7.4062 18 7.5H13.5V24H10.5027V7.5H6.88188C4.8187 7.05273 3 5.46806 3 3.78109C3 2.1371 3.71404 0.835051 5.01276 0.273062C6.25382 -0.26398 7.68678 0.0304991 8.81964 0.817C10.2101 1.78237 10.9902 3.59446 11.6978 5.2384C11.7599 5.38268 11.8215 5.52566 11.8828 5.66667C11.9426 5.53298 12.0028 5.3969 12.0638 5.25912C12.7649 3.67422 13.5654 1.86488 14.9106 0.893444C16.0997 0.0347157 17.6114 -0.289736 18.9181 0.298417C20.2693 0.906596 21 2.3018 21 4.06424ZM15.9185 2.25C16.6392 1.72957 17.502 1.63518 18.2396 2.25C18.8819 2.78542 18.9162 3.03745 18.9987 3.64389L19.0133 3.75C19.0133 4.64776 18.2396 6 17.4659 6C16.9177 6 16.4871 5.99537 16.0836 5.99103C15.3479 5.98312 14.702 5.97618 13.5974 6C13.808 5.59179 13.9761 5.20003 14.1365 4.82641C14.5654 3.82715 14.9386 2.95763 15.9185 2.25ZM7.40792 2.25C7.05911 2.00783 6.25921 2.11591 5.92748 2.25945C5.65341 2.37805 5.24403 2.73987 5.24403 3.78109C5.24403 4.79286 6.88188 5.66667 6.88188 5.66667C6.88188 5.66667 8.18161 6 10.5027 6C9.71258 4.04177 8.59336 3.073 7.40792 2.25Z",fill:"#EB5757"})),Le=()=>e("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("circle",{cx:"12",cy:"12",r:"9",fill:"currentColor",stroke:"currentColor","stroke-width":"2"})),De=_({TimelineReward:{color:"var(--sl-color-neutral-900)",lineHeight:"var(--sl-line-height-dense)","& .container":{display:"flex"},"& .line":{display:"none",color:"transparent",userSelect:"none",background:"var(--sl-color-primary-300)",width:"4px",borderRadius:"4px",margin:"-2px",position:"relative",left:"12px",top:"34px"},"& .step":{display:"flex"},"& .icon":{position:"relative",top:"4px",zIndex:"1",color:"var(--sl-color-primary-300)",marginRight:"var(--sl-spacing-large)"},"& .reward":{marginRight:"var(--sl-spacing-x-small)",fontSize:"var(--sl-font-size-x-large)",fontWeight:"var(--sl-font-weight-semibold)"},"& .unit":{textTransform:"uppercase",fontSize:"var(--sl-font-size-small)"},"& .description":{fontSize:"var(--sl-font-size-medium)"}}}),Ve=De.toString();function Fe(t){var s;const a=null!==(s=t.icon)&&void 0!==s?s:t.iconState;return e("div",{class:De.classes.TimelineReward,part:"sqm-base"},e("style",{type:"text/css"},Ve,"\n\t:host{\n\t\tdisplay: block; \n\t}\n\n\t:host(:not(:last-of-type)) .line {\n\t\tdisplay: block; \n\t}\n\t"),e("div",{class:"container",part:"sqm-entry-container"},e("div",{class:"line"},"/"),e("div",{class:"step"},"gift"===a&&e("div",{class:"icon"},e(Pe,null)),"circle"===a&&e("div",{class:"icon"},e(Le,null)),e("div",null,e("div",null,e("span",{class:"reward",part:"sqm-reward"},t.reward),e("span",{class:"unit",part:"sqm-unit"},t.unit)),e("div",{class:"description",part:"sqm-description"},t.desc)))))}const $e=class{constructor(e){t(this,e),this.ignored=!0,this.iconState="gift",a(this)}async setIcon(t){this.iconState=t}disconnectedCallback(){}render(){return T([this.reward]),e(Fe,Object.assign({},N(this)))}};function je(t){return e(s,null,t.loading?t.loadingText:t.username)}const Be=m.gql`
179
- query getUserName {
180
- viewer {
181
- ... on User {
182
- firstName
183
- lastName
184
- }
185
- }
186
- }
187
- `,ze=class{constructor(e){t(this,e),this.ignored=!0,this.fallback="Anonymous User",this.loadingText="...",a(this)}disconnectedCallback(){}render(){const t=u()?function(t){return q({loading:!1,loadingText:"...",username:"John Smith"},t.demoData||{},{arrayMerge:(t,e)=>e})}(this):function(t){var e,s,a,r,n,i,o,l;const d=p(),c=f(Be,{},!(null==d?void 0:d.jwt)),u=(null===(s=null===(e=c.data)||void 0===e?void 0:e.viewer)||void 0===s?void 0:s.firstName)||(null===(r=null===(a=c.data)||void 0===a?void 0:a.viewer)||void 0===r?void 0:r.lastName)?`${null===(i=null===(n=c.data)||void 0===n?void 0:n.viewer)||void 0===i?void 0:i.firstName} ${null===(l=null===(o=c.data)||void 0===o?void 0:o.viewer)||void 0===l?void 0:l.lastName}`:t.fallback;return{loadingText:t.loadingText,loading:c.loading,username:u}}(this);return e(je,Object.assign({},t))}};export{vt as sqm_big_stat,gt as sqm_brand,ft as sqm_card_feed,wt as sqm_checkbox_field,Et as sqm_coupon_code,It as sqm_divided_layout,Mt as sqm_dropdown_field,Tt as sqm_edit_profile,At as sqm_hero,Pt as sqm_hero_image,Lt as sqm_hook_story_container,Vt as sqm_image,Ft as sqm_input_field,Bt as sqm_leaderboard,Zt as sqm_link_button,Kt as sqm_name_fields,Yt as sqm_navigation_menu,Jt as sqm_portal_change_password,Qt as sqm_portal_footer,te as sqm_portal_frame,ee as sqm_portal_login,se as sqm_portal_register,re as sqm_program_explainer,ie as sqm_program_explainer_step,le as sqm_program_menu,he as sqm_referral_card,pe as sqm_referral_iframe,ye as sqm_reward_exchange_list,Ce as sqm_router,Ee as sqm_scroll,Se as sqm_share_button,Re as sqm_share_code,qe as sqm_share_link,_e as sqm_stat_container,Ae as sqm_task_card,Ne as sqm_timeline,$e as sqm_timeline_entry,ze as sqm_user_name}