npm - @saasquatch/mint-components - Versions diffs - 1.6.4-0 → 1.6.4-2 - Mend

@saasquatch/mint-components 1.6.4-0 → 1.6.4-2

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.

Files changed (108) hide show

package/dist/esm-es5/sqm-big-stat_35.entry.js CHANGED Viewed

	@@ -1 +1 @@
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,r=1,n=arguments.length;r<n;r++){t=arguments[r];for(var a in t)if(Object.prototype.hasOwnProperty.call(t,a))e[a]=t[a]}return e};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter\|\|function(e,t,r,n){function a(e){return e instanceof r?e:new r((function(t){t(e)}))}return new(r\|\|(r=Promise))((function(r,i){function o(e){try{l(n.next(e))}catch(e){i(e)}}function s(e){try{l(n["throw"](e))}catch(e){i(e)}}function l(e){e.done?r(e.value):a(e.value).then(o,s)}l((n=n.apply(e,t\|\|[])).next())}))};var __generator=this&&this.__generator\|\|function(e,t){var r={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},n,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(n)throw new TypeError("Generator is already executing.");while(r)try{if(n=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:r.label++;return{value:o[1],done:false};case 5:r.label++;a=o[1];o=[0];continue;case 7:o=r.ops.pop();r.trys.pop();continue;default:if(!(i=r.trys,i=i.length>0&&i[i.length-1])&&(o[0]===6\|\|o[0]===2)){r=0;continue}if(o[0]===3&&(!i\|\|o[1]>i[0]&&o[1]<i[3])){r.label=o[1];break}if(o[0]===6&&r.label<i[1]){r.label=i[1];i=o;break}if(i&&r.label<i[2]){r.label=i[2];r.ops.push(o);break}if(i[2])r.ops.pop();r.trys.pop();continue}o=t.call(e,r)}catch(e){o=[6,e];a=0}finally{n=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,r=arguments.length;t<r;t++)e+=arguments[t].length;for(var n=Array(e),a=0,t=0;t<r;t++)for(var i=arguments[t],o=0,s=i.length;o<s;o++,a++)n[a]=i[o];return n};import{r as registerInstance,h as h$1,c as Host}from"./index-17b4da69.js";import{m as h,u as useEffect,i as useState,o as d,j as useRef,b as browser,f as useReducer}from"./stencil-hooks.module-203eab48.js";import{i as intl}from"./global-9ad01db9.js";import{u as useCallback}from"./use-callback-f03b0607.js";import{i as isDemo,R,d as dist,N,a as dn,P as Pe,O,x,o as on,f as fn,j as Ve,M as Me,k as je,p as Le,l as ln,U}from"./index.module-48cc9ee0.js";import{j as jsonpointer}from"./jsonpointer-388a7082.js";import{c as cjs}from"./cjs-bdfb4486.js";import"./mixins-59fd94b7.js";import{c as createStyleSheet}from"./JSS-506b9295.js";import{a as useRequestRerender}from"./re-render-60dbb00f.js";import{u as useChildElements}from"./useChildElements-03c9004c.js";import"./luxon-198ac0b0.js";import{g as getProps,a as getMissingProps,s as sanitizeUrlPath}from"./utils-d7bbb0e2.js";import"./sqm-text-span-view-20c0f018.js";import{A as AsYouType}from"./AsYouType-46f67d0d.js";import{R as REGISTRATION_FORM_STATE_CONTEXT,u as useRegistrationFormState}from"./useRegistrationFormState-09847a08.js";import{c as useDemoBigStat,K as useBigStat,B as BigStatView,H as autoColorScaleCss,G as CardFeedView,C as CheckboxFieldView,D as DropdownFieldView,E as EditProfileView,I as InputFieldView,M as withShadowView,L as LeaderboardView,N as NameFieldsView,e as PortalChangePasswordView,P as PortalFrameView,f as PortalLoginView,g as PortalRegisterView,R as ReferralIframeView,O as demoRewardExchange,i as RewardExchangeView,Q as pathToRegexp,b as useShareButton,S as ShareButtonView,a as ShareLinkView,u as useShareLink,d as StatContainerView,T as TaskCardView}from"./ShadowViewAddon-6028b86b.js";import"./sqm-portal-container-view-e82d4877.js";var BigStat=function(){function e(e){registerInstance(this,e);this.flexReverse=false;this.ignored=true;h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e;var t=isDemo()?useDemoBigStat(this):useBigStat(this),r=t.props,n=t.label;var a=R();var i=!!((e=a.innerHTML)===null\|\|e===void 0?void 0:e.trim());var o=h$1("slot",{name:"label"},i?h$1("slot",null):n);return h$1(BigStatView,Object.assign({},r,{labelSlot:o}))};return e}();function buildFontsCssUrl(){var e=[];for(var t=0;t<arguments.length;t++){e[t]=arguments[t]}var r=e.map((function(e){return"family="+encodeURIComponent(e)})).join("&");return"https://fonts.googleapis.com/css2?"+r}var BrandComponent=function(){function e(e){registerInstance(this,e);h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e,t;function r(e){if(e){try{return autoColorScaleCss(e)}catch(e){}}return undefined}var n=(e=r(this.brandColor))!==null&&e!==void 0?e:"";var a=((t=this.brandFont)!==null&&t!==void 0?t:"Nunito Sans").trim()\|\|undefined;useEffect((function(){if(!a){return}var e=document.createElement("link");e.setAttribute("href",buildFontsCssUrl(a));e.setAttribute("rel","stylesheet");document.head.appendChild(e);return function(){return document.head.removeChild(e)}}),[a]);var i=a!==null&&a!==void 0?a:"";return h$1(Host,null,h$1("style",null,'\n\n :host{\n display: contents;\n }\n /* \n Selects any element placed inside a slot\n - resets css variable inheritence for fonts\n \n /\n ::slotted() {\n --sl-font-sans: "'+i+'", arial;\n --sl-input-font-family: "'+i+'", arial;\n --sl-tooltip-font-family: "'+i+'", arial;\n font-family: "'+i+'", arial;\n\t\t\t\n '+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 }"),h$1("slot",null))};return e}();var CardFeed=function(){function e(e){registerInstance(this,e);this.ignored=true;this.width=347;this.gap=24;h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){return h$1(CardFeedView,Object.assign({},getProps(this)),h$1("slot",null))};return e}();var style={IconStyle:{display:"block",position:"absolute",top:"23px"},DivStyle:{marginLeft:"28px"},Details:{marginLeft:"28px"},Heading:{display:"inline-block"},Children:{display:"none"}};var sheet=createStyleSheet(style);var styleString=sheet.toString();function RequiredPropsError(e,t){var r=e.missingProps,n=e.heading,a=n===void 0?"There was a problem loading this section":n,i=e.subheading,o=i===void 0?"There was a technical problem that prevented this section from loading. Please contact us with the link to this page.":i,s=e.description,l=s===void 0?"Error occured while loading <{tagName}>. Values for the following attributes are missing:":s;if(!r)return false;var d=R();var u=useState(false),c=u[0],h=u[1];return h$1("sl-alert",{type:"danger",open:true},h$1("style",{type:"text/css"},styleString),h$1("div",{slot:"icon",class:sheet.classes.IconStyle},h$1("sl-icon",{name:"exclamation-octagon"})),h$1("div",{class:sheet.classes.DivStyle},h$1("h2",{class:sheet.classes.Heading},intl.formatMessage({id:"error-heading",defaultMessage:a})),h$1("p",null,intl.formatMessage({id:"error-subheading",defaultMessage:o}))),h$1("details",{class:sheet.classes.Details},h$1("summary",{onClick:function(){return h(!c)}},c?"Less":"More"," details"),h$1("p",null,intl.formatMessage({id:"error-description",defaultMessage:l},{tagName:d.tagName.toLowerCase()})),h$1("ul",null,r.map((function(e){return h$1("li",null,h$1("strong",null,e.attribute))})))),h$1("div",{class:sheet.classes.Children},t))}function useCheckboxField(e){var t;var r=d(REGISTRATION_FORM_STATE_CONTEXT);var n=useState(false),a=n[0],i=n[1];useEffect((function(){var t,n;if((t=r===null\|\|r===void 0?void 0:r.initialData)===null\|\|t===void 0?void 0:t[e.checkboxName]){i(!!((n=r===null\|\|r===void 0?void 0:r.initialData)===null\|\|n===void 0?void 0:n[e.checkboxName]))}}),[(t=r===null\|\|r===void 0?void 0:r.initialData)===null\|\|t===void 0?void 0:t[e.checkboxName]]);return{states:{registrationFormState:r,checked:a},callbacks:{setChecked:i}}}var CheckboxField=function(){function e(e){registerInstance(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;h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=getMissingProps([{attribute:"checkbox-name",value:this.checkboxName}]);if(!isDemo()&&e){return h$1(RequiredPropsError,{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({},getProps(this));var r=isDemo()?useCheckboxFieldDemo(this):useCheckboxField(this),n=r.states,a=r.callbacks;return h$1(CheckboxFieldView,{states:n,content:t,callbacks:a})};return e}();function useCheckboxFieldDemo(e){return cjs({states:{registrationFormState:{},checked:false},callbacks:{setChecked:function(){}}},e.demoData\|\|{},{arrayMerge:function(e,t){return t}})}function DividedLayoutView(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 n={LayoutContainer:{display:"contents","& > :not(:last-child)":__assign({},r()),"& > ::slotted(:not(:last-child))":__assign({},r())}};var a="\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 ";var i="\n :host{\n "+a+"\n }\n sqm-divided-layout {\n "+a+"\n }\n ";var o=createStyleSheet(n);var s=o.toString();return h$1("div",{class:o.classes.LayoutContainer},h$1("style",{type:"text/css"},i,s),t)}var DividedLayout=function(){function e(e){registerInstance(this,e);this.dividerStyle="1px solid #EAEAEA";h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){return h$1(DividedLayoutView,Object.assign({},getProps(this)),h$1("slot",null))};return e}();function useDropdownField(){var e=d(REGISTRATION_FORM_STATE_CONTEXT);return{states:{registrationFormState:e}}}var DropdownField=function(){function e(e){registerInstance(this,e);this.ignored=true;this.dropdownLabel="Select an option";this.errorMessage="Select an option";this.dropdownOptional=false;h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=getMissingProps([{attribute:"dropdown-name",value:this.dropdownName}]);if(!isDemo()&&e){return h$1(RequiredPropsError,{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:"},h$1("slot",null))}var t=__assign(__assign({},getProps(this)),{selectOptions:h$1("slot",null)});var r=(isDemo()?useDropdownFieldDemo(this):useDropdownField()).states;return h$1(DropdownFieldView,{states:r,content:t})};return e}();function useDropdownFieldDemo(e){return cjs({states:{registrationFormState:{}}},e.demoData\|\|{},{arrayMerge:function(e,t){return t}})}var GET_USER=dist.gql(templateObject_1\|\|(templateObject_1=__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 UPSERT_USER=dist.gql(templateObject_2\|\|(templateObject_2=__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 defaultFormState={currentRegion:"",firstName:"",lastName:"",errors:{},error:""};function useEditProfile(e){var t=N();var r=useState(false),n=r[0],a=r[1];var i=useState(""),o=i[0],s=i[1];var l=useState(undefined),d=l[0],u=l[1];var c=useState(defaultFormState),h=c[0],f=c[1];var m=dn(GET_USER,{},!(t===null\|\|t===void 0?void 0:t.jwt));var g=Pe(UPSERT_USER),p=g[0],v=g[1];useEffect((function(){if((v===null\|\|v===void 0?void 0:v.loading)\|\|!n)return;if(v===null\|\|v===void 0?void 0:v.errors){f((function(e){var t,r,n;return __assign(__assign({},e),{error:(n=(r=(t=v===null\|\|v===void 0?void 0:v.errors)===null\|\|t===void 0?void 0:t.response)===null\|\|r===void 0?void 0:r.errors)===null\|\|n===void 0?void 0:n[0].message})}))}else{u((function(e){var t;return __assign(__assign({},e),(t=v===null\|\|v===void 0?void 0:v.data)===null\|\|t===void 0?void 0:t.upsertUser)}));a(false)}}),[v===null\|\|v===void 0?void 0:v.loading]);useEffect((function(){u((function(e){var t;return __assign(__assign({},e),(t=m===null\|\|m===void 0?void 0:m.data)===null\|\|t===void 0?void 0:t.viewer)}))}),[m===null\|\|m===void 0?void 0:m.data]);useEffect((function(){var e;if((e=v===null\|\|v===void 0?void 0:v.errors)===null\|\|e===void 0?void 0:e.message){f((function(e){return __assign(__assign({},e),{error:"Network request failed."})}))}}),[v===null\|\|v===void 0?void 0:v.errors]);return{states:{loading:(m===null\|\|m===void 0?void 0:m.loading)\|\|v.loading,submitDisabled:false,formState:h,user:d,showEdit:n,text:{editprofileheader:e.editprofileheader,editprofiletext:e.editprofiletext,firstnametext:e.firstnametext,lastnametext:e.lastnametext,canceltext:e.canceltext,updatetext:e.updatetext,currentregiontext:e.currentregiontext,showregion:e.showregion}},callbacks:{onSubmit:function(){if(h.firstName&&h.lastName){p({id:t===null\|\|t===void 0?void 0:t.id,accountId:t===null\|\|t===void 0?void 0:t.accountId,firstName:h.firstName,lastName:h.lastName});f((function(e){return __assign(__assign({},e),{errors:{}})}));return}var e={};if(!h.firstName){e["firstName"]={message:"Field can't be empty"}}if(!h.lastName){e["lastName"]={message:"Field can't be empty"}}if(e!=={}){f((function(e){return __assign(__assign({},e),{error:"Please correct the errors below to update your profile."})}))}f((function(t){return __assign(__assign({},t),{errors:e})}))},resetForm:function(){var e,t,r,n,a,i;var o=((t=(e=m===null\|\|m===void 0?void 0:m.data)===null\|\|e===void 0?void 0:e.viewer)===null\|\|t===void 0?void 0:t.countryCode)?intl.formatDisplayName(m.data.viewer.countryCode,{type:"region"}):"";u(__assign(__assign({},(r=m.data)===null\|\|r===void 0?void 0:r.viewer),(n=v.data)===null\|\|n===void 0?void 0:n.upsertUser));f(__assign(__assign(__assign(__assign({},defaultFormState),(a=m.data)===null\|\|a===void 0?void 0:a.viewer),(i=v.data)===null\|\|i===void 0?void 0:i.upsertUser),{currentRegion:o}))},onChange:function(e){var t=e.target,r=t.name,n=t.value;f((function(e){var t;return __assign(__assign({},e),(t={},t[r]=n,t))}))},setShowEdit:a}}}var sqmEditProfileCss=".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 EditProfile=function(){function e(e){registerInstance(this,e);this.ignored=true;h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=isDemo()?useEditProfileDemo(getProps(this)):useEditProfile(getProps(this));return h$1(EditProfileView,Object.assign({},e))};return e}();function useEditProfileDemo(e){return cjs({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}},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}})}EditProfile.style=sqmEditProfileCss;function HeroImageView(e,t){var r=Boolean((e.header\|\|e.description\|\|e.buttonText)&&e.layout==="overlay");var n={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%",maxWidth:"max-content",objectFit:"cover",margin:"auto"},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","@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.5var(--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 a=createStyleSheet(n);var i=a.toString();var o="\n :host{\n display: block;\n }";return h$1("div",{class:a.classes.Container},h$1("style",{type:"text/css"},o,i),e.layout==="overlay"&&s(),e.layout==="columns"&&l());function s(){return h$1("div",{class:a.classes.Background},h$1("div",{class:a.classes.Overlay},e.header&&h$1("div",{class:a.classes.Header},e.header),e.description&&h$1("div",{class:a.classes.Description},e.description),e.buttonText&&h$1("sl-button",{class:a.classes.Button,type:"primary",onClick:function(){return e.buttonNewTab?window.open(e.buttonLink):window.open(e.buttonLink,"_parent")}},e.buttonText),t&&t))}function l(){return h$1("div",null,h$1("div",{class:a.classes.Column},h$1("div",{class:"image-area"},h$1("img",{class:a.classes.Image,src:e.imageUrl})),h$1("div",{class:"text-area"},e.header&&h$1("div",{class:a.classes.Header},e.header),e.description&&h$1("div",{class:a.classes.Description},e.description),e.buttonText&&h$1("sl-button",{class:a.classes.Button,type:"primary",onClick:function(){return e.buttonNewTab?window.open(e.buttonLink):window.open(e.buttonLink,"_parent")}},e.buttonText))))}}var HeroImage=function(){function e(e){registerInstance(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";h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){return h$1(HeroImageView,Object.assign({},getProps(this)),h$1("slot",null))};return e}();var SqmHookStoryContainer=function(){function e(e){registerInstance(this,e);this.ignored=true;h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=this.hookStory;return h$1(e,null)};return e}();function useInputField(){var e=d(REGISTRATION_FORM_STATE_CONTEXT);return{states:{registrationFormState:e}}}var InputField=function(){function e(e){registerInstance(this,e);this.ignored=true;this.fieldType="text";this.errorMessage="Cannot be empty";this.fieldOptional=false;h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=__assign({},getProps(this));var t=getMissingProps([{attribute:"field-name",value:this.fieldName}]);if(!isDemo()&&t){return h$1(RequiredPropsError,{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=(isDemo()?useInputFieldDemo(this):useInputField()).states;return h$1(InputFieldView,{states:r,content:e})};return e}();function useInputFieldDemo(e){return cjs({states:{registrationFormState:{}}},e.demoData\|\|{},{arrayMerge:function(e,t){return t}})}var GET_LEADERBOARD=dist.gql(templateObject_3\|\|(templateObject_3=__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 GET_RANK=dist.gql(templateObject_4\|\|(templateObject_4=__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 useLeaderboard(e){var t,r,n,a,i,o,s,l,d,u;var c=O();var h=(t=e.programId)!==null&&t!==void 0?t:c;var f=N();var m=x();var g=h?{type:e.leaderboardType,filter:{programId_eq:h}}:{type:e.leaderboardType,filter:{}};if(e.interval){g.filter["interval"]=e.interval}if(m){g["locale"]=m}if(e.maxRows>0){g["limit"]=e.maxRows}var p=dn(GET_LEADERBOARD,g,!(f===null\|\|f===void 0?void 0:f.jwt)),v=p.data,b=p.loading;var w=dn(GET_RANK,g,!(f===null\|\|f===void 0?void 0:f.jwt)).data;var y=(r=v===null\|\|v===void 0?void 0:v.userLeaderboard)===null\|\|r===void 0?void 0:r.rows;var _=k(y);var S=_===null\|\|_===void 0?void 0:_.sort((function(e,t){return e.rank-t.rank}));function k(t){return t===null\|\|t===void 0?void 0:t.flatMap((function(t){var r,n;return{textValue:t.textValue,firstName:t.firstName,lastInitial:t.lastInitial,rank:(r=t.rank)===null\|\|r===void 0?void 0:r[e.rankType],rowNumber:(n=t.rank)===null\|\|n===void 0?void 0:n.rowNumber}}))}var C={textValue:(a=(n=w===null\|\|w===void 0?void 0:w.viewer)===null\|\|n===void 0?void 0:n.leaderboardRank)===null\|\|a===void 0?void 0:a.textValue,firstName:(i=w===null\|\|w===void 0?void 0:w.viewer)===null\|\|i===void 0?void 0:i.firstName,lastInitial:(o=w===null\|\|w===void 0?void 0:w.viewer)===null\|\|o===void 0?void 0:o.lastInitial,rank:(l=(s=w===null\|\|w===void 0?void 0:w.viewer)===null\|\|s===void 0?void 0:s.leaderboardRank)===null\|\|l===void 0?void 0:l[e.rankType],rowNumber:(u=(d=w===null\|\|w===void 0?void 0:w.viewer)===null\|\|d===void 0?void 0:d.leaderboardRank)===null\|\|u===void 0?void 0:u.rowNumber};return{states:{loading:b,hasLeaders:(S===null\|\|S===void 0?void 0:S.length)>0,styles:e},data:{leaderboard:S,rankType:e.rankType,viewerRank:C},elements:{empty:e.empty,loadingstate:e.loadingstate}}}var Leaderboard=function(){function e(e){registerInstance(this,e);this.hideViewer=false;this.anonymousUser="Anonymous User";this.maxRows=10;this.ignored=true;h(this);withShadowView(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e={empty:h$1(EmptySlot,null),loadingstate:h$1(LoadingSlot,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};var t=__assign(__assign({},e),{demoData:this.demoData});var r=isDemo()?useLeaderboardDemo(t):useLeaderboard(e);return h$1(LeaderboardView,Object.assign({},r))};return e}();function EmptySlot(){return h$1("slot",{name:"empty"},h$1("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 LoadingSlot(){return h$1("slot",{name:"loading"},h$1("table",null,__spreadArrays(Array(10)).map((function(){return h$1("tr",null,h$1("td",null,h$1("sl-skeleton",null)))}))))}function useLeaderboardDemo(e){var t,r;var n=((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 cjs({states:{loading:false,hasLeaders:true,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:n},elements:{empty:h$1(EmptySlot,null),loadingstate:h$1(LoadingSlot,null)}},e.demoData\|\|{},{arrayMerge:function(e,t){return t}})}function useNameFields(e){var t=d(REGISTRATION_FORM_STATE_CONTEXT);return{states:{registrationFormState:t,content:{lastNameLabel:e.lastNameLabel,firstNameLabel:e.firstNameLabel}}}}var NameFields=function(){function e(e){registerInstance(this,e);this.ignored=true;this.firstNameLabel="First Name";this.lastNameLabel="Last Name";h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=(isDemo()?useNameFieldsDemo(this):useNameFields(this)).states;return h$1(NameFieldsView,{states:e})};return e}();function useNameFieldsDemo(e){return cjs({states:{validationErrors:[],content:{firstNameLabel:e.firstNameLabel,lastNameLabel:e.lastNameLabel}}},e.demoData\|\|{},{arrayMerge:function(e,t){return t}})}function NavigationMenuView(e){var t=e.states;var r=t.styles;return t.includeDropdown?h$1("sl-dropdown",{style:"margin-bottom: var(--sl-spacing-large)"},h$1("sl-button",{slot:"trigger",caret:true,onClick:e.callbacks.rerender,exportparts:"base: dropdownbutton-base"},r.menuLabel),h$1("sl-menu",{ref:function(t){if(e.ref.current===undefined){e.ref.current=t;e.callbacks.rerender()}}},h$1("slot",null))):""}function handleMenu(e){fn.push(e.detail.item.value)}function useNavigationMenu(e){var t=useRef();var r=on(),n=r[1];var a=N();useEffect((function(){var e;(e=t.current)===null\|\|e===void 0?void 0:e.addEventListener("sl-select",(function(e){return handleMenu(e)}))}),[t.current]);return{states:{includeDropdown:((a===null\|\|a===void 0?void 0:a.id)\|\|(a===null\|\|a===void 0?void 0:a.accountId)\|\|(a===null\|\|a===void 0?void 0:a.jwt))!==undefined,styles:{menuLabel:e.menuLabel}},callbacks:{rerender:n},ref:t}}var sqmNavigationMenuCss=":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 NavigationMenu=function(){function e(e){registerInstance(this,e);this.ignored=true;h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=isDemo()?useNavigationMenuDemo(getProps(this)):useNavigationMenu(getProps(this));return h$1(Host,{slot:"sqm-navigation-menu"},h$1(NavigationMenuView,Object.assign({},e)))};return e}();function useNavigationMenuDemo(e){return cjs({states:{includeDropdown:true,styles:__assign(__assign({},e),{menuLabel:"Menu"})},callbacks:{rerender:function(){}},ref:{current:undefined}},e.demoData\|\|{},{arrayMerge:function(e,t){return t}})}NavigationMenu.style=sqmNavigationMenuCss;function usePortalChangePassword(e){var t=this;var r,n,a,i,o,s,l;var d=Ve(),u=d[0],c=d[1],h=c.loading,f=c.errors,m=c.data;var g=useState(false),p=g[0],v=g[1];var b=useState(""),w=b[0],y=b[1];var x=useState(false),_=x[0],S=x[1];var k=N();var C=function(e){return __awaiter(t,void 0,void 0,(function(){var t,r,n,a,i;return __generator(this,(function(o){switch(o.label){case 0:S(false);n=(t=e.detail)===null\|\|t===void 0?void 0:t.formData;n===null\|\|n===void 0?void 0:n.forEach((function(e,t){jsonpointer.set(n,t,e)}));if(!(k===null\|\|k===void 0?void 0:k.jwt)){y("Please log in again to change your password.");return[2]}if(n.password!==n.confirmPassword){y("Passwords do not match.");return[2]}y("");a={password:n.password};return[4,u(a)];case 1:i=o.sent();if(!(i instanceof Error)&&((r=i.changeManagedIdentityPassword)===null\|\|r===void 0?void 0:r.success)){S(true)}return[2]}}))}))};return{states:{open:p,loading:h,success:_,error:w\|\|((i=(a=(n=(r=f===null\|\|f===void 0?void 0:f.response)===null\|\|r===void 0?void 0:r.errors)===null\|\|n===void 0?void 0:n[0])===null\|\|a===void 0?void 0:a.extensions)===null\|\|i===void 0?void 0:i.message)\|\|((l=(s=(o=f===null\|\|f===void 0?void 0:f.response)===null\|\|o===void 0?void 0:o.errors)===null\|\|s===void 0?void 0:s[0])===null\|\|l===void 0?void 0:l.message),content:{modalChangePasswordHeader:e.modalChangePasswordHeader,cancelText:e.cancelText,changePasswordButtonText:e.changePasswordButtonText,passwordFieldLabel:e.passwordFieldLabel,confirmPasswordFieldLabel:e.confirmPasswordFieldLabel,successMessage:e.successMessage,portalChangePasswordHeader:e.portalChangePasswordHeader,portalChangePasswordButtonText:e.portalChangePasswordButtonText}},data:{},callbacks:{setOpen:v,submit:C}}}var PortalChangePassword=function(){function e(e){registerInstance(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...";h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=isDemo()?usePortalChangePasswordDemo(this):usePortalChangePassword(this),t=e.states,r=e.callbacks;return h$1(PortalChangePasswordView,{states:t,callbacks:r})};return e}();function usePortalChangePasswordDemo(e){var t=useState(false),r=t[0],n=t[1];return cjs({states:{open:r,error:"",content:{modalChangePasswordHeader:e.modalChangePasswordHeader,cancelText:e.cancelText,changePasswordButtonText:e.changePasswordButtonText,passwordFieldLabel:e.passwordFieldLabel,confirmPasswordFieldLabel:e.confirmPasswordFieldLabel,successMessage:e.successMessage,portalChangePasswordHeader:e.portalChangePasswordHeader,portalChangePasswordButtonText:e.portalChangePasswordButtonText}},callbacks:{setOpen:function(e){return n(e)},submit:function(e){return console.log("Submit",e)}}},e.demoData\|\|{},{arrayMerge:function(e,t){return t}})}function usePortalFrame(e,t){var r=on(),n=r[1];return{data:{footer:e,header:t},callbacks:{rerender:n}}}var PortalFrame=function(){function e(e){registerInstance(this,e);this.ignored=true;this.notFullScreen=false;h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=h$1("slot",{name:"footer"});var t=h$1("slot",{name:"header"});var r=isDemo()?usePortalFrameDemo(e,t,this):usePortalFrame(e,t);return h$1(PortalFrameView,Object.assign({},r),h$1("slot",null))};return e}();function usePortalFrameDemo(e,t,r){return cjs({notFullScreen:true,data:{footer:e?e:h$1("span",null,"example@example.com"),header:t?t:h$1("div",{style:{display:"flex",flexDirection:"column"}},h$1("span",{style:{fontSize:"var(--sl-font-size-large)",fontWeight:"bold"}},"Portal Header"),h$1("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 usePortalLogin(e){var t=this;var r,n,a,i,o,s,l;var d=Me(),u=d[0],c=d[1],h=c.loading,f=c.errors,m=c.data;var g=useState(""),p=g[0],v=g[1];var b=new URLSearchParams(fn.location.search);var w=b.get("nextPage");var y=function(r){return __awaiter(t,void 0,void 0,(function(){var t,n,a,i,o,s;return __generator(this,(function(l){switch(l.label){case 0:v("");a=r.detail.formData;a===null\|\|a===void 0?void 0:a.forEach((function(e,t){jsonpointer.set(a,t,e)}));i={email:a.email,password:a.password};return[4,u(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"]))v("Network request failed.");return[2]}if((n=o.authenticateManagedIdentityWithEmailAndPassword)===null\|\|n===void 0?void 0:n.token){b.delete("nextPage");s=sanitizeUrlPath(w\|\|e.nextPage);fn.push(s.href)}return[2]}}))}))};var x=((i=(a=(n=(r=f===null\|\|f===void 0?void 0:f.response)===null\|\|r===void 0?void 0:r.errors)===null\|\|n===void 0?void 0:n[0])===null\|\|a===void 0?void 0:a.extensions)===null\|\|i===void 0?void 0:i.message)\|\|((l=(s=(o=f===null\|\|f===void 0?void 0:f.response)===null\|\|o===void 0?void 0:o.errors)===null\|\|s===void 0?void 0:s[0])===null\|\|l===void 0?void 0:l.message)\|\|p;return{states:{loading:h,error:x,registerPath:e.registerPath,forgotPasswordPath:e.forgotPasswordPath},callbacks:{submit:y}}}var PortalLogin=function(){function e(e){registerInstance(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";h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=isDemo()?useLoginDemo(this):usePortalLogin(this),t=e.states,r=e.callbacks;var n={forgotPasswordButton:h$1("slot",{name:"forgotPassword"},h$1("a",{onClick:function(){return fn.push(t.forgotPasswordPath)}},this.forgotPasswordLabel)),secondaryButton:h$1("slot",{name:"secondaryButton"},h$1("sl-button",{type:"text",disabled:t.loading,onClick:function(){return fn.push(t.registerPath)}},this.registerLabel)),emailLabel:this.emailLabel,passwordLabel:this.passwordLabel,submitLabel:this.submitLabel,pageLabel:this.pageLabel};return h$1(PortalLoginView,{states:t,callbacks:r,content:n})};return e}();function useLoginDemo(e){var t=this;return cjs({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 usePortalRegister(e){var t=this;var r,n,a,i,o,s,l,d,u;var c=useRef(null);var h=useRegistrationFormState({}),f=h.registrationFormState,m=h.setRegistrationFormState;var g=je(),p=g[0],v=g[1],b=v.loading,w=v.errors,y=v.data;useEffect((function(){if(!c.current)return;var e=c.current;e.addEventListener("sl-input",_);return function(){e.removeEventListener("sl-input",_)}}),[c.current]);var x=function(r){return __awaiter(t,void 0,void 0,(function(){var t,n,a,i,o,s,l,d,u,c;return __generator(this,(function(h){switch(h.label){case 0:n=r.target.getFormControls();a={};i={};n===null\|\|n===void 0?void 0:n.forEach((function(e){if(!e.name)return;var t=e.name;var r=e.value;jsonpointer.set(a,t,r);if(e.required&&!r){jsonpointer.set(i,t,"Cannot be empty")}if(typeof e.validationError==="function"){var n=e.validationError;var o=n({control:e,key:t,value:r});if(o)jsonpointer.set(i,t,o)}}));if((e.confirmPassword\|\|a.confirmPassword)&&a.password!==a.confirmPassword){i=__assign(__assign({},i),{confirmPassword:"Passwords do not match."})}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};h.label=1;case 1:h.trys.push([1,3,,4]);return[4,p(d)];case 2:u=h.sent();if(u instanceof Error){throw u}m({loading:false,error:"",validationErrors:{}});if((t=u.registerManagedIdentityWithEmailAndPassword)===null\|\|t===void 0?void 0:t.token){fn.push(e.nextPage)}return[3,4];case 3:c=h.sent();m({loading:false,error:"Network request failed.",validationErrors:{}});return[3,4];case 4:return[2]}}))}))};var _=useCallback((function(e){var t,r;var n=(r=(t=e.target)===null\|\|t===void 0?void 0:t.type)===null\|\|r===void 0?void 0:r.toLowerCase();if(n!=="tel")return;var a=new AsYouType("US");e.target.value=a.input(e.target.value)}),[]);var S="";if((r=w===null\|\|w===void 0?void 0:w.response)===null\|\|r===void 0?void 0:r["error"]){S="Network request failed"}else if((w===null\|\|w===void 0?void 0:w.message)&&!((n=w===null\|\|w===void 0?void 0:w.response)===null\|\|n===void 0?void 0:n.errors.length)){S="Network request failed"}else{S=((s=(o=(i=(a=w===null\|\|w===void 0?void 0:w.response)===null\|\|a===void 0?void 0:a.errors)===null\|\|i===void 0?void 0:i[0])===null\|\|o===void 0?void 0:o.extensions)===null\|\|s===void 0?void 0:s.message)\|\|((u=(d=(l=w===null\|\|w===void 0?void 0:w.response)===null\|\|l===void 0?void 0:l.errors)===null\|\|d===void 0?void 0:d[0])===null\|\|u===void 0?void 0:u.message)\|\|(f===null\|\|f===void 0?void 0:f.error)}return{states:{loading:b,error:S,registrationFormState:f,confirmPassword:e.confirmPassword,hideInputs:e.hideInputs,loginPath:e.loginPath,disablePasswordValidation:e.disablePasswordValidation},callbacks:{submit:x,inputFunction:_},refs:{formRef:c}}}var PortalRegister=function(){function e(e){registerInstance(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";h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=isDemo()?useRegisterDemo(this):usePortalRegister(this),t=e.states,r=e.callbacks,n=e.refs;var a={formData:h$1("slot",{name:"formData"}),secondaryButton:h$1("slot",{name:"secondaryButton"},h$1("sl-button",{type:"text",disabled:t.loading,onClick:function(){return fn.push(t.loginPath)}},this.loginLabel)),terms:h$1("slot",{name:"terms"}),emailLabel:this.emailLabel,passwordLabel:this.passwordLabel,submitLabel:this.submitLabel,pageLabel:this.pageLabel,confirmPasswordLabel:this.confirmPasswordLabel};return h$1(PortalRegisterView,{states:t,callbacks:r,content:a,refs:n})};return e}();function useRegisterDemo(e){var t=this;return cjs({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 ProgramExplainerView(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 n=createStyleSheet(r);var a=n.toString();var i="\n ::slotted(){\n display: flex;\n width: 100%;\n }\n @media (max-width: 499px) {\n ::slotted(){\n display: block;\n }\n }";return h$1("div",{class:n.classes.Container},h$1("style",{type:"text/css"},a,i),h$1("div",{class:n.classes.Header},h$1("div",{class:n.classes.Header},e.header)),h$1("div",{class:n.classes.Grid},t))}var ProgramExplainer=function(){function e(e){registerInstance(this,e);this.ignored=true;h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){return h$1(ProgramExplainerView,Object.assign({},getProps(this)),h$1("slot",null))};return e}();function ProgramExplainerStepView(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=createStyleSheet(t);var n=r.toString();return h$1("div",{class:r.classes.Container},h$1("style",{type:"text/css"},n),h$1("div",null,e.imageUrl?h$1("img",{class:r.classes.Media,src:e.imageUrl}):h$1("div",{class:r.classes.Media},h$1("sl-icon",{name:e.icon}))),h$1("div",{class:r.classes.Text},h$1("div",{class:r.classes.Header},e.header),h$1("div",{class:r.classes.Description},e.description)))}var ProgramExplainerStep=function(){function e(e){registerInstance(this,e);h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){return h$1(ProgramExplainerStepView,Object.assign({},getProps(this)))};return e}();var debug=browser("sq:useProgramMenu");var UPDATE_PROGRAM_EVENT="sq:update-program-id";function useProgramMenu(e){var t=O();var r=R();debug({programId:t,props:e});var n=useRef();var a=on(),i=a[1];useEffect((function(){var e;(e=n.current)===null\|\|e===void 0?void 0:e.addEventListener("sl-select",(function(e){var t=e.detail.item.value;r.dispatchEvent(new CustomEvent(UPDATE_PROGRAM_EVENT,{detail:t,bubbles:true,composed:true}))}))}),[n.current]);return{data:{programId:t},callbacks:{rerender:i},ref:n}}var ProgramMenu=function(){function e(e){registerInstance(this,e);this.ignored=true;h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=useProgramMenu(getProps(this)),t=e.data,r=e.ref;return h$1(Host,{style:{display:"contents"}},h$1("sl-select",{style:{paddingBottom:"var(--sl-spacing-large)"},value:t.programId,ref:function(e){return r.current=e}},h$1("slot",null)))};return e}();var style$1={Container:{display:"flex",color:"var(--sl-color-neutral-900)",background:"var(--sl-color-neutral-0)","& .left":{boxSizing:"border-box",width:"50%",padding:"var(--sl-spacing-large)",paddingRight:"var(--sl-spacing-medium)","@media (max-width: 499px)":{width:"100%",padding:"0",marginBottom:"var(--sl-spacing-xx-large)"}},"& .right":{boxSizing:"border-box",width:"50%",padding:"var(--sl-spacing-large)",paddingLeft:"var(--sl-spacing-medium)","@media (max-width: 499px)":{width:"100%",padding:"0"}},border:"1px solid var(--sl-color-neutral-300)",borderRadius:"var(--sl-border-radius-large)","@media (max-width: 499px)":{flexDirection:"column",border:"none"}}};var sheet$1=createStyleSheet(style$1);var styleString$1=sheet$1.toString();var vanillaStyle="\n :host{\n display: block; \n }\n ";function ReferralCardView(e){return h$1("div",null,h$1("style",{type:"text/css"},styleString$1,vanillaStyle),h$1("div",{class:sheet$1.classes.Container},h$1("div",{class:"left",style:{alignSelf:e.verticalAlignment}},e.slots.left),h$1("div",{class:"right",style:{alignSelf:e.verticalAlignment}},e.slots.right)))}var ReferralCard=function(){function e(e){registerInstance(this,e);this.ignored=true;this.verticalAlignment="start";h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e={left:h$1("slot",{name:"left"}),right:h$1("slot",{name:"right"})};return h$1(ReferralCardView,Object.assign({},getProps(this),{slots:e}),h$1("slot",null))};return e}();var GET_USER_DETAILS=dist.gql(templateObject_5\|\|(templateObject_5=__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 useReferralIframe(e){var t;var r=O();var n=N();var a=dn(GET_USER_DETAILS,{programId:r},!(n===null\|\|n===void 0?void 0:n.jwt)\|\|!r).data;return{states:{content:e},data:{shareCode:(t=a===null\|\|a===void 0?void 0:a.viewer)===null\|\|t===void 0?void 0:t.referralCode}}}var SqmReferralIframe=function(){function e(e){registerInstance(this,e);this.ignored=true;this.iframeHeight="100%";this.iframeWidth="100%";h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=getMissingProps([{attribute:"iframe-src",value:this.iframeSrc}]);if(e){return h$1(RequiredPropsError,{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=isDemo()?useReferralIframeDemo(getProps(this)):useReferralIframe(getProps(this)),r=t.states,n=t.data;return h$1(Host,{style:{display:"contents"}},h$1(ReferralIframeView,{data:n,states:r}))};return e}();function useReferralIframeDemo(e){return cjs({states:{content:__assign({iframeSrc:"https://example.com"},e)},data:{shareCode:"SHARECODE123"}},e.demoData\|\|{},{arrayMerge:function(e,t){return t}})}var module={};(function e(t,r,n,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 n=r.exports.Promise;var a=n!==void 0?n: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,r;var n={};var a=0;if(typeof requestAnimationFrame==="function"&&typeof cancelAnimationFrame==="function"){t=function(t){var r=Math.random();n[r]=requestAnimationFrame((function i(o){if(a===o\|\|a+e-1<o){a=o;delete n[r];t()}else{n[r]=requestAnimationFrame(i)}}));return r};r=function(e){if(n[e]){cancelAnimationFrame(n[e])}}}else{t=function(t){return setTimeout(t,e)};r=function(e){return clearTimeout(e)}}return{frame:t,cancel:r}}();var d=function(){var t;var r;var a={};function o(e){function t(t,r){e.postMessage({options:t\|\|{},callback:r})}e.init=function t(r){var n=r.transferControlToOffscreen();e.postMessage({canvas:n},[n])};e.fire=function n(i,o,l){if(r){t(i,null);return r}var d=Math.random().toString(36).slice(2);r=s((function(n){function o(t){if(t.data.callback!==d){return}delete a[d];e.removeEventListener("message",o);r=null;l();n()}e.addEventListener("message",o);t(i,d);a[d]=o.bind(null,{data:{callback:d}})}));return r};e.reset=function t(){e.postMessage({reset:true});for(var r in a){a[r]();delete a[r]}}}return function(){if(t){return t}if(!n&&i){var r=["var CONFETTI, SIZE = {}, module = {};","("+e.toString()+")(this, module, true, SIZE);","onmessage = function(msg) {"," if (msg.data.options) {"," CONFETTI(msg.data.options).then(function () {"," if (msg.data.callback) {"," postMessage({ callback: msg.data.callback });"," }"," });"," } else if (msg.data.reset) {"," CONFETTI.reset();"," } else if (msg.data.resize) {"," SIZE.width = msg.data.resize.width;"," SIZE.height = msg.data.resize.height;"," } else if (msg.data.canvas) {"," SIZE.width = msg.data.canvas.width;"," SIZE.height = msg.data.canvas.height;"," CONFETTI = module.exports.create(msg.data.canvas);"," }","}"].join("\n");try{t=new Worker(URL.createObjectURL(new Blob([r])))}catch(e){typeof console!==undefined&&typeof console.warn==="function"?console.warn("🎊 Could not load worker",e):null;return null}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 h(e){return!(e===null\|\|e===undefined)}function f(e,t,r){return c(e&&h(e[t])?e[t]:u[t],r)}function m(e){return e<0?0:Math.floor(e)}function g(e,t){return Math.floor(Math.random()(t-e))+e}function p(e){return parseInt(e,16)}function v(e){return e.map(b)}function b(e){var t=String(e).replace(/[^0-9a-f]/gi,"");if(t.length<6){t=t[0]+t[0]+t[1]+t[1]+t[2]+t[2]}return{r:p(t.substring(0,2)),g:p(t.substring(2,4)),b:p(t.substring(4,6))}}function w(e){var t=f(e,"origin",Object);t.x=f(t,"x",Number);t.y=f(t,"y",Number);return t}function y(e){e.width=document.documentElement.clientWidth;e.height=document.documentElement.clientHeight}function x(e){var t=e.getBoundingClientRect();e.width=t.width;e.height=t.height}function _(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 S(e,t,r,n,a,i,o,s,l){e.save();e.translate(t,r);e.rotate(i);e.scale(n,a);e.arc(0,0,1,o,s,l);e.restore()}function k(e){var t=e.angle(Math.PI/180);var r=e.spread(Math.PI/180);return{x:e.x,y:e.y,wobble:Math.random()10,velocity:e.startVelocity.5+Math.random()e.startVelocity,angle2D:-t+(.5r-Math.random()r),tiltAngle:Math.random()Math.PI,color:e.color,shape:e.shape,tick:0,totalTicks:e.ticks,decay:e.decay,drift:e.drift,random:Math.random()+5,tiltSin:0,tiltCos:0,wobbleX:0,wobbleY:0,gravity:e.gravity3,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+10t.scalarMath.cos(t.wobble);t.wobbleY=t.y+10t.scalarMath.sin(t.wobble);var r=t.tick++/t.totalTicks;var n=t.x+t.randomt.tiltCos;var a=t.y+t.randomt.tiltSin;var i=t.wobbleX+t.randomt.tiltCos;var o=t.wobbleY+t.randomt.tiltSin;e.fillStyle="rgba("+t.color.r+", "+t.color.g+", "+t.color.b+", "+(1-r)+")";e.beginPath();if(t.shape==="circle"){e.ellipse?e.ellipse(t.x,t.y,Math.abs(i-n)t.ovalScalar,Math.abs(o-a)t.ovalScalar,Math.PI/10t.wobble,0,2Math.PI):S(e,t.x,t.y,Math.abs(i-n)t.ovalScalar,Math.abs(o-a)t.ovalScalar,Math.PI/10t.wobble,0,2Math.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(n),Math.floor(t.wobbleY))}e.closePath();e.fill();return t.tick<t.totalTicks}function E(e,t,r,i,o){var d=t.slice();var u=e.getContext("2d");var c;var h;var f=s((function(t){function s(){c=h=null;u.clearRect(0,0,i.width,i.height);o();t()}function f(){if(n&&!(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){r(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(f)}else{s()}}c=l.frame(f);h=s}));return{addFettis:function(e){d=d.concat(e);return f},canvas:e,promise:f,reset:function(){if(c){l.cancel(c)}if(h){h()}}}}function $(e,r){var n=!e;var a=!!f(r\|\|{},"resize");var o=f(r,"disableForReducedMotion",Boolean);var l=i&&!!f(r\|\|{},"useWorker");var u=l?d():null;var c=n?y:x;var h=e&&u?!!e.__confetti_initialized:false;var p=typeof matchMedia==="function"&&matchMedia("(prefers-reduced-motion)").matches;var b;function S(t,r,n){var a=f(t,"particleCount",m);var i=f(t,"angle",Number);var o=f(t,"spread",Number);var s=f(t,"startVelocity",Number);var l=f(t,"decay",Number);var d=f(t,"gravity",Number);var u=f(t,"drift",Number);var h=f(t,"colors",v);var p=f(t,"ticks",Number);var y=f(t,"shapes");var x=f(t,"scalar");var _=w(t);var S=a;var C=[];var $=e.width_.x;var P=e.height_.y;while(S--){C.push(k({x:$,y:P,angle:i,spread:o,startVelocity:s,color:h[S%h.length],shape:y[g(0,y.length)],ticks:p,decay:l,gravity:d,drift:u,scalar:x}))}if(b){return b.addFettis(C)}b=E(e,C,c,r,n);return b.promise}function C(r){var i=o\|\|f(r,"disableForReducedMotion",Boolean);var l=f(r,"zIndex",Number);if(i&&p){return s((function(e){e()}))}if(n&&b){e=b.canvas}else if(n&&!e){e=_(l);document.body.appendChild(e)}if(a&&!h){c(e)}var d={width:e.width,height:e.height};if(u&&!h){u.init(e)}h=true;if(u){e.__confetti_initialized=true}function m(){if(u){var t={getBoundingClientRect:function(){if(!n){return e.getBoundingClientRect()}}};c(t);u.postMessage({resize:{width:t.width,height:t.height}});return}d.width=d.height=null}function g(){b=null;if(a){t.removeEventListener("resize",m)}if(n&&e){document.body.removeChild(e);e=null;h=false}}if(a){t.addEventListener("resize",m,false)}if(u){return u.fire(r,d,g)}return S(r,d,g)}C.reset=function(){if(u){u.reset()}if(b){b.reset()}};return C}r.exports=$(null,{useWorker:true,resize:true});r.exports.create=$})(function(){if(typeof window!=="undefined"){return window}if(typeof self!=="undefined"){return self}return this\|\|{}}(),module,false);var confetti=module.exports;var GET_EXCHANGE_LIST=dist.gql(templateObject_6\|\|(templateObject_6=__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 EXCHANGE=dist.gql(templateObject_7\|\|(templateObject_7=__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 useRewardExchangeList(e){var t,r,n,a,i;var o=useReducer((function(e,t){return __assign(__assign({},e),t)}),{selectedItem:undefined,selectedStep:undefined,redeemStage:"chooseReward",amount:0,exchangeError:false}),s=o[0],l=o[1];var d=useState(false),u=d[0],c=d[1];var h=s.selectedItem,f=s.selectedStep,m=s.redeemStage,g=s.amount,p=s.exchangeError;var v=N();var b=Pe(EXCHANGE),w=b[0],y=b[1],x=y.data,_=y.loading,S=y.errors;var k=dn(GET_EXCHANGE_LIST,{},!(v===null\|\|v===void 0?void 0:v.jwt)),C=k.data,E=k.loading,$=k.refetch,P=k.errors;useEffect((function(){var e,t;if((t=(e=x===null\|\|x===void 0?void 0:x.exchangeReward)===null\|\|e===void 0?void 0:e.reward)===null\|\|t===void 0?void 0:t.id){l({redeemStage:"success",exchangeError:false})}if(!!S){l({exchangeError:true})}}),[x,S]);var T=useRef();useEffect((function(){if(!T.current)return;var e=T.current;e.confetti=e.confetti\|\|confetti.create(e,{resize:true});e.confetti()}),[T.current]);var R=Le().refresh;function I(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){switch(t.label){case 0:if(!h)return[2];e={accountId:v===null\|\|v===void 0?void 0:v.accountId,userId:v.id};switch(h.ruleType){case"FIXED_GLOBAL_REWARD":e=__assign(__assign({},e),{redeemCreditInput:{amount:h.sourceValue,unit:h.sourceUnit},globalRewardKey:h.globalRewardKey});break;case"STEPPED_FIXED_GLOBAL_REWARD":e=__assign(__assign({},e),{redeemCreditInput:{amount:f.sourceValue,unit:h.sourceUnit},globalRewardKey:f.globalRewardKey});break;case"VARIABLE_GLOBAL_REWARD":e=__assign(__assign({},e),{redeemCreditInput:{amount:g,unit:h.sourceUnit},globalRewardKey:h.globalRewardKey,rewardInput:f.rewardInput});break;case"VARIABLE_CREDIT_REWARD":e=__assign(__assign({},e),{redeemCreditInput:{amount:g,unit:h.sourceUnit},rewardInput:{type:"CREDIT",unit:h.destinationUnit,assignedCredit:f.destinationValue}});break;default:e=__assign(__assign({},e),f.rewardInput)}return[4,w({exchangeRewardInput:e})];case 1:t.sent();R();return[2]}}))}))}var L=function(e){e&&$();l({amount:0,selectedStep:undefined,selectedItem:undefined,exchangeError:false,redeemStage:"chooseReward"})};function M(e){l({redeemStage:e})}function D(){var e,t;navigator.clipboard.writeText((t=(e=x===null\|\|x===void 0?void 0:x.exchangeReward)===null\|\|e===void 0?void 0:e.reward)===null\|\|t===void 0?void 0:t.fuelTankCode);c(true);setTimeout((function(){return c(false)}),1e3)}return{states:{content:{text:e},selectedItem:h,redeemStage:m,amount:g,selectedStep:f,exchangeError:p,queryError:!!P,loading:E\|\|_,open:u,noExchangeOptions:((t=C===null\|\|C===void 0?void 0:C.viewer)===null\|\|t===void 0?void 0:t.visibleRewardExchangeItems.totalCount)===0},data:{exchangeList:(n=(r=C===null\|\|C===void 0?void 0:C.viewer)===null\|\|r===void 0?void 0:r.visibleRewardExchangeItems)===null\|\|n===void 0?void 0:n.data,fuelTankCode:(i=(a=x===null\|\|x===void 0?void 0:x.exchangeReward)===null\|\|a===void 0?void 0:a.reward)===null\|\|i===void 0?void 0:i.fuelTankCode},callbacks:{exchangeReward:I,setExchangeState:l,setStage:M,resetState:L,copyFuelTankCode:D},refs:{canvasRef:T}}}var SqmRewardExchangeList=function(){function e(e){registerInstance(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";h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=__assign(__assign({},getProps(this)),{empty:h$1(EmptySlot$1,null)});var t=isDemo()?useRewardExchangeListDemo(e):useRewardExchangeList(e),r=t.states,n=t.data,a=t.callbacks,i=t.refs;return h$1(Host,{style:{display:"contents"}},h$1(RewardExchangeView,{states:r,data:n,callbacks:a,refs:i}))};Object.defineProperty(e,"assetsDirs",{get:function(){return["assets"]},enumerable:false,configurable:true});return e}();function EmptySlot$1(){return h$1("slot",{name:"empty"},h$1("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 useRewardExchangeListDemo(e){return cjs({states:{content:{text:e},redeemStage:"chooseReward",amount:0,selectedStep:undefined,selectedItem:undefined,open:false,exchangeError:false,queryError:false,loading:false,noExchangeOptions:false,empty:EmptySlot$1()},data:{shareCode:"SHARECODE123",exchangeList:demoRewardExchange.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 debug$1=browser("sq:useRouter");function matchPath(e,t){if(!e)return;var r=pathToRegexp(e);return r.exec(t)}function useRouter(){var e=ln();var t=R();var r=useState(undefined),n=r[0],a=r[1];var i=useState(undefined),o=i[0],s=i[1];var l=e.pathname;useEffect((function(){var e=t.querySelectorAll("sqm-route");var r=Array.from(e);r.forEach((function(e){var t=document.createElement("template");t.setAttribute("path",e.path);t.innerHTML=e.innerHTML;e.parentNode.appendChild(t);e.parentNode.removeChild(e)}))}),[]);useEffect((function(){var e,t;if(!o\|\|!n){debug$1("DOM not ready for navigation rendering on:",l);return}var r=n.querySelectorAll("template");var a=Array.from(r);var i=a.find((function(e){var t,r,n;var a=(r=(t=e.attributes)===null\|\|t===void 0?void 0:t.path)===null\|\|r===void 0?void 0:r.nodeValue;if((n=matchPath(a,l))===null\|\|n===void 0?void 0:n.length)return e}));var s=(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;debug$1({containerDatasetPage:o.dataset.page,templatePath:s,page:l});if(!i){debug$1("No matching page found for ",l,", so render nothing");o.innerHTML="";o.dataset.page=l;return}debug$1("Page updated to ",l,i);if(!!matchPath(s,o.dataset.page)){debug$1("don't rerender")}else if(i){o.innerHTML=i.innerHTML;o.dataset.page=l}}),[n,o,l]);return{callbacks:{setSlot:a,setContainer:s}}}var sqmRouterCss="sqm-router{display:contents}";var SqmRouter=function(){function e(e){registerInstance(this,e);this.ignored=true;h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=useRouter().callbacks;return h$1(Host,null,h$1("div",{ref:e.setSlot,style:{display:"none"}},h$1("slot",null)),h$1("div",{style:{display:"contents"},ref:e.setContainer}))};return e}();SqmRouter.style=sqmRouterCss;var REVEAL_EVENT="sq:reveal";function useScroll(e){var t=e.scrollTagName,r=e.scrollId;function n(){return __awaiter(this,void 0,void 0,(function(){var n;return __generator(this,(function(a){switch(a.label){case 0:n=document===null\|\|document===void 0?void 0:document.querySelector(t\|\|"#"+r);n.dispatchEvent(new CustomEvent(REVEAL_EVENT,{detail:t\|\|"#"+r,bubbles:true,composed:true}));return[4,new Promise((function(e){return setTimeout(e,500)}))];case 1:a.sent();n.scrollIntoView({behavior:e.scrollAnimation});return[2]}}))}))}return{callbacks:{scroll:n}}}var Scroll=function(){function e(e){registerInstance(this,e);this.ignored=true;this.buttonType="default";this.scrollAnimation="smooth";h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e;var t=useScroll(this).callbacks;var r=(e=this.buttonType)!==null&&e!==void 0?e:"primary";var n={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 a=createStyleSheet(n);var i=a.toString();var o="\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 s="";if(this.outline&&this.buttonType!="default")s+="outline ";if(this.buttonType==="neutral")s+="neutral ";if(this.mobile)s+="mobile ";return h$1("div",{class:a.classes.Button},h$1("style",{type:"text/css"},o,i),h$1("sl-button",{type:this.buttonType,onClick:t.scroll,size:this.size,pill:this.pill,circle:this.circle,class:s},(this.iconSlot\|\|this.iconName)&&h$1("sl-icon",{slot:this.iconSlot\|\|"prefix",name:this.iconName}),this.buttonText,h$1("slot",null)))};return e}();var sqmShareButtonCss=":host{display:block}:host([hidden]){display:none}sl-button{display:block}";var ShareButton=function(){function e(e){registerInstance(this,e);this.type="default";this.iconslot="prefix";this.hideicon=false;this.hidetext=false;h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=getProps(this);var t=isDemo()?useDemoShareButton(e):useShareButton(e);return h$1(ShareButtonView,Object.assign({},t),h$1("slot",null))};return e}();function useDemoShareButton(e){return cjs(__assign(__assign({},e),{loading:false,hide:false,onClick:function(){}}),e.demoData\|\|{},{arrayMerge:function(e,t){return t}})}ShareButton.style=sqmShareButtonCss;var MessageLinkQuery=dist.gql(templateObject_8\|\|(templateObject_8=__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 WIDGET_ENGAGEMENT_EVENT=dist.gql(templateObject_9\|\|(templateObject_9=__makeTemplateObject(["\n mutation loadEvent($eventMeta: UserAnalyticsEvent!) {\n createUserAnalyticsEvent(eventMeta: $eventMeta)\n }\n"],["\n mutation loadEvent($eventMeta: UserAnalyticsEvent!) {\n createUserAnalyticsEvent(eventMeta: $eventMeta)\n }\n"])));function useShareCode(e){var t,r;var n=e.programId,a=n===void 0?O():n;var i=N();var o=U();var s=dn(MessageLinkQuery,{programId:a},!(i===null\|\|i===void 0?void 0:i.jwt)).data;var l=Pe(WIDGET_ENGAGEMENT_EVENT)[0];var d=(r=(t=s===null\|\|s===void 0?void 0:s.user)===null\|\|t===void 0?void 0:t.referralCode)!==null&&r!==void 0?r:"...";var u=useState(false),c=u[0],h=u[1];function f(){navigator.clipboard.writeText(d);h(true);setTimeout((function(){return h(false)}),e.tooltiplifespan);l({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:o,shareMedium:"DIRECT"}}})}return __assign(__assign({},e),{onClick:f,open:c,shareString:d})}var ShareCode=function(){function e(e){registerInstance(this,e);this.tooltiptext="Copied to Clipboard";this.tooltiplifespan=1e3;h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=getProps(this);var t=isDemo()?useDemoShareCode(e):useShareCode(e);return h$1(ShareLinkView,Object.assign({},t))};return e}();function useDemoShareCode(e){var t=useState(false),r=t[0],n=t[1];var a="SHARECODE001";return cjs({shareString:a,tooltiptext:e.tooltiptext,open:r,onClick:function(){navigator.clipboard.writeText(a);n(true);setTimeout((function(){return n(false)}),e.tooltiplifespan)}},e.demoData\|\|{},{arrayMerge:function(e,t){return t}})}var ShareLink=function(){function e(e){registerInstance(this,e);this.tooltiptext="Copied to Clipboard";this.tooltiplifespan=1e3;h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=getProps(this);var t=isDemo()?useDemoShareLink(e):useShareLink(e);return h$1(ShareLinkView,Object.assign({},t))};return e}();function useDemoShareLink(e){var t=useState(false),r=t[0],n=t[1];var a="https://www.example.com/sharelink/abc";return cjs({shareString:a,tooltiptext:e.tooltiptext,open:r,onClick:function(){navigator.clipboard.writeText(a);n(true);setTimeout((function(){return n(false)}),e.tooltiplifespan)}},e.demoData\|\|{},{arrayMerge:function(e,t){return t}})}var StatContainer=function(){function e(e){registerInstance(this,e);this.ignored=true;this.space="xxx-large";this.display="grid";h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){return h$1(StatContainerView,Object.assign({},getProps(this)),h$1("slot",null))};return e}();var TableCell=function(){function e(e){registerInstance(this,e);this.colspan=1;this.padding="15px 10px"}e.prototype.render=function(){return h$1(Host,{style:{display:"contents"}},h$1("td",{colSpan:this.colspan,style:{padding:this.padding}},h$1("slot",null)))};return e}();var TableRow=function(){function e(e){registerInstance(this,e);this.border="1px solid #EAEAEA"}e.prototype.render=function(){return h$1(Host,{style:{display:"contents"}},h$1("tr",{style:{border:this.border}},h$1("slot",null)))};return e}();var SEND_EVENT=dist.gql(templateObject_10\|\|(templateObject_10=__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 useTaskCard(e){var t=N();var r=x();var n=Pe(SEND_EVENT),a=n[0],i=n[1],o=i.data,s=i.loading;var l=Le().refresh;useEffect((function(){if(o){l();d()}}),[o]);function d(){e.openNewTab?window.open(e.buttonLink):window.open(e.buttonLink,"_parent")}function u(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 c(){e.eventKey?u(e.eventKey):d()}return{states:{loadingEvent:s,locale:r},callbacks:{sendEvent:u,onClick:c}}}var TaskCard=function(){function e(e){registerInstance(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;h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=(isDemo()?useDemoBigStat(this):useBigStat(__assign(__assign({},getProps(this)),{programId:this.programId}))).props;var t=e.value,r=e.loading;var n=isDemo()?useTaskCardDemo(this):useTaskCard(this),a=n.states,i=n.callbacks;return h$1(TaskCardView,{callbacks:i,states:{loading:r,loadingEvent:a.loadingEvent,progress:t,locale:a.locale},content:__assign({},getProps(this))})};return e}();function useTaskCardDemo(e){return cjs({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 Timeline=function(){function e(e){registerInstance(this,e);this.ignored=true;this.icon="gift";h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=this;var t=useChildElements();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 h$1("div",null,h$1("style",{type:"text/css"},r),h$1("slot",null))};return e}();var Gift=function(){return h$1("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},h$1("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"}),h$1("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"}),h$1("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M2.25 13.5V15H21.75V13.5H2.25Z",fill:"#BE9720"}),h$1("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 Circle=function(){return h$1("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},h$1("circle",{cx:"12",cy:"12",r:"9",fill:"currentColor",stroke:"currentColor","stroke-width":"2"}))};var style$2={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 sheet$2=createStyleSheet(style$2);var styleString$2=sheet$2.toString();var vanillaStyle$1="\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 TimelineEntryView(e){var t;var r=(t=e.icon)!==null&&t!==void 0?t:e.iconState;return h$1("div",{class:sheet$2.classes.TimelineReward},h$1("style",{type:"text/css"},styleString$2,vanillaStyle$1),h$1("div",{class:"container"},h$1("div",{class:"line"},"/"),h$1("div",{class:"step"},r==="gift"&&h$1("div",{class:"icon"},h$1(Gift,null)),r==="circle"&&h$1("div",{class:"icon"},h$1(Circle,null)),h$1("div",null,h$1("div",null,h$1("span",{class:"reward"},e.reward),h$1("span",{class:"unit"},e.unit)),h$1("div",{class:"description"},e.desc)))))}var TimelineReward=function(){function e(e){registerInstance(this,e);this.ignored=true;this.iconState="gift";h(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(){useRequestRerender([this.reward]);return h$1(TimelineEntryView,Object.assign({},getProps(this)))};return e}();function UserNameView(e){return h$1(Host,null,e.loading?e.loadingText:e.username)}var GET_USER_NAME=dist.gql(templateObject_11\|\|(templateObject_11=__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 useUserName(e){var t,r,n,a,i,o,s,l;var d=N();var u=dn(GET_USER_NAME,{},!(d===null\|\|d===void 0?void 0:d.jwt));var c=u.loading;var h=((r=(t=u.data)===null\|\|t===void 0?void 0:t.viewer)===null\|\|r===void 0?void 0:r.firstName)\|\|((a=(n=u.data)===null\|\|n===void 0?void 0:n.viewer)===null\|\|a===void 0?void 0:a.lastName)?((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:h}}var UserName=function(){function e(e){registerInstance(this,e);this.ignored=true;this.fallback="Anonymous User";this.loadingText="...";h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=isDemo()?useUserNameDemo(this):useUserName(this);return h$1(UserNameView,Object.assign({},e))};return e}();function useUserNameDemo(e){return cjs({loading:false,loadingText:"...",username:"John Smith"},e.demoData\|\|{},{arrayMerge:function(e,t){return t}})}export{BigStat as sqm_big_stat,BrandComponent as sqm_brand,CardFeed as sqm_card_feed,CheckboxField as sqm_checkbox_field,DividedLayout as sqm_divided_layout,DropdownField as sqm_dropdown_field,EditProfile as sqm_edit_profile,HeroImage as sqm_hero_image,SqmHookStoryContainer as sqm_hook_story_container,InputField as sqm_input_field,Leaderboard as sqm_leaderboard,NameFields as sqm_name_fields,NavigationMenu as sqm_navigation_menu,PortalChangePassword as sqm_portal_change_password,PortalFrame as sqm_portal_frame,PortalLogin as sqm_portal_login,PortalRegister as sqm_portal_register,ProgramExplainer as sqm_program_explainer,ProgramExplainerStep as sqm_program_explainer_step,ProgramMenu as sqm_program_menu,ReferralCard as sqm_referral_card,SqmReferralIframe as sqm_referral_iframe,SqmRewardExchangeList as sqm_reward_exchange_list,SqmRouter as sqm_router,Scroll as sqm_scroll,ShareButton as sqm_share_button,ShareCode as sqm_share_code,ShareLink as sqm_share_link,StatContainer as sqm_stat_container,TableCell as sqm_table_cell,TableRow as sqm_table_row,TaskCard as sqm_task_card,Timeline as sqm_timeline,TimelineReward as sqm_timeline_entry,UserName as sqm_user_name};var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,templateObject_6,templateObject_7,templateObject_8,templateObject_9,templateObject_10,templateObject_11;
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,r=1,n=arguments.length;r<n;r++){t=arguments[r];for(var a in t)if(Object.prototype.hasOwnProperty.call(t,a))e[a]=t[a]}return e};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter\|\|function(e,t,r,n){function a(e){return e instanceof r?e:new r((function(t){t(e)}))}return new(r\|\|(r=Promise))((function(r,i){function o(e){try{l(n.next(e))}catch(e){i(e)}}function s(e){try{l(n["throw"](e))}catch(e){i(e)}}function l(e){e.done?r(e.value):a(e.value).then(o,s)}l((n=n.apply(e,t\|\|[])).next())}))};var __generator=this&&this.__generator\|\|function(e,t){var r={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},n,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(n)throw new TypeError("Generator is already executing.");while(r)try{if(n=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:r.label++;return{value:o[1],done:false};case 5:r.label++;a=o[1];o=[0];continue;case 7:o=r.ops.pop();r.trys.pop();continue;default:if(!(i=r.trys,i=i.length>0&&i[i.length-1])&&(o[0]===6\|\|o[0]===2)){r=0;continue}if(o[0]===3&&(!i\|\|o[1]>i[0]&&o[1]<i[3])){r.label=o[1];break}if(o[0]===6&&r.label<i[1]){r.label=i[1];i=o;break}if(i&&r.label<i[2]){r.label=i[2];r.ops.push(o);break}if(i[2])r.ops.pop();r.trys.pop();continue}o=t.call(e,r)}catch(e){o=[6,e];a=0}finally{n=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,r=arguments.length;t<r;t++)e+=arguments[t].length;for(var n=Array(e),a=0,t=0;t<r;t++)for(var i=arguments[t],o=0,s=i.length;o<s;o++,a++)n[a]=i[o];return n};import{r as registerInstance,h as h$1,c as Host}from"./index-17b4da69.js";import{m as h,u as useEffect,i as useState,o as d,j as useRef,b as browser,f as useReducer}from"./stencil-hooks.module-203eab48.js";import{i as intl}from"./global-9ad01db9.js";import{u as useCallback}from"./use-callback-f03b0607.js";import{i as isDemo,R,d as dist,N,a as dn,P as Pe,O,x,o as on,f as fn,j as Ve,M as Me,k as je,p as Le,l as ln,U}from"./index.module-48cc9ee0.js";import{j as jsonpointer}from"./jsonpointer-388a7082.js";import{c as cjs}from"./cjs-bdfb4486.js";import"./mixins-59fd94b7.js";import{c as createStyleSheet}from"./JSS-506b9295.js";import{a as useRequestRerender}from"./re-render-60dbb00f.js";import{u as useChildElements}from"./useChildElements-03c9004c.js";import"./luxon-198ac0b0.js";import{g as getProps,a as getMissingProps,s as sanitizeUrlPath}from"./utils-d7bbb0e2.js";import"./sqm-text-span-view-d5db76f9.js";import{A as AsYouType}from"./AsYouType-46f67d0d.js";import{R as REGISTRATION_FORM_STATE_CONTEXT,u as useRegistrationFormState}from"./useRegistrationFormState-09847a08.js";import{c as useDemoBigStat,K as useBigStat,B as BigStatView,H as autoColorScaleCss,G as CardFeedView,C as CheckboxFieldView,D as DropdownFieldView,E as EditProfileView,I as InputFieldView,M as withShadowView,L as LeaderboardView,N as NameFieldsView,e as PortalChangePasswordView,P as PortalFrameView,f as PortalLoginView,g as PortalRegisterView,R as ReferralIframeView,O as demoRewardExchange,i as RewardExchangeView,Q as pathToRegexp,b as useShareButton,S as ShareButtonView,a as ShareLinkView,u as useShareLink,d as StatContainerView,T as TaskCardView}from"./ShadowViewAddon-5c7b1d67.js";import"./sqm-portal-container-view-e82d4877.js";var BigStat=function(){function e(e){registerInstance(this,e);this.flexReverse=false;this.ignored=true;h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e;var t=isDemo()?useDemoBigStat(this):useBigStat(this),r=t.props,n=t.label;var a=R();var i=!!((e=a.innerHTML)===null\|\|e===void 0?void 0:e.trim());var o=h$1("slot",{name:"label"},i?h$1("slot",null):n);return h$1(BigStatView,Object.assign({},r,{labelSlot:o}))};return e}();function buildFontsCssUrl(){var e=[];for(var t=0;t<arguments.length;t++){e[t]=arguments[t]}var r=e.map((function(e){return"family="+encodeURIComponent(e)})).join("&");return"https://fonts.googleapis.com/css2?"+r}var BrandComponent=function(){function e(e){registerInstance(this,e);h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e,t;function r(e){if(e){try{return autoColorScaleCss(e)}catch(e){}}return undefined}var n=(e=r(this.brandColor))!==null&&e!==void 0?e:"";var a=((t=this.brandFont)!==null&&t!==void 0?t:"Nunito Sans").trim()\|\|undefined;useEffect((function(){if(!a){return}var e=document.createElement("link");e.setAttribute("href",buildFontsCssUrl(a));e.setAttribute("rel","stylesheet");document.head.appendChild(e);return function(){return document.head.removeChild(e)}}),[a]);var i=a!==null&&a!==void 0?a:"";return h$1(Host,null,h$1("style",null,'\n\n :host{\n display: contents;\n }\n /* \n Selects any element placed inside a slot\n - resets css variable inheritence for fonts\n \n /\n ::slotted() {\n --sl-font-sans: "'+i+'", arial;\n --sl-input-font-family: "'+i+'", arial;\n --sl-tooltip-font-family: "'+i+'", arial;\n font-family: "'+i+'", arial;\n\t\t\t\n '+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 }"),h$1("slot",null))};return e}();var CardFeed=function(){function e(e){registerInstance(this,e);this.ignored=true;this.width=347;this.gap=24;h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){return h$1(CardFeedView,Object.assign({},getProps(this)),h$1("slot",null))};return e}();var style={IconStyle:{display:"block",position:"absolute",top:"23px"},DivStyle:{marginLeft:"28px"},Details:{marginLeft:"28px"},Heading:{display:"inline-block"},Children:{display:"none"}};var sheet=createStyleSheet(style);var styleString=sheet.toString();function RequiredPropsError(e,t){var r=e.missingProps,n=e.heading,a=n===void 0?"There was a problem loading this section":n,i=e.subheading,o=i===void 0?"There was a technical problem that prevented this section from loading. Please contact us with the link to this page.":i,s=e.description,l=s===void 0?"Error occured while loading <{tagName}>. Values for the following attributes are missing:":s;if(!r)return false;var d=R();var u=useState(false),c=u[0],h=u[1];return h$1("sl-alert",{type:"danger",open:true},h$1("style",{type:"text/css"},styleString),h$1("div",{slot:"icon",class:sheet.classes.IconStyle},h$1("sl-icon",{name:"exclamation-octagon"})),h$1("div",{class:sheet.classes.DivStyle},h$1("h2",{class:sheet.classes.Heading},intl.formatMessage({id:"error-heading",defaultMessage:a})),h$1("p",null,intl.formatMessage({id:"error-subheading",defaultMessage:o}))),h$1("details",{class:sheet.classes.Details},h$1("summary",{onClick:function(){return h(!c)}},c?"Less":"More"," details"),h$1("p",null,intl.formatMessage({id:"error-description",defaultMessage:l},{tagName:d.tagName.toLowerCase()})),h$1("ul",null,r.map((function(e){return h$1("li",null,h$1("strong",null,e.attribute))})))),h$1("div",{class:sheet.classes.Children},t))}function useCheckboxField(e){var t;var r=d(REGISTRATION_FORM_STATE_CONTEXT);var n=useState(false),a=n[0],i=n[1];useEffect((function(){var t,n;if((t=r===null\|\|r===void 0?void 0:r.initialData)===null\|\|t===void 0?void 0:t[e.checkboxName]){i(!!((n=r===null\|\|r===void 0?void 0:r.initialData)===null\|\|n===void 0?void 0:n[e.checkboxName]))}}),[(t=r===null\|\|r===void 0?void 0:r.initialData)===null\|\|t===void 0?void 0:t[e.checkboxName]]);return{states:{registrationFormState:r,checked:a},callbacks:{setChecked:i}}}var CheckboxField=function(){function e(e){registerInstance(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;h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=getMissingProps([{attribute:"checkbox-name",value:this.checkboxName}]);if(!isDemo()&&e){return h$1(RequiredPropsError,{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({},getProps(this));var r=isDemo()?useCheckboxFieldDemo(this):useCheckboxField(this),n=r.states,a=r.callbacks;return h$1(CheckboxFieldView,{states:n,content:t,callbacks:a})};return e}();function useCheckboxFieldDemo(e){return cjs({states:{registrationFormState:{},checked:false},callbacks:{setChecked:function(){}}},e.demoData\|\|{},{arrayMerge:function(e,t){return t}})}function DividedLayoutView(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 n={LayoutContainer:{display:"contents","& > :not(:last-child)":__assign({},r()),"& > ::slotted(:not(:last-child))":__assign({},r())}};var a="\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 ";var i="\n :host{\n "+a+"\n }\n sqm-divided-layout {\n "+a+"\n }\n ";var o=createStyleSheet(n);var s=o.toString();return h$1("div",{class:o.classes.LayoutContainer},h$1("style",{type:"text/css"},i,s),t)}var DividedLayout=function(){function e(e){registerInstance(this,e);this.dividerStyle="1px solid #EAEAEA";h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){return h$1(DividedLayoutView,Object.assign({},getProps(this)),h$1("slot",null))};return e}();function useDropdownField(){var e=d(REGISTRATION_FORM_STATE_CONTEXT);return{states:{registrationFormState:e}}}var DropdownField=function(){function e(e){registerInstance(this,e);this.ignored=true;this.dropdownLabel="Select an option";this.errorMessage="Select an option";this.dropdownOptional=false;h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=getMissingProps([{attribute:"dropdown-name",value:this.dropdownName}]);if(!isDemo()&&e){return h$1(RequiredPropsError,{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:"},h$1("slot",null))}var t=__assign(__assign({},getProps(this)),{selectOptions:h$1("slot",null)});var r=(isDemo()?useDropdownFieldDemo(this):useDropdownField()).states;return h$1(DropdownFieldView,{states:r,content:t})};return e}();function useDropdownFieldDemo(e){return cjs({states:{registrationFormState:{}}},e.demoData\|\|{},{arrayMerge:function(e,t){return t}})}var GET_USER=dist.gql(templateObject_1\|\|(templateObject_1=__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 UPSERT_USER=dist.gql(templateObject_2\|\|(templateObject_2=__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 defaultFormState={currentRegion:"",firstName:"",lastName:"",errors:{},error:""};function useEditProfile(e){var t=N();var r=useState(false),n=r[0],a=r[1];var i=useState(""),o=i[0],s=i[1];var l=useState(undefined),d=l[0],u=l[1];var c=useState(defaultFormState),h=c[0],f=c[1];var m=dn(GET_USER,{},!(t===null\|\|t===void 0?void 0:t.jwt));var g=Pe(UPSERT_USER),p=g[0],v=g[1];useEffect((function(){if((v===null\|\|v===void 0?void 0:v.loading)\|\|!n)return;if(v===null\|\|v===void 0?void 0:v.errors){f((function(e){var t,r,n;return __assign(__assign({},e),{error:(n=(r=(t=v===null\|\|v===void 0?void 0:v.errors)===null\|\|t===void 0?void 0:t.response)===null\|\|r===void 0?void 0:r.errors)===null\|\|n===void 0?void 0:n[0].message})}))}else{u((function(e){var t;return __assign(__assign({},e),(t=v===null\|\|v===void 0?void 0:v.data)===null\|\|t===void 0?void 0:t.upsertUser)}));a(false)}}),[v===null\|\|v===void 0?void 0:v.loading]);useEffect((function(){u((function(e){var t;return __assign(__assign({},e),(t=m===null\|\|m===void 0?void 0:m.data)===null\|\|t===void 0?void 0:t.viewer)}))}),[m===null\|\|m===void 0?void 0:m.data]);useEffect((function(){var e;if((e=v===null\|\|v===void 0?void 0:v.errors)===null\|\|e===void 0?void 0:e.message){f((function(e){return __assign(__assign({},e),{error:"Network request failed."})}))}}),[v===null\|\|v===void 0?void 0:v.errors]);return{states:{loading:(m===null\|\|m===void 0?void 0:m.loading)\|\|v.loading,submitDisabled:false,formState:h,user:d,showEdit:n,text:{editprofileheader:e.editprofileheader,editprofiletext:e.editprofiletext,firstnametext:e.firstnametext,lastnametext:e.lastnametext,canceltext:e.canceltext,updatetext:e.updatetext,currentregiontext:e.currentregiontext,showregion:e.showregion}},callbacks:{onSubmit:function(){if(h.firstName&&h.lastName){p({id:t===null\|\|t===void 0?void 0:t.id,accountId:t===null\|\|t===void 0?void 0:t.accountId,firstName:h.firstName,lastName:h.lastName});f((function(e){return __assign(__assign({},e),{errors:{}})}));return}var e={};if(!h.firstName){e["firstName"]={message:"Field can't be empty"}}if(!h.lastName){e["lastName"]={message:"Field can't be empty"}}if(e!=={}){f((function(e){return __assign(__assign({},e),{error:"Please correct the errors below to update your profile."})}))}f((function(t){return __assign(__assign({},t),{errors:e})}))},resetForm:function(){var e,t,r,n,a,i;var o=((t=(e=m===null\|\|m===void 0?void 0:m.data)===null\|\|e===void 0?void 0:e.viewer)===null\|\|t===void 0?void 0:t.countryCode)?intl.formatDisplayName(m.data.viewer.countryCode,{type:"region"}):"";u(__assign(__assign({},(r=m.data)===null\|\|r===void 0?void 0:r.viewer),(n=v.data)===null\|\|n===void 0?void 0:n.upsertUser));f(__assign(__assign(__assign(__assign({},defaultFormState),(a=m.data)===null\|\|a===void 0?void 0:a.viewer),(i=v.data)===null\|\|i===void 0?void 0:i.upsertUser),{currentRegion:o}))},onChange:function(e){var t=e.target,r=t.name,n=t.value;f((function(e){var t;return __assign(__assign({},e),(t={},t[r]=n,t))}))},setShowEdit:a}}}var sqmEditProfileCss=".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 EditProfile=function(){function e(e){registerInstance(this,e);this.ignored=true;h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=isDemo()?useEditProfileDemo(getProps(this)):useEditProfile(getProps(this));return h$1(EditProfileView,Object.assign({},e))};return e}();function useEditProfileDemo(e){return cjs({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}},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}})}EditProfile.style=sqmEditProfileCss;function HeroImageView(e,t){var r=Boolean((e.header\|\|e.description\|\|e.buttonText)&&e.layout==="overlay");var n={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%",maxWidth:"max-content",objectFit:"cover",margin:"auto"},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","@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.5var(--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 a=createStyleSheet(n);var i=a.toString();var o="\n :host{\n display: block;\n }";return h$1("div",{class:a.classes.Container},h$1("style",{type:"text/css"},o,i),e.layout==="overlay"&&s(),e.layout==="columns"&&l());function s(){return h$1("div",{class:a.classes.Background},h$1("div",{class:a.classes.Overlay},e.header&&h$1("div",{class:a.classes.Header},e.header),e.description&&h$1("div",{class:a.classes.Description},e.description),e.buttonText&&h$1("sl-button",{class:a.classes.Button,type:"primary",onClick:function(){return e.buttonNewTab?window.open(e.buttonLink):window.open(e.buttonLink,"_parent")}},e.buttonText),t&&t))}function l(){return h$1("div",null,h$1("div",{class:a.classes.Column},h$1("div",{class:"image-area"},h$1("img",{class:a.classes.Image,src:e.imageUrl})),h$1("div",{class:"text-area"},e.header&&h$1("div",{class:a.classes.Header},e.header),e.description&&h$1("div",{class:a.classes.Description},e.description),e.buttonText&&h$1("sl-button",{class:a.classes.Button,type:"primary",onClick:function(){return e.buttonNewTab?window.open(e.buttonLink):window.open(e.buttonLink,"_parent")}},e.buttonText))))}}var HeroImage=function(){function e(e){registerInstance(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";h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){return h$1(HeroImageView,Object.assign({},getProps(this)),h$1("slot",null))};return e}();var SqmHookStoryContainer=function(){function e(e){registerInstance(this,e);this.ignored=true;h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=this.hookStory;return h$1(e,null)};return e}();function useInputField(){var e=d(REGISTRATION_FORM_STATE_CONTEXT);return{states:{registrationFormState:e}}}var InputField=function(){function e(e){registerInstance(this,e);this.ignored=true;this.fieldType="text";this.errorMessage="Cannot be empty";this.fieldOptional=false;h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=__assign({},getProps(this));var t=getMissingProps([{attribute:"field-name",value:this.fieldName}]);if(!isDemo()&&t){return h$1(RequiredPropsError,{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=(isDemo()?useInputFieldDemo(this):useInputField()).states;return h$1(InputFieldView,{states:r,content:e})};return e}();function useInputFieldDemo(e){return cjs({states:{registrationFormState:{}}},e.demoData\|\|{},{arrayMerge:function(e,t){return t}})}var GET_LEADERBOARD=dist.gql(templateObject_3\|\|(templateObject_3=__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 GET_RANK=dist.gql(templateObject_4\|\|(templateObject_4=__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 useLeaderboard(e){var t,r,n,a,i,o,s,l,d,u;var c=O();var h=(t=e.programId)!==null&&t!==void 0?t:c;var f=N();var m=x();var g=h?{type:e.leaderboardType,filter:{programId_eq:h}}:{type:e.leaderboardType,filter:{}};if(e.interval){g.filter["interval"]=e.interval}if(m){g["locale"]=m}if(e.maxRows>0){g["limit"]=e.maxRows}var p=dn(GET_LEADERBOARD,g,!(f===null\|\|f===void 0?void 0:f.jwt)),v=p.data,b=p.loading;var w=dn(GET_RANK,g,!(f===null\|\|f===void 0?void 0:f.jwt)).data;var y=(r=v===null\|\|v===void 0?void 0:v.userLeaderboard)===null\|\|r===void 0?void 0:r.rows;var _=k(y);var S=_===null\|\|_===void 0?void 0:_.sort((function(e,t){return e.rank-t.rank}));function k(t){return t===null\|\|t===void 0?void 0:t.flatMap((function(t){var r,n;return{textValue:t.textValue,firstName:t.firstName,lastInitial:t.lastInitial,rank:(r=t.rank)===null\|\|r===void 0?void 0:r[e.rankType],rowNumber:(n=t.rank)===null\|\|n===void 0?void 0:n.rowNumber}}))}var C={textValue:(a=(n=w===null\|\|w===void 0?void 0:w.viewer)===null\|\|n===void 0?void 0:n.leaderboardRank)===null\|\|a===void 0?void 0:a.textValue,firstName:(i=w===null\|\|w===void 0?void 0:w.viewer)===null\|\|i===void 0?void 0:i.firstName,lastInitial:(o=w===null\|\|w===void 0?void 0:w.viewer)===null\|\|o===void 0?void 0:o.lastInitial,rank:(l=(s=w===null\|\|w===void 0?void 0:w.viewer)===null\|\|s===void 0?void 0:s.leaderboardRank)===null\|\|l===void 0?void 0:l[e.rankType],rowNumber:(u=(d=w===null\|\|w===void 0?void 0:w.viewer)===null\|\|d===void 0?void 0:d.leaderboardRank)===null\|\|u===void 0?void 0:u.rowNumber};return{states:{loading:b,hasLeaders:(S===null\|\|S===void 0?void 0:S.length)>0,styles:e},data:{leaderboard:S,rankType:e.rankType,viewerRank:C},elements:{empty:e.empty,loadingstate:e.loadingstate}}}var Leaderboard=function(){function e(e){registerInstance(this,e);this.hideViewer=false;this.anonymousUser="Anonymous User";this.maxRows=10;this.ignored=true;h(this);withShadowView(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e={empty:h$1(EmptySlot,null),loadingstate:h$1(LoadingSlot,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};var t=__assign(__assign({},e),{demoData:this.demoData});var r=isDemo()?useLeaderboardDemo(t):useLeaderboard(e);return h$1(LeaderboardView,Object.assign({},r))};return e}();function EmptySlot(){return h$1("slot",{name:"empty"},h$1("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 LoadingSlot(){return h$1("slot",{name:"loading"},h$1("table",null,__spreadArrays(Array(10)).map((function(){return h$1("tr",null,h$1("td",null,h$1("sl-skeleton",null)))}))))}function useLeaderboardDemo(e){var t,r;var n=((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 cjs({states:{loading:false,hasLeaders:true,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:n},elements:{empty:h$1(EmptySlot,null),loadingstate:h$1(LoadingSlot,null)}},e.demoData\|\|{},{arrayMerge:function(e,t){return t}})}function useNameFields(e){var t=d(REGISTRATION_FORM_STATE_CONTEXT);return{states:{registrationFormState:t,content:{lastNameLabel:e.lastNameLabel,firstNameLabel:e.firstNameLabel}}}}var NameFields=function(){function e(e){registerInstance(this,e);this.ignored=true;this.firstNameLabel="First Name";this.lastNameLabel="Last Name";h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=(isDemo()?useNameFieldsDemo(this):useNameFields(this)).states;return h$1(NameFieldsView,{states:e})};return e}();function useNameFieldsDemo(e){return cjs({states:{validationErrors:[],content:{firstNameLabel:e.firstNameLabel,lastNameLabel:e.lastNameLabel}}},e.demoData\|\|{},{arrayMerge:function(e,t){return t}})}function NavigationMenuView(e){var t=e.states;var r=t.styles;return t.includeDropdown?h$1("sl-dropdown",{style:"margin-bottom: var(--sl-spacing-large)"},h$1("sl-button",{slot:"trigger",caret:true,onClick:e.callbacks.rerender,exportparts:"base: dropdownbutton-base"},r.menuLabel),h$1("sl-menu",{ref:function(t){if(e.ref.current===undefined){e.ref.current=t;e.callbacks.rerender()}}},h$1("slot",null))):""}function handleMenu(e){fn.push(e.detail.item.value)}function useNavigationMenu(e){var t=useRef();var r=on(),n=r[1];var a=N();useEffect((function(){var e;(e=t.current)===null\|\|e===void 0?void 0:e.addEventListener("sl-select",(function(e){return handleMenu(e)}))}),[t.current]);return{states:{includeDropdown:((a===null\|\|a===void 0?void 0:a.id)\|\|(a===null\|\|a===void 0?void 0:a.accountId)\|\|(a===null\|\|a===void 0?void 0:a.jwt))!==undefined,styles:{menuLabel:e.menuLabel}},callbacks:{rerender:n},ref:t}}var sqmNavigationMenuCss=":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 NavigationMenu=function(){function e(e){registerInstance(this,e);this.ignored=true;h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=isDemo()?useNavigationMenuDemo(getProps(this)):useNavigationMenu(getProps(this));return h$1(Host,{slot:"sqm-navigation-menu"},h$1(NavigationMenuView,Object.assign({},e)))};return e}();function useNavigationMenuDemo(e){return cjs({states:{includeDropdown:true,styles:__assign(__assign({},e),{menuLabel:"Menu"})},callbacks:{rerender:function(){}},ref:{current:undefined}},e.demoData\|\|{},{arrayMerge:function(e,t){return t}})}NavigationMenu.style=sqmNavigationMenuCss;function usePortalChangePassword(e){var t=this;var r,n,a,i,o,s,l;var d=Ve(),u=d[0],c=d[1],h=c.loading,f=c.errors,m=c.data;var g=useState(false),p=g[0],v=g[1];var b=useState(""),w=b[0],y=b[1];var x=useState(false),_=x[0],S=x[1];var k=N();var C=function(e){return __awaiter(t,void 0,void 0,(function(){var t,r,n,a,i;return __generator(this,(function(o){switch(o.label){case 0:S(false);n=(t=e.detail)===null\|\|t===void 0?void 0:t.formData;n===null\|\|n===void 0?void 0:n.forEach((function(e,t){jsonpointer.set(n,t,e)}));if(!(k===null\|\|k===void 0?void 0:k.jwt)){y("Please log in again to change your password.");return[2]}if(n.password!==n.confirmPassword){y("Passwords do not match.");return[2]}y("");a={password:n.password};return[4,u(a)];case 1:i=o.sent();if(!(i instanceof Error)&&((r=i.changeManagedIdentityPassword)===null\|\|r===void 0?void 0:r.success)){S(true)}return[2]}}))}))};return{states:{open:p,loading:h,success:_,error:w\|\|((i=(a=(n=(r=f===null\|\|f===void 0?void 0:f.response)===null\|\|r===void 0?void 0:r.errors)===null\|\|n===void 0?void 0:n[0])===null\|\|a===void 0?void 0:a.extensions)===null\|\|i===void 0?void 0:i.message)\|\|((l=(s=(o=f===null\|\|f===void 0?void 0:f.response)===null\|\|o===void 0?void 0:o.errors)===null\|\|s===void 0?void 0:s[0])===null\|\|l===void 0?void 0:l.message),content:{modalChangePasswordHeader:e.modalChangePasswordHeader,cancelText:e.cancelText,changePasswordButtonText:e.changePasswordButtonText,passwordFieldLabel:e.passwordFieldLabel,confirmPasswordFieldLabel:e.confirmPasswordFieldLabel,successMessage:e.successMessage,portalChangePasswordHeader:e.portalChangePasswordHeader,portalChangePasswordButtonText:e.portalChangePasswordButtonText}},data:{},callbacks:{setOpen:v,submit:C}}}var PortalChangePassword=function(){function e(e){registerInstance(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...";h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=isDemo()?usePortalChangePasswordDemo(this):usePortalChangePassword(this),t=e.states,r=e.callbacks;return h$1(PortalChangePasswordView,{states:t,callbacks:r})};return e}();function usePortalChangePasswordDemo(e){var t=useState(false),r=t[0],n=t[1];return cjs({states:{open:r,error:"",content:{modalChangePasswordHeader:e.modalChangePasswordHeader,cancelText:e.cancelText,changePasswordButtonText:e.changePasswordButtonText,passwordFieldLabel:e.passwordFieldLabel,confirmPasswordFieldLabel:e.confirmPasswordFieldLabel,successMessage:e.successMessage,portalChangePasswordHeader:e.portalChangePasswordHeader,portalChangePasswordButtonText:e.portalChangePasswordButtonText}},callbacks:{setOpen:function(e){return n(e)},submit:function(e){return console.log("Submit",e)}}},e.demoData\|\|{},{arrayMerge:function(e,t){return t}})}function usePortalFrame(e,t){var r=on(),n=r[1];return{data:{footer:e,header:t},callbacks:{rerender:n}}}var PortalFrame=function(){function e(e){registerInstance(this,e);this.ignored=true;this.notFullScreen=false;h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=h$1("slot",{name:"footer"});var t=h$1("slot",{name:"header"});var r=isDemo()?usePortalFrameDemo(e,t,this):usePortalFrame(e,t);return h$1(PortalFrameView,Object.assign({},r),h$1("slot",null))};return e}();function usePortalFrameDemo(e,t,r){return cjs({notFullScreen:true,data:{footer:e?e:h$1("span",null,"example@example.com"),header:t?t:h$1("div",{style:{display:"flex",flexDirection:"column"}},h$1("span",{style:{fontSize:"var(--sl-font-size-large)",fontWeight:"bold"}},"Portal Header"),h$1("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 usePortalLogin(e){var t=this;var r,n,a,i,o,s,l;var d=Me(),u=d[0],c=d[1],h=c.loading,f=c.errors,m=c.data;var g=useState(""),p=g[0],v=g[1];var b=new URLSearchParams(fn.location.search);var w=b.get("nextPage");var y=function(r){return __awaiter(t,void 0,void 0,(function(){var t,n,a,i,o,s;return __generator(this,(function(l){switch(l.label){case 0:v("");a=r.detail.formData;a===null\|\|a===void 0?void 0:a.forEach((function(e,t){jsonpointer.set(a,t,e)}));i={email:a.email,password:a.password};return[4,u(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"]))v("Network request failed.");return[2]}if((n=o.authenticateManagedIdentityWithEmailAndPassword)===null\|\|n===void 0?void 0:n.token){b.delete("nextPage");s=sanitizeUrlPath(w\|\|e.nextPage);fn.push(s.href)}return[2]}}))}))};var x=((i=(a=(n=(r=f===null\|\|f===void 0?void 0:f.response)===null\|\|r===void 0?void 0:r.errors)===null\|\|n===void 0?void 0:n[0])===null\|\|a===void 0?void 0:a.extensions)===null\|\|i===void 0?void 0:i.message)\|\|((l=(s=(o=f===null\|\|f===void 0?void 0:f.response)===null\|\|o===void 0?void 0:o.errors)===null\|\|s===void 0?void 0:s[0])===null\|\|l===void 0?void 0:l.message)\|\|p;return{states:{loading:h,error:x,registerPath:e.registerPath,forgotPasswordPath:e.forgotPasswordPath},callbacks:{submit:y}}}var PortalLogin=function(){function e(e){registerInstance(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";h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=isDemo()?useLoginDemo(this):usePortalLogin(this),t=e.states,r=e.callbacks;var n={forgotPasswordButton:h$1("slot",{name:"forgotPassword"},h$1("a",{onClick:function(){return fn.push(t.forgotPasswordPath)}},this.forgotPasswordLabel)),secondaryButton:h$1("slot",{name:"secondaryButton"},h$1("sl-button",{type:"text",disabled:t.loading,onClick:function(){return fn.push(t.registerPath)}},this.registerLabel)),emailLabel:this.emailLabel,passwordLabel:this.passwordLabel,submitLabel:this.submitLabel,pageLabel:this.pageLabel};return h$1(PortalLoginView,{states:t,callbacks:r,content:n})};return e}();function useLoginDemo(e){var t=this;return cjs({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 usePortalRegister(e){var t=this;var r,n,a,i,o,s,l,d,u;var c=useRef(null);var h=useRegistrationFormState({}),f=h.registrationFormState,m=h.setRegistrationFormState;var g=je(),p=g[0],v=g[1],b=v.loading,w=v.errors,y=v.data;useEffect((function(){if(!c.current)return;var e=c.current;e.addEventListener("sl-input",_);return function(){e.removeEventListener("sl-input",_)}}),[c.current]);var x=function(r){return __awaiter(t,void 0,void 0,(function(){var t,n,a,i,o,s,l,d,u,c;return __generator(this,(function(h){switch(h.label){case 0:n=r.target.getFormControls();a={};i={};n===null\|\|n===void 0?void 0:n.forEach((function(e){if(!e.name)return;var t=e.name;var r=e.value;jsonpointer.set(a,t,r);if(e.required&&!r){jsonpointer.set(i,t,"Cannot be empty")}if(typeof e.validationError==="function"){var n=e.validationError;var o=n({control:e,key:t,value:r});if(o)jsonpointer.set(i,t,o)}}));if((e.confirmPassword\|\|a.confirmPassword)&&a.password!==a.confirmPassword){i=__assign(__assign({},i),{confirmPassword:"Passwords do not match."})}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};h.label=1;case 1:h.trys.push([1,3,,4]);return[4,p(d)];case 2:u=h.sent();if(u instanceof Error){throw u}m({loading:false,error:"",validationErrors:{}});if((t=u.registerManagedIdentityWithEmailAndPassword)===null\|\|t===void 0?void 0:t.token){fn.push(e.nextPage)}return[3,4];case 3:c=h.sent();m({loading:false,error:"Network request failed.",validationErrors:{}});return[3,4];case 4:return[2]}}))}))};var _=useCallback((function(e){var t,r;var n=(r=(t=e.target)===null\|\|t===void 0?void 0:t.type)===null\|\|r===void 0?void 0:r.toLowerCase();if(n!=="tel")return;var a=new AsYouType("US");e.target.value=a.input(e.target.value)}),[]);var S="";if((r=w===null\|\|w===void 0?void 0:w.response)===null\|\|r===void 0?void 0:r["error"]){S="Network request failed"}else if((w===null\|\|w===void 0?void 0:w.message)&&!((n=w===null\|\|w===void 0?void 0:w.response)===null\|\|n===void 0?void 0:n.errors.length)){S="Network request failed"}else{S=((s=(o=(i=(a=w===null\|\|w===void 0?void 0:w.response)===null\|\|a===void 0?void 0:a.errors)===null\|\|i===void 0?void 0:i[0])===null\|\|o===void 0?void 0:o.extensions)===null\|\|s===void 0?void 0:s.message)\|\|((u=(d=(l=w===null\|\|w===void 0?void 0:w.response)===null\|\|l===void 0?void 0:l.errors)===null\|\|d===void 0?void 0:d[0])===null\|\|u===void 0?void 0:u.message)\|\|(f===null\|\|f===void 0?void 0:f.error)}return{states:{loading:b,error:S,registrationFormState:f,confirmPassword:e.confirmPassword,hideInputs:e.hideInputs,loginPath:e.loginPath,disablePasswordValidation:e.disablePasswordValidation},callbacks:{submit:x,inputFunction:_},refs:{formRef:c}}}var PortalRegister=function(){function e(e){registerInstance(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";h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=isDemo()?useRegisterDemo(this):usePortalRegister(this),t=e.states,r=e.callbacks,n=e.refs;var a={formData:h$1("slot",{name:"formData"}),secondaryButton:h$1("slot",{name:"secondaryButton"},h$1("sl-button",{type:"text",disabled:t.loading,onClick:function(){return fn.push(t.loginPath)}},this.loginLabel)),terms:h$1("slot",{name:"terms"}),emailLabel:this.emailLabel,passwordLabel:this.passwordLabel,submitLabel:this.submitLabel,pageLabel:this.pageLabel,confirmPasswordLabel:this.confirmPasswordLabel};return h$1(PortalRegisterView,{states:t,callbacks:r,content:a,refs:n})};return e}();function useRegisterDemo(e){var t=this;return cjs({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 ProgramExplainerView(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 n=createStyleSheet(r);var a=n.toString();var i="\n ::slotted(){\n display: flex;\n width: 100%;\n }\n @media (max-width: 499px) {\n ::slotted(){\n display: block;\n }\n }";return h$1("div",{class:n.classes.Container},h$1("style",{type:"text/css"},a,i),h$1("div",{class:n.classes.Header},h$1("div",{class:n.classes.Header},e.header)),h$1("div",{class:n.classes.Grid},t))}var ProgramExplainer=function(){function e(e){registerInstance(this,e);this.ignored=true;h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){return h$1(ProgramExplainerView,Object.assign({},getProps(this)),h$1("slot",null))};return e}();function ProgramExplainerStepView(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=createStyleSheet(t);var n=r.toString();return h$1("div",{class:r.classes.Container},h$1("style",{type:"text/css"},n),h$1("div",null,e.imageUrl?h$1("img",{class:r.classes.Media,src:e.imageUrl}):h$1("div",{class:r.classes.Media},h$1("sl-icon",{name:e.icon}))),h$1("div",{class:r.classes.Text},h$1("div",{class:r.classes.Header},e.header),h$1("div",{class:r.classes.Description},e.description)))}var ProgramExplainerStep=function(){function e(e){registerInstance(this,e);h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){return h$1(ProgramExplainerStepView,Object.assign({},getProps(this)))};return e}();var debug=browser("sq:useProgramMenu");var UPDATE_PROGRAM_EVENT="sq:update-program-id";function useProgramMenu(e){var t=O();var r=R();debug({programId:t,props:e});var n=useRef();var a=on(),i=a[1];useEffect((function(){var e;(e=n.current)===null\|\|e===void 0?void 0:e.addEventListener("sl-select",(function(e){var t=e.detail.item.value;r.dispatchEvent(new CustomEvent(UPDATE_PROGRAM_EVENT,{detail:t,bubbles:true,composed:true}))}))}),[n.current]);return{data:{programId:t},callbacks:{rerender:i},ref:n}}var ProgramMenu=function(){function e(e){registerInstance(this,e);this.ignored=true;h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=useProgramMenu(getProps(this)),t=e.data,r=e.ref;return h$1(Host,{style:{display:"contents"}},h$1("sl-select",{style:{paddingBottom:"var(--sl-spacing-large)"},value:t.programId,ref:function(e){return r.current=e}},h$1("slot",null)))};return e}();var style$1={Container:{display:"flex",color:"var(--sl-color-neutral-900)",background:"var(--sl-color-neutral-0)","& .left":{boxSizing:"border-box",width:"50%",padding:"var(--sl-spacing-large)",paddingRight:"var(--sl-spacing-medium)","@media (max-width: 499px)":{width:"100%",padding:"0",marginBottom:"var(--sl-spacing-xx-large)"}},"& .right":{boxSizing:"border-box",width:"50%",padding:"var(--sl-spacing-large)",paddingLeft:"var(--sl-spacing-medium)","@media (max-width: 499px)":{width:"100%",padding:"0"}},border:"1px solid var(--sl-color-neutral-300)",borderRadius:"var(--sl-border-radius-large)","@media (max-width: 499px)":{flexDirection:"column",border:"none"}}};var sheet$1=createStyleSheet(style$1);var styleString$1=sheet$1.toString();var vanillaStyle="\n :host{\n display: block; \n }\n ";function ReferralCardView(e){return h$1("div",null,h$1("style",{type:"text/css"},styleString$1,vanillaStyle),h$1("div",{class:sheet$1.classes.Container},h$1("div",{class:"left",style:{alignSelf:e.verticalAlignment}},e.slots.left),h$1("div",{class:"right",style:{alignSelf:e.verticalAlignment}},e.slots.right)))}var ReferralCard=function(){function e(e){registerInstance(this,e);this.ignored=true;this.verticalAlignment="start";h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e={left:h$1("slot",{name:"left"}),right:h$1("slot",{name:"right"})};return h$1(ReferralCardView,Object.assign({},getProps(this),{slots:e}),h$1("slot",null))};return e}();var GET_USER_DETAILS=dist.gql(templateObject_5\|\|(templateObject_5=__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 useReferralIframe(e){var t;var r=O();var n=N();var a=dn(GET_USER_DETAILS,{programId:r},!(n===null\|\|n===void 0?void 0:n.jwt)\|\|!r).data;return{states:{content:e},data:{shareCode:(t=a===null\|\|a===void 0?void 0:a.viewer)===null\|\|t===void 0?void 0:t.referralCode}}}var SqmReferralIframe=function(){function e(e){registerInstance(this,e);this.ignored=true;this.iframeHeight="100%";this.iframeWidth="100%";h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=getMissingProps([{attribute:"iframe-src",value:this.iframeSrc}]);if(e){return h$1(RequiredPropsError,{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=isDemo()?useReferralIframeDemo(getProps(this)):useReferralIframe(getProps(this)),r=t.states,n=t.data;return h$1(Host,{style:{display:"contents"}},h$1(ReferralIframeView,{data:n,states:r}))};return e}();function useReferralIframeDemo(e){return cjs({states:{content:__assign({iframeSrc:"https://example.com"},e)},data:{shareCode:"SHARECODE123"}},e.demoData\|\|{},{arrayMerge:function(e,t){return t}})}var module={};(function e(t,r,n,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 n=r.exports.Promise;var a=n!==void 0?n: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,r;var n={};var a=0;if(typeof requestAnimationFrame==="function"&&typeof cancelAnimationFrame==="function"){t=function(t){var r=Math.random();n[r]=requestAnimationFrame((function i(o){if(a===o\|\|a+e-1<o){a=o;delete n[r];t()}else{n[r]=requestAnimationFrame(i)}}));return r};r=function(e){if(n[e]){cancelAnimationFrame(n[e])}}}else{t=function(t){return setTimeout(t,e)};r=function(e){return clearTimeout(e)}}return{frame:t,cancel:r}}();var d=function(){var t;var r;var a={};function o(e){function t(t,r){e.postMessage({options:t\|\|{},callback:r})}e.init=function t(r){var n=r.transferControlToOffscreen();e.postMessage({canvas:n},[n])};e.fire=function n(i,o,l){if(r){t(i,null);return r}var d=Math.random().toString(36).slice(2);r=s((function(n){function o(t){if(t.data.callback!==d){return}delete a[d];e.removeEventListener("message",o);r=null;l();n()}e.addEventListener("message",o);t(i,d);a[d]=o.bind(null,{data:{callback:d}})}));return r};e.reset=function t(){e.postMessage({reset:true});for(var r in a){a[r]();delete a[r]}}}return function(){if(t){return t}if(!n&&i){var r=["var CONFETTI, SIZE = {}, module = {};","("+e.toString()+")(this, module, true, SIZE);","onmessage = function(msg) {"," if (msg.data.options) {"," CONFETTI(msg.data.options).then(function () {"," if (msg.data.callback) {"," postMessage({ callback: msg.data.callback });"," }"," });"," } else if (msg.data.reset) {"," CONFETTI.reset();"," } else if (msg.data.resize) {"," SIZE.width = msg.data.resize.width;"," SIZE.height = msg.data.resize.height;"," } else if (msg.data.canvas) {"," SIZE.width = msg.data.canvas.width;"," SIZE.height = msg.data.canvas.height;"," CONFETTI = module.exports.create(msg.data.canvas);"," }","}"].join("\n");try{t=new Worker(URL.createObjectURL(new Blob([r])))}catch(e){typeof console!==undefined&&typeof console.warn==="function"?console.warn("🎊 Could not load worker",e):null;return null}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 h(e){return!(e===null\|\|e===undefined)}function f(e,t,r){return c(e&&h(e[t])?e[t]:u[t],r)}function m(e){return e<0?0:Math.floor(e)}function g(e,t){return Math.floor(Math.random()(t-e))+e}function p(e){return parseInt(e,16)}function v(e){return e.map(b)}function b(e){var t=String(e).replace(/[^0-9a-f]/gi,"");if(t.length<6){t=t[0]+t[0]+t[1]+t[1]+t[2]+t[2]}return{r:p(t.substring(0,2)),g:p(t.substring(2,4)),b:p(t.substring(4,6))}}function w(e){var t=f(e,"origin",Object);t.x=f(t,"x",Number);t.y=f(t,"y",Number);return t}function y(e){e.width=document.documentElement.clientWidth;e.height=document.documentElement.clientHeight}function x(e){var t=e.getBoundingClientRect();e.width=t.width;e.height=t.height}function _(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 S(e,t,r,n,a,i,o,s,l){e.save();e.translate(t,r);e.rotate(i);e.scale(n,a);e.arc(0,0,1,o,s,l);e.restore()}function k(e){var t=e.angle(Math.PI/180);var r=e.spread(Math.PI/180);return{x:e.x,y:e.y,wobble:Math.random()10,velocity:e.startVelocity.5+Math.random()e.startVelocity,angle2D:-t+(.5r-Math.random()r),tiltAngle:Math.random()Math.PI,color:e.color,shape:e.shape,tick:0,totalTicks:e.ticks,decay:e.decay,drift:e.drift,random:Math.random()+5,tiltSin:0,tiltCos:0,wobbleX:0,wobbleY:0,gravity:e.gravity3,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+10t.scalarMath.cos(t.wobble);t.wobbleY=t.y+10t.scalarMath.sin(t.wobble);var r=t.tick++/t.totalTicks;var n=t.x+t.randomt.tiltCos;var a=t.y+t.randomt.tiltSin;var i=t.wobbleX+t.randomt.tiltCos;var o=t.wobbleY+t.randomt.tiltSin;e.fillStyle="rgba("+t.color.r+", "+t.color.g+", "+t.color.b+", "+(1-r)+")";e.beginPath();if(t.shape==="circle"){e.ellipse?e.ellipse(t.x,t.y,Math.abs(i-n)t.ovalScalar,Math.abs(o-a)t.ovalScalar,Math.PI/10t.wobble,0,2Math.PI):S(e,t.x,t.y,Math.abs(i-n)t.ovalScalar,Math.abs(o-a)t.ovalScalar,Math.PI/10t.wobble,0,2Math.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(n),Math.floor(t.wobbleY))}e.closePath();e.fill();return t.tick<t.totalTicks}function E(e,t,r,i,o){var d=t.slice();var u=e.getContext("2d");var c;var h;var f=s((function(t){function s(){c=h=null;u.clearRect(0,0,i.width,i.height);o();t()}function f(){if(n&&!(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){r(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(f)}else{s()}}c=l.frame(f);h=s}));return{addFettis:function(e){d=d.concat(e);return f},canvas:e,promise:f,reset:function(){if(c){l.cancel(c)}if(h){h()}}}}function $(e,r){var n=!e;var a=!!f(r\|\|{},"resize");var o=f(r,"disableForReducedMotion",Boolean);var l=i&&!!f(r\|\|{},"useWorker");var u=l?d():null;var c=n?y:x;var h=e&&u?!!e.__confetti_initialized:false;var p=typeof matchMedia==="function"&&matchMedia("(prefers-reduced-motion)").matches;var b;function S(t,r,n){var a=f(t,"particleCount",m);var i=f(t,"angle",Number);var o=f(t,"spread",Number);var s=f(t,"startVelocity",Number);var l=f(t,"decay",Number);var d=f(t,"gravity",Number);var u=f(t,"drift",Number);var h=f(t,"colors",v);var p=f(t,"ticks",Number);var y=f(t,"shapes");var x=f(t,"scalar");var _=w(t);var S=a;var C=[];var $=e.width_.x;var P=e.height_.y;while(S--){C.push(k({x:$,y:P,angle:i,spread:o,startVelocity:s,color:h[S%h.length],shape:y[g(0,y.length)],ticks:p,decay:l,gravity:d,drift:u,scalar:x}))}if(b){return b.addFettis(C)}b=E(e,C,c,r,n);return b.promise}function C(r){var i=o\|\|f(r,"disableForReducedMotion",Boolean);var l=f(r,"zIndex",Number);if(i&&p){return s((function(e){e()}))}if(n&&b){e=b.canvas}else if(n&&!e){e=_(l);document.body.appendChild(e)}if(a&&!h){c(e)}var d={width:e.width,height:e.height};if(u&&!h){u.init(e)}h=true;if(u){e.__confetti_initialized=true}function m(){if(u){var t={getBoundingClientRect:function(){if(!n){return e.getBoundingClientRect()}}};c(t);u.postMessage({resize:{width:t.width,height:t.height}});return}d.width=d.height=null}function g(){b=null;if(a){t.removeEventListener("resize",m)}if(n&&e){document.body.removeChild(e);e=null;h=false}}if(a){t.addEventListener("resize",m,false)}if(u){return u.fire(r,d,g)}return S(r,d,g)}C.reset=function(){if(u){u.reset()}if(b){b.reset()}};return C}r.exports=$(null,{useWorker:true,resize:true});r.exports.create=$})(function(){if(typeof window!=="undefined"){return window}if(typeof self!=="undefined"){return self}return this\|\|{}}(),module,false);var confetti=module.exports;var GET_EXCHANGE_LIST=dist.gql(templateObject_6\|\|(templateObject_6=__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 EXCHANGE=dist.gql(templateObject_7\|\|(templateObject_7=__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 useRewardExchangeList(e){var t,r,n,a,i;var o=useReducer((function(e,t){return __assign(__assign({},e),t)}),{selectedItem:undefined,selectedStep:undefined,redeemStage:"chooseReward",amount:0,exchangeError:false}),s=o[0],l=o[1];var d=useState(false),u=d[0],c=d[1];var h=s.selectedItem,f=s.selectedStep,m=s.redeemStage,g=s.amount,p=s.exchangeError;var v=N();var b=Pe(EXCHANGE),w=b[0],y=b[1],x=y.data,_=y.loading,S=y.errors;var k=dn(GET_EXCHANGE_LIST,{},!(v===null\|\|v===void 0?void 0:v.jwt)),C=k.data,E=k.loading,$=k.refetch,P=k.errors;useEffect((function(){var e,t;if((t=(e=x===null\|\|x===void 0?void 0:x.exchangeReward)===null\|\|e===void 0?void 0:e.reward)===null\|\|t===void 0?void 0:t.id){l({redeemStage:"success",exchangeError:false})}if(!!S){l({exchangeError:true})}}),[x,S]);var T=useRef();useEffect((function(){if(!T.current)return;var e=T.current;e.confetti=e.confetti\|\|confetti.create(e,{resize:true});e.confetti()}),[T.current]);var R=Le().refresh;function I(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){switch(t.label){case 0:if(!h)return[2];e={accountId:v===null\|\|v===void 0?void 0:v.accountId,userId:v.id};switch(h.ruleType){case"FIXED_GLOBAL_REWARD":e=__assign(__assign({},e),{redeemCreditInput:{amount:h.sourceValue,unit:h.sourceUnit},globalRewardKey:h.globalRewardKey});break;case"STEPPED_FIXED_GLOBAL_REWARD":e=__assign(__assign({},e),{redeemCreditInput:{amount:f.sourceValue,unit:h.sourceUnit},globalRewardKey:f.globalRewardKey});break;case"VARIABLE_GLOBAL_REWARD":e=__assign(__assign({},e),{redeemCreditInput:{amount:g,unit:h.sourceUnit},globalRewardKey:h.globalRewardKey,rewardInput:f.rewardInput});break;case"VARIABLE_CREDIT_REWARD":e=__assign(__assign({},e),{redeemCreditInput:{amount:g,unit:h.sourceUnit},rewardInput:{type:"CREDIT",unit:h.destinationUnit,assignedCredit:f.destinationValue}});break;default:e=__assign(__assign({},e),f.rewardInput)}return[4,w({exchangeRewardInput:e})];case 1:t.sent();R();return[2]}}))}))}var L=function(e){e&&$();l({amount:0,selectedStep:undefined,selectedItem:undefined,exchangeError:false,redeemStage:"chooseReward"})};function M(e){l({redeemStage:e})}function D(){var e,t;navigator.clipboard.writeText((t=(e=x===null\|\|x===void 0?void 0:x.exchangeReward)===null\|\|e===void 0?void 0:e.reward)===null\|\|t===void 0?void 0:t.fuelTankCode);c(true);setTimeout((function(){return c(false)}),1e3)}return{states:{content:{text:e},selectedItem:h,redeemStage:m,amount:g,selectedStep:f,exchangeError:p,queryError:!!P,loading:E\|\|_,open:u,noExchangeOptions:((t=C===null\|\|C===void 0?void 0:C.viewer)===null\|\|t===void 0?void 0:t.visibleRewardExchangeItems.totalCount)===0},data:{exchangeList:(n=(r=C===null\|\|C===void 0?void 0:C.viewer)===null\|\|r===void 0?void 0:r.visibleRewardExchangeItems)===null\|\|n===void 0?void 0:n.data,fuelTankCode:(i=(a=x===null\|\|x===void 0?void 0:x.exchangeReward)===null\|\|a===void 0?void 0:a.reward)===null\|\|i===void 0?void 0:i.fuelTankCode},callbacks:{exchangeReward:I,setExchangeState:l,setStage:M,resetState:L,copyFuelTankCode:D},refs:{canvasRef:T}}}var SqmRewardExchangeList=function(){function e(e){registerInstance(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";h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=__assign(__assign({},getProps(this)),{empty:h$1(EmptySlot$1,null)});var t=isDemo()?useRewardExchangeListDemo(e):useRewardExchangeList(e),r=t.states,n=t.data,a=t.callbacks,i=t.refs;return h$1(Host,{style:{display:"contents"}},h$1(RewardExchangeView,{states:r,data:n,callbacks:a,refs:i}))};Object.defineProperty(e,"assetsDirs",{get:function(){return["assets"]},enumerable:false,configurable:true});return e}();function EmptySlot$1(){return h$1("slot",{name:"empty"},h$1("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 useRewardExchangeListDemo(e){return cjs({states:{content:{text:e},redeemStage:"chooseReward",amount:0,selectedStep:undefined,selectedItem:undefined,open:false,exchangeError:false,queryError:false,loading:false,noExchangeOptions:false,empty:EmptySlot$1()},data:{shareCode:"SHARECODE123",exchangeList:demoRewardExchange.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 debug$1=browser("sq:useRouter");function matchPath(e,t){if(!e)return;var r=pathToRegexp(e);return r.exec(t)}function useRouter(){var e=ln();var t=R();var r=useState(undefined),n=r[0],a=r[1];var i=useState(undefined),o=i[0],s=i[1];var l=e.pathname;useEffect((function(){var e=t.querySelectorAll("sqm-route");var r=Array.from(e);r.forEach((function(e){var t=document.createElement("template");t.setAttribute("path",e.path);t.innerHTML=e.innerHTML;e.parentNode.appendChild(t);e.parentNode.removeChild(e)}))}),[]);useEffect((function(){var e,t;if(!o\|\|!n){debug$1("DOM not ready for navigation rendering on:",l);return}var r=n.querySelectorAll("template");var a=Array.from(r);var i=a.find((function(e){var t,r,n;var a=(r=(t=e.attributes)===null\|\|t===void 0?void 0:t.path)===null\|\|r===void 0?void 0:r.nodeValue;if((n=matchPath(a,l))===null\|\|n===void 0?void 0:n.length)return e}));var s=(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;debug$1({containerDatasetPage:o.dataset.page,templatePath:s,page:l});if(!i){debug$1("No matching page found for ",l,", so render nothing");o.innerHTML="";o.dataset.page=l;return}debug$1("Page updated to ",l,i);if(!!matchPath(s,o.dataset.page)){debug$1("don't rerender")}else if(i){o.innerHTML=i.innerHTML;o.dataset.page=l}}),[n,o,l]);return{callbacks:{setSlot:a,setContainer:s}}}var sqmRouterCss="sqm-router{display:contents}";var SqmRouter=function(){function e(e){registerInstance(this,e);this.ignored=true;h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=useRouter().callbacks;return h$1(Host,null,h$1("div",{ref:e.setSlot,style:{display:"none"}},h$1("slot",null)),h$1("div",{style:{display:"contents"},ref:e.setContainer}))};return e}();SqmRouter.style=sqmRouterCss;var REVEAL_EVENT="sq:reveal";function useScroll(e){var t=e.scrollTagName,r=e.scrollId;function n(){return __awaiter(this,void 0,void 0,(function(){var n;return __generator(this,(function(a){switch(a.label){case 0:n=document===null\|\|document===void 0?void 0:document.querySelector(t\|\|"#"+r);n.dispatchEvent(new CustomEvent(REVEAL_EVENT,{detail:t\|\|"#"+r,bubbles:true,composed:true}));return[4,new Promise((function(e){return setTimeout(e,500)}))];case 1:a.sent();n.scrollIntoView({behavior:e.scrollAnimation});return[2]}}))}))}return{callbacks:{scroll:n}}}var Scroll=function(){function e(e){registerInstance(this,e);this.ignored=true;this.buttonType="default";this.scrollAnimation="smooth";h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e;var t=useScroll(this).callbacks;var r=(e=this.buttonType)!==null&&e!==void 0?e:"primary";var n={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 a=createStyleSheet(n);var i=a.toString();var o="\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 s="";if(this.outline&&this.buttonType!="default")s+="outline ";if(this.buttonType==="neutral")s+="neutral ";if(this.mobile)s+="mobile ";return h$1("div",{class:a.classes.Button},h$1("style",{type:"text/css"},o,i),h$1("sl-button",{type:this.buttonType,onClick:t.scroll,size:this.size,pill:this.pill,circle:this.circle,class:s},(this.iconSlot\|\|this.iconName)&&h$1("sl-icon",{slot:this.iconSlot\|\|"prefix",name:this.iconName}),this.buttonText,h$1("slot",null)))};return e}();var sqmShareButtonCss=":host{display:block}:host([hidden]){display:none}sl-button{display:block}";var ShareButton=function(){function e(e){registerInstance(this,e);this.type="default";this.iconslot="prefix";this.hideicon=false;this.hidetext=false;h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=getProps(this);var t=isDemo()?useDemoShareButton(e):useShareButton(e);return h$1(ShareButtonView,Object.assign({},t),h$1("slot",null))};return e}();function useDemoShareButton(e){return cjs(__assign(__assign({},e),{loading:false,hide:false,onClick:function(){}}),e.demoData\|\|{},{arrayMerge:function(e,t){return t}})}ShareButton.style=sqmShareButtonCss;var MessageLinkQuery=dist.gql(templateObject_8\|\|(templateObject_8=__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 WIDGET_ENGAGEMENT_EVENT=dist.gql(templateObject_9\|\|(templateObject_9=__makeTemplateObject(["\n mutation loadEvent($eventMeta: UserAnalyticsEvent!) {\n createUserAnalyticsEvent(eventMeta: $eventMeta)\n }\n"],["\n mutation loadEvent($eventMeta: UserAnalyticsEvent!) {\n createUserAnalyticsEvent(eventMeta: $eventMeta)\n }\n"])));function useShareCode(e){var t,r;var n=e.programId,a=n===void 0?O():n;var i=N();var o=U();var s=dn(MessageLinkQuery,{programId:a},!(i===null\|\|i===void 0?void 0:i.jwt)).data;var l=Pe(WIDGET_ENGAGEMENT_EVENT)[0];var d=(r=(t=s===null\|\|s===void 0?void 0:s.user)===null\|\|t===void 0?void 0:t.referralCode)!==null&&r!==void 0?r:"...";var u=useState(false),c=u[0],h=u[1];function f(){navigator.clipboard.writeText(d);h(true);setTimeout((function(){return h(false)}),e.tooltiplifespan);l({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:o,shareMedium:"DIRECT"}}})}return __assign(__assign({},e),{onClick:f,open:c,shareString:d})}var ShareCode=function(){function e(e){registerInstance(this,e);this.tooltiptext="Copied to Clipboard";this.tooltiplifespan=1e3;h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=getProps(this);var t=isDemo()?useDemoShareCode(e):useShareCode(e);return h$1(ShareLinkView,Object.assign({},t))};return e}();function useDemoShareCode(e){var t=useState(false),r=t[0],n=t[1];var a="SHARECODE001";return cjs({shareString:a,tooltiptext:e.tooltiptext,open:r,onClick:function(){navigator.clipboard.writeText(a);n(true);setTimeout((function(){return n(false)}),e.tooltiplifespan)}},e.demoData\|\|{},{arrayMerge:function(e,t){return t}})}var ShareLink=function(){function e(e){registerInstance(this,e);this.tooltiptext="Copied to Clipboard";this.tooltiplifespan=1e3;h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=getProps(this);var t=isDemo()?useDemoShareLink(e):useShareLink(e);return h$1(ShareLinkView,Object.assign({},t))};return e}();function useDemoShareLink(e){var t=useState(false),r=t[0],n=t[1];var a="https://www.example.com/sharelink/abc";return cjs({shareString:a,tooltiptext:e.tooltiptext,open:r,onClick:function(){navigator.clipboard.writeText(a);n(true);setTimeout((function(){return n(false)}),e.tooltiplifespan)}},e.demoData\|\|{},{arrayMerge:function(e,t){return t}})}var StatContainer=function(){function e(e){registerInstance(this,e);this.ignored=true;this.space="xxx-large";this.display="grid";h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){return h$1(StatContainerView,Object.assign({},getProps(this)),h$1("slot",null))};return e}();var TableCell=function(){function e(e){registerInstance(this,e);this.colspan=1;this.padding="15px 10px"}e.prototype.render=function(){return h$1(Host,{style:{display:"contents"}},h$1("td",{colSpan:this.colspan,style:{padding:this.padding}},h$1("slot",null)))};return e}();var TableRow=function(){function e(e){registerInstance(this,e);this.border="1px solid #EAEAEA"}e.prototype.render=function(){return h$1(Host,{style:{display:"contents"}},h$1("tr",{style:{border:this.border}},h$1("slot",null)))};return e}();var SEND_EVENT=dist.gql(templateObject_10\|\|(templateObject_10=__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 useTaskCard(e){var t=N();var r=x();var n=Pe(SEND_EVENT),a=n[0],i=n[1],o=i.data,s=i.loading;var l=Le().refresh;useEffect((function(){if(o){l();d()}}),[o]);function d(){e.openNewTab?window.open(e.buttonLink):window.open(e.buttonLink,"_parent")}function u(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 c(){e.eventKey?u(e.eventKey):d()}return{states:{loadingEvent:s,locale:r},callbacks:{sendEvent:u,onClick:c}}}var TaskCard=function(){function e(e){registerInstance(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;h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=(isDemo()?useDemoBigStat(this):useBigStat(__assign(__assign({},getProps(this)),{programId:this.programId}))).props;var t=e.value,r=e.loading;var n=isDemo()?useTaskCardDemo(this):useTaskCard(this),a=n.states,i=n.callbacks;return h$1(TaskCardView,{callbacks:i,states:{loading:r,loadingEvent:a.loadingEvent,progress:t,locale:a.locale},content:__assign({},getProps(this))})};return e}();function useTaskCardDemo(e){return cjs({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 Timeline=function(){function e(e){registerInstance(this,e);this.ignored=true;this.icon="gift";h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=this;var t=useChildElements();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 h$1("div",null,h$1("style",{type:"text/css"},r),h$1("slot",null))};return e}();var Gift=function(){return h$1("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},h$1("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"}),h$1("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"}),h$1("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M2.25 13.5V15H21.75V13.5H2.25Z",fill:"#BE9720"}),h$1("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 Circle=function(){return h$1("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},h$1("circle",{cx:"12",cy:"12",r:"9",fill:"currentColor",stroke:"currentColor","stroke-width":"2"}))};var style$2={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 sheet$2=createStyleSheet(style$2);var styleString$2=sheet$2.toString();var vanillaStyle$1="\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 TimelineEntryView(e){var t;var r=(t=e.icon)!==null&&t!==void 0?t:e.iconState;return h$1("div",{class:sheet$2.classes.TimelineReward},h$1("style",{type:"text/css"},styleString$2,vanillaStyle$1),h$1("div",{class:"container"},h$1("div",{class:"line"},"/"),h$1("div",{class:"step"},r==="gift"&&h$1("div",{class:"icon"},h$1(Gift,null)),r==="circle"&&h$1("div",{class:"icon"},h$1(Circle,null)),h$1("div",null,h$1("div",null,h$1("span",{class:"reward"},e.reward),h$1("span",{class:"unit"},e.unit)),h$1("div",{class:"description"},e.desc)))))}var TimelineReward=function(){function e(e){registerInstance(this,e);this.ignored=true;this.iconState="gift";h(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(){useRequestRerender([this.reward]);return h$1(TimelineEntryView,Object.assign({},getProps(this)))};return e}();function UserNameView(e){return h$1(Host,null,e.loading?e.loadingText:e.username)}var GET_USER_NAME=dist.gql(templateObject_11\|\|(templateObject_11=__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 useUserName(e){var t,r,n,a,i,o,s,l;var d=N();var u=dn(GET_USER_NAME,{},!(d===null\|\|d===void 0?void 0:d.jwt));var c=u.loading;var h=((r=(t=u.data)===null\|\|t===void 0?void 0:t.viewer)===null\|\|r===void 0?void 0:r.firstName)\|\|((a=(n=u.data)===null\|\|n===void 0?void 0:n.viewer)===null\|\|a===void 0?void 0:a.lastName)?((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:h}}var UserName=function(){function e(e){registerInstance(this,e);this.ignored=true;this.fallback="Anonymous User";this.loadingText="...";h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=isDemo()?useUserNameDemo(this):useUserName(this);return h$1(UserNameView,Object.assign({},e))};return e}();function useUserNameDemo(e){return cjs({loading:false,loadingText:"...",username:"John Smith"},e.demoData\|\|{},{arrayMerge:function(e,t){return t}})}export{BigStat as sqm_big_stat,BrandComponent as sqm_brand,CardFeed as sqm_card_feed,CheckboxField as sqm_checkbox_field,DividedLayout as sqm_divided_layout,DropdownField as sqm_dropdown_field,EditProfile as sqm_edit_profile,HeroImage as sqm_hero_image,SqmHookStoryContainer as sqm_hook_story_container,InputField as sqm_input_field,Leaderboard as sqm_leaderboard,NameFields as sqm_name_fields,NavigationMenu as sqm_navigation_menu,PortalChangePassword as sqm_portal_change_password,PortalFrame as sqm_portal_frame,PortalLogin as sqm_portal_login,PortalRegister as sqm_portal_register,ProgramExplainer as sqm_program_explainer,ProgramExplainerStep as sqm_program_explainer_step,ProgramMenu as sqm_program_menu,ReferralCard as sqm_referral_card,SqmReferralIframe as sqm_referral_iframe,SqmRewardExchangeList as sqm_reward_exchange_list,SqmRouter as sqm_router,Scroll as sqm_scroll,ShareButton as sqm_share_button,ShareCode as sqm_share_code,ShareLink as sqm_share_link,StatContainer as sqm_stat_container,TableCell as sqm_table_cell,TableRow as sqm_table_row,TaskCard as sqm_task_card,Timeline as sqm_timeline,TimelineReward as sqm_timeline_entry,UserName as sqm_user_name};var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,templateObject_6,templateObject_7,templateObject_8,templateObject_9,templateObject_10,templateObject_11;

package/dist/esm-es5/sqm-navigation-sidebar.entry.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{r as registerInstance,h as h$1}from"./index-17b4da69.js";import{m as h,i as useState,u as useEffect}from"./stencil-hooks.module-203eab48.js";import"./use-callback-f03b0607.js";import{l as ln}from"./index.module-48cc9ee0.js";import{N as NavigationSidebarView}from"./sqm-navigation-sidebar-view-0e0fb4c0.js";var NavigationSidebar=function(){function e(e){registerInstance(this,e);this.ignored=true;h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=useNavigationSidebar();return h$1(NavigationSidebarView,Object.assign({},e),h$1("slot",null))};return e}();function useNavigationSidebar(){var e=ln();var a=useState(false),i=a[0],t=a[1];useEffect((function(){t(false)}),[e.pathname]);function n(e){t(e.target.checked)}return{checked:i,onClick:n}}export{NavigationSidebar as sqm_navigation_sidebar};
1	+ import{r as registerInstance,h as h$1}from"./index-17b4da69.js";import{m as h,i as useState,u as useEffect}from"./stencil-hooks.module-203eab48.js";import"./use-callback-f03b0607.js";import{l as ln,O}from"./index.module-48cc9ee0.js";import{N as NavigationSidebarView}from"./sqm-navigation-sidebar-view-0e0fb4c0.js";var NavigationSidebar=function(){function e(e){registerInstance(this,e);this.ignored=true;h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=useNavigationSidebar();return h$1(NavigationSidebarView,Object.assign({},e),h$1("slot",null))};return e}();function useNavigationSidebar(){var e=ln();var a=O();var i=useState(false),t=i[0],n=i[1];useEffect((function(){n(false)}),[e.pathname,a]);function r(e){n(e.target.checked)}return{checked:t,onClick:r}}export{NavigationSidebar as sqm_navigation_sidebar};

package/dist/esm-es5/{sqm-portal-email-verification-view-3770363f.js → sqm-portal-email-verification-view-99fceb0b.js} RENAMED Viewed

	@@ -1 +1 @@
1	- var __assign=this&&this.__assign\|\|function(){__assign=Object.assign\|\|function(e){for(var t,s=1,a=arguments.length;s<a;s++){t=arguments[s];for(var i in t)if(Object.prototype.hasOwnProperty.call(t,i))e[i]=t[i]}return e};return __assign.apply(this,arguments)};import{h}from"./index-17b4da69.js";import{i as intl}from"./global-9ad01db9.js";import{A as AuthWrapper,a as AuthColumn}from"./mixins-59fd94b7.js";import{c as createStyleSheet}from"./JSS-506b9295.js";import{T as TextSpanView}from"./sqm-text-span-view-~~20c0f018~~.js";var style={Wrapper:AuthWrapper,Column:__assign({},AuthColumn),ButtonLink:{fontSize:"14px",color:"var(--sl-color-primary-500)",display:"inline-block !important","&:hover":{cursor:"pointer",textDecoration:"underline"}},ButtonLinkLoading:{fontSize:"14px",color:"var(--sl-color-gray-500)",opacity:"0.6",display:"inline-block !important",textDecoration:"underline","&:hover":{cursor:"not-allowed"}}};var vanillaStyle="\n:host {\n display: block;\n}\n:host([hidden]): {\n display: none;\n}\n";var sheet=createStyleSheet(style);var styleString=sheet.toString();function PortalEmailVerificationView(e){var t=e.states,s=e.callbacks,a=e.content,i=a.email,r=a.verifyMessage,o=a.emailVerificationHeader,n=a.resendEmailButtonText,l=a.verificationStatusMessage,c=a.verificationLoadingMessage;return h("div",{class:sheet.classes.Wrapper},h("style",{type:"text/css"},vanillaStyle,styleString),h(TextSpanView,{type:"h3"},o),h("sl-form",{class:sheet.classes.Column,"onSl-submit":s.submit},e.states.error&&h("sqm-form-message",{type:"error",exportparts:"erroralert-icon"},h("div",{part:"erroralert-text"},e.states.error)),e.states.success&&h("sqm-form-message",{type:"success",exportparts:"successalert-icon"},h("div",{part:"successalert-text"},"Your verification email has been resent successfully")),h(TextSpanView,{type:"p"},intl.formatMessage({id:"verifyMessage",defaultMessage:r},{email:h("span",{style:{fontWeight:"var(--sl-font-weight-semibold)"}},i)})),h("p",{style:{color:"var(--sl-color-gray-500)",fontSize:"14px"}},intl.formatMessage({id:"verificationStatus",defaultMessage:t.loadingVerification?c+" {countdown}":l},{countdown:t.loadingVerification?h("sl-spinner",null):t.countdown})),h("a",{class:t.loading?sheet.classes.ButtonLinkLoading:sheet.classes.ButtonLink,onClick:s.submit},n)))}export{PortalEmailVerificationView as P};
1	+ var __assign=this&&this.__assign\|\|function(){__assign=Object.assign\|\|function(e){for(var t,s=1,a=arguments.length;s<a;s++){t=arguments[s];for(var i in t)if(Object.prototype.hasOwnProperty.call(t,i))e[i]=t[i]}return e};return __assign.apply(this,arguments)};import{h}from"./index-17b4da69.js";import{i as intl}from"./global-9ad01db9.js";import{A as AuthWrapper,a as AuthColumn}from"./mixins-59fd94b7.js";import{c as createStyleSheet}from"./JSS-506b9295.js";import{T as TextSpanView}from"./sqm-text-span-view-d5db76f9.js";var style={Wrapper:AuthWrapper,Column:__assign({},AuthColumn),ButtonLink:{fontSize:"14px",color:"var(--sl-color-primary-500)",display:"inline-block !important","&:hover":{cursor:"pointer",textDecoration:"underline"}},ButtonLinkLoading:{fontSize:"14px",color:"var(--sl-color-gray-500)",opacity:"0.6",display:"inline-block !important",textDecoration:"underline","&:hover":{cursor:"not-allowed"}}};var vanillaStyle="\n:host {\n display: block;\n}\n:host([hidden]): {\n display: none;\n}\n";var sheet=createStyleSheet(style);var styleString=sheet.toString();function PortalEmailVerificationView(e){var t=e.states,s=e.callbacks,a=e.content,i=a.email,r=a.verifyMessage,o=a.emailVerificationHeader,n=a.resendEmailButtonText,l=a.verificationStatusMessage,c=a.verificationLoadingMessage;return h("div",{class:sheet.classes.Wrapper},h("style",{type:"text/css"},vanillaStyle,styleString),h(TextSpanView,{type:"h3"},o),h("sl-form",{class:sheet.classes.Column,"onSl-submit":s.submit},e.states.error&&h("sqm-form-message",{type:"error",exportparts:"erroralert-icon"},h("div",{part:"erroralert-text"},e.states.error)),e.states.success&&h("sqm-form-message",{type:"success",exportparts:"successalert-icon"},h("div",{part:"successalert-text"},"Your verification email has been resent successfully")),h(TextSpanView,{type:"p"},intl.formatMessage({id:"verifyMessage",defaultMessage:r},{email:h("span",{style:{fontWeight:"var(--sl-font-weight-semibold)"}},i)})),h("p",{style:{color:"var(--sl-color-gray-500)",fontSize:"14px"}},intl.formatMessage({id:"verificationStatus",defaultMessage:t.loadingVerification?c+" {countdown}":l},{countdown:t.loadingVerification?h("sl-spinner",null):t.countdown})),h("a",{class:t.loading?sheet.classes.ButtonLinkLoading:sheet.classes.ButtonLink,onClick:s.submit},n)))}export{PortalEmailVerificationView as P};

package/dist/esm-es5/sqm-portal-email-verification.entry.js CHANGED Viewed

	@@ -1 +1 @@
1	- var __awaiter=this&&this.__awaiter\|\|function(e,i,t,r){function n(e){return e instanceof t?e:new t((function(i){i(e)}))}return new(t\|\|(t=Promise))((function(t,a){function o(e){try{l(r.next(e))}catch(e){a(e)}}function s(e){try{l(r["throw"](e))}catch(e){a(e)}}function l(e){e.done?t(e.value):n(e.value).then(o,s)}l((r=r.apply(e,i\|\|[])).next())}))};var __generator=this&&this.__generator\|\|function(e,i){var t={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},r,n,a,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(i){return l([e,i])}}function l(o){if(r)throw new TypeError("Generator is already executing.");while(t)try{if(r=1,n&&(a=o[0]&2?n["return"]:o[0]?n["throw"]\|\|((a=n["return"])&&a.call(n),0):n.next)&&!(a=a.call(n,o[1])).done)return a;if(n=0,a)o=[o[0]&2,a.value];switch(o[0]){case 0:case 1:a=o;break;case 4:t.label++;return{value:o[1],done:false};case 5:t.label++;n=o[1];o=[0];continue;case 7:o=t.ops.pop();t.trys.pop();continue;default:if(!(a=t.trys,a=a.length>0&&a[a.length-1])&&(o[0]===6\|\|o[0]===2)){t=0;continue}if(o[0]===3&&(!a\|\|o[1]>a[0]&&o[1]<a[3])){t.label=o[1];break}if(o[0]===6&&t.label<a[1]){t.label=a[1];a=o;break}if(a&&t.label<a[2]){t.label=a[2];t.ops.push(o);break}if(a[2])t.ops.pop();t.trys.pop();continue}o=i.call(e,t)}catch(e){o=[6,e];n=0}finally{r=a=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};import{r as registerInstance,h as h$1}from"./index-17b4da69.js";import{i as useState,j as useRef,u as useEffect,m as h}from"./stencil-hooks.module-203eab48.js";import"./global-9ad01db9.js";import{u as useCallback}from"./use-callback-f03b0607.js";import{t as tn,B as Be,N,f as fn,i as isDemo}from"./index.module-48cc9ee0.js";import{c as cjs}from"./cjs-bdfb4486.js";import"./mixins-59fd94b7.js";import"./JSS-506b9295.js";import"./sqm-text-span-view-~~20c0f018~~.js";import{P as PortalEmailVerificationView}from"./sqm-portal-email-verification-view-~~3770363f~~.js";function usePortalEmailVerification(e){var i=this;var t,r,n,a,o,s,l,u,c;var f=tn(),d=f[0],v=f[1],m=v.loading,h=v.data,g=v.errors;var p=Be(),b=p[0],y=p[1],w=y.data,E=y.loading;var _=N();var V=(t=_===null\|\|_===void 0?void 0:_.managedIdentity)===null\|\|t===void 0?void 0:t.email;var P=new URLSearchParams(fn.location.search);var S=P.get("nextPage");var x=useState(false),k=x[0],M=x[1];var j=useState(""),I=j[0],L=j[1];var B=useState(10),R=B[0],q=B[1];var C=useRef(undefined);var D=useRef(undefined);var T=function(){return __awaiter(i,void 0,void 0,(function(){var i,t,r,n,a;return __generator(this,(function(o){switch(o.label){case 0:if(!V)return[2];L("");M(false);t=S?{nextPage:S}:null;r=e.redirectPath;n={email:V,urlParams:t,redirectPath:r};return[4,d(n)];case 1:a=o.sent();if(a instanceof Error){if(a.message)L("Network request failed.");return[2]}if((i=a.requestManagedIdentityVerificationEmail)===null\|\|i===void 0?void 0:i.success)M(true);return[2]}}))}))};function H(){return __awaiter(this,void 0,void 0,(function(){var i,t;return __generator(this,(function(r){switch(r.label){case 0:return[4,b()];case 1:t=r.sent();if((i=t===null\|\|t===void 0?void 0:t.managedIdentitySession)===null\|\|i===void 0?void 0:i.emailVerified){clearInterval(C.current);return[2,fn.push({pathname:e.redirectPath,search:P.toString()&&"?"+P.toString()})]}G(10);return[2]}}))}))}var A=function(e){if(e===void 0){e=1e4}return setInterval(H,e)};var $=function(e){return setInterval((function(){return q(e)}),1e3)};function G(e){clearInterval(D.current);clearInterval(C.current);if(document.visibilityState==="hidden")return;if(e)q(e);var i=R\|\|10;D.current=$(e-1\|\|i-1);C.current=A(e1e3\|\|i1e3)}var J=useCallback((function(){return G()}),[R]);useEffect((function(){if(!C.current){H();C.current=A()}return function(){clearInterval(C.current)}}),[]);useEffect((function(){if(R>0){clearInterval(D.current);D.current=$(R-1)}document.addEventListener("visibilitychange",J);return function(){clearInterval(D.current);document.removeEventListener("visibilitychange",J)}}),[R]);return{states:{loading:m,error:((o=(a=(n=(r=g===null\|\|g===void 0?void 0:g.response)===null\|\|r===void 0?void 0:r.errors)===null\|\|n===void 0?void 0:n[0])===null\|\|a===void 0?void 0:a.extensions)===null\|\|o===void 0?void 0:o.message)\|\|((u=(l=(s=g===null\|\|g===void 0?void 0:g.response)===null\|\|s===void 0?void 0:s.errors)===null\|\|l===void 0?void 0:l[0])===null\|\|u===void 0?void 0:u.message)\|\|I,success:k,loadingVerification:E,isVerified:!!((c=w===null\|\|w===void 0?void 0:w.managedIdentitySession)===null\|\|c===void 0?void 0:c.emailVerified),countdown:R},callbacks:{submit:T},content:{email:V,verifyMessage:e.verifyMessage,emailVerificationHeader:e.emailVerificationHeader,resendEmailButtonText:e.resendEmailButtonText,verificationLoadingMessage:e.verificationLoadingMessage,verificationStatusMessage:e.verificationStatusMessage}}}var PortalEmailVerification=function(){function e(e){registerInstance(this,e);this.ignored=true;this.redirectPath="/verifyEmail";this.emailVerificationHeader="Verify your email";this.resendEmailButtonText="Re-send Email";this.verifyMessage="A verification email was sent to {email}. Please verify your email to continue to the portal. Resending an email will invalidate the previous email.";this.verificationStatusMessage="Checking verification status in {countdown}";this.verificationLoadingMessage="Checking verification status";h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=isDemo()?usePortalEmailVerificationDemo(this):usePortalEmailVerification(this),i=e.states,t=e.callbacks,r=e.content;return h$1(PortalEmailVerificationView,{states:i,callbacks:t,content:r})};return e}();function usePortalEmailVerificationDemo(e){var i=this;return cjs({states:{error:"",loading:false,success:false,countdown:10},callbacks:{submit:function(e){return __awaiter(i,void 0,void 0,(function(){return __generator(this,(function(e){return[2]}))}))}},content:{email:"test@example.com",verifyMessage:"A verification email was sent to {email}. Please verify your email to continue to the portal.",emailVerificationHeader:"Verify your email",resendEmailButtonText:"Re-send Email",verificationLoadingMessage:e.verificationLoadingMessage,verificationStatusMessage:e.verificationStatusMessage}},e.demoData\|\|{},{arrayMerge:function(e,i){return i}})}export{PortalEmailVerification as sqm_portal_email_verification};
1	+ var __awaiter=this&&this.__awaiter\|\|function(e,i,t,r){function n(e){return e instanceof t?e:new t((function(i){i(e)}))}return new(t\|\|(t=Promise))((function(t,a){function o(e){try{l(r.next(e))}catch(e){a(e)}}function s(e){try{l(r["throw"](e))}catch(e){a(e)}}function l(e){e.done?t(e.value):n(e.value).then(o,s)}l((r=r.apply(e,i\|\|[])).next())}))};var __generator=this&&this.__generator\|\|function(e,i){var t={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},r,n,a,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(i){return l([e,i])}}function l(o){if(r)throw new TypeError("Generator is already executing.");while(t)try{if(r=1,n&&(a=o[0]&2?n["return"]:o[0]?n["throw"]\|\|((a=n["return"])&&a.call(n),0):n.next)&&!(a=a.call(n,o[1])).done)return a;if(n=0,a)o=[o[0]&2,a.value];switch(o[0]){case 0:case 1:a=o;break;case 4:t.label++;return{value:o[1],done:false};case 5:t.label++;n=o[1];o=[0];continue;case 7:o=t.ops.pop();t.trys.pop();continue;default:if(!(a=t.trys,a=a.length>0&&a[a.length-1])&&(o[0]===6\|\|o[0]===2)){t=0;continue}if(o[0]===3&&(!a\|\|o[1]>a[0]&&o[1]<a[3])){t.label=o[1];break}if(o[0]===6&&t.label<a[1]){t.label=a[1];a=o;break}if(a&&t.label<a[2]){t.label=a[2];t.ops.push(o);break}if(a[2])t.ops.pop();t.trys.pop();continue}o=i.call(e,t)}catch(e){o=[6,e];n=0}finally{r=a=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};import{r as registerInstance,h as h$1}from"./index-17b4da69.js";import{i as useState,j as useRef,u as useEffect,m as h}from"./stencil-hooks.module-203eab48.js";import"./global-9ad01db9.js";import{u as useCallback}from"./use-callback-f03b0607.js";import{t as tn,B as Be,N,f as fn,i as isDemo}from"./index.module-48cc9ee0.js";import{c as cjs}from"./cjs-bdfb4486.js";import"./mixins-59fd94b7.js";import"./JSS-506b9295.js";import"./sqm-text-span-view-d5db76f9.js";import{P as PortalEmailVerificationView}from"./sqm-portal-email-verification-view-99fceb0b.js";function usePortalEmailVerification(e){var i=this;var t,r,n,a,o,s,l,u,c;var f=tn(),d=f[0],v=f[1],m=v.loading,h=v.data,g=v.errors;var p=Be(),b=p[0],y=p[1],w=y.data,E=y.loading;var _=N();var V=(t=_===null\|\|_===void 0?void 0:_.managedIdentity)===null\|\|t===void 0?void 0:t.email;var P=new URLSearchParams(fn.location.search);var S=P.get("nextPage");var x=useState(false),k=x[0],M=x[1];var j=useState(""),I=j[0],L=j[1];var B=useState(10),R=B[0],q=B[1];var C=useRef(undefined);var D=useRef(undefined);var T=function(){return __awaiter(i,void 0,void 0,(function(){var i,t,r,n,a;return __generator(this,(function(o){switch(o.label){case 0:if(!V)return[2];L("");M(false);t=S?{nextPage:S}:null;r=e.redirectPath;n={email:V,urlParams:t,redirectPath:r};return[4,d(n)];case 1:a=o.sent();if(a instanceof Error){if(a.message)L("Network request failed.");return[2]}if((i=a.requestManagedIdentityVerificationEmail)===null\|\|i===void 0?void 0:i.success)M(true);return[2]}}))}))};function H(){return __awaiter(this,void 0,void 0,(function(){var i,t;return __generator(this,(function(r){switch(r.label){case 0:return[4,b()];case 1:t=r.sent();if((i=t===null\|\|t===void 0?void 0:t.managedIdentitySession)===null\|\|i===void 0?void 0:i.emailVerified){clearInterval(C.current);return[2,fn.push({pathname:e.redirectPath,search:P.toString()&&"?"+P.toString()})]}G(10);return[2]}}))}))}var A=function(e){if(e===void 0){e=1e4}return setInterval(H,e)};var $=function(e){return setInterval((function(){return q(e)}),1e3)};function G(e){clearInterval(D.current);clearInterval(C.current);if(document.visibilityState==="hidden")return;if(e)q(e);var i=R\|\|10;D.current=$(e-1\|\|i-1);C.current=A(e1e3\|\|i1e3)}var J=useCallback((function(){return G()}),[R]);useEffect((function(){if(!C.current){H();C.current=A()}return function(){clearInterval(C.current)}}),[]);useEffect((function(){if(R>0){clearInterval(D.current);D.current=$(R-1)}document.addEventListener("visibilitychange",J);return function(){clearInterval(D.current);document.removeEventListener("visibilitychange",J)}}),[R]);return{states:{loading:m,error:((o=(a=(n=(r=g===null\|\|g===void 0?void 0:g.response)===null\|\|r===void 0?void 0:r.errors)===null\|\|n===void 0?void 0:n[0])===null\|\|a===void 0?void 0:a.extensions)===null\|\|o===void 0?void 0:o.message)\|\|((u=(l=(s=g===null\|\|g===void 0?void 0:g.response)===null\|\|s===void 0?void 0:s.errors)===null\|\|l===void 0?void 0:l[0])===null\|\|u===void 0?void 0:u.message)\|\|I,success:k,loadingVerification:E,isVerified:!!((c=w===null\|\|w===void 0?void 0:w.managedIdentitySession)===null\|\|c===void 0?void 0:c.emailVerified),countdown:R},callbacks:{submit:T},content:{email:V,verifyMessage:e.verifyMessage,emailVerificationHeader:e.emailVerificationHeader,resendEmailButtonText:e.resendEmailButtonText,verificationLoadingMessage:e.verificationLoadingMessage,verificationStatusMessage:e.verificationStatusMessage}}}var PortalEmailVerification=function(){function e(e){registerInstance(this,e);this.ignored=true;this.redirectPath="/verifyEmail";this.emailVerificationHeader="Verify your email";this.resendEmailButtonText="Re-send Email";this.verifyMessage="A verification email was sent to {email}. Please verify your email to continue to the portal. Resending an email will invalidate the previous email.";this.verificationStatusMessage="Checking verification status in {countdown}";this.verificationLoadingMessage="Checking verification status";h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=isDemo()?usePortalEmailVerificationDemo(this):usePortalEmailVerification(this),i=e.states,t=e.callbacks,r=e.content;return h$1(PortalEmailVerificationView,{states:i,callbacks:t,content:r})};return e}();function usePortalEmailVerificationDemo(e){var i=this;return cjs({states:{error:"",loading:false,success:false,countdown:10},callbacks:{submit:function(e){return __awaiter(i,void 0,void 0,(function(){return __generator(this,(function(e){return[2]}))}))}},content:{email:"test@example.com",verifyMessage:"A verification email was sent to {email}. Please verify your email to continue to the portal.",emailVerificationHeader:"Verify your email",resendEmailButtonText:"Re-send Email",verificationLoadingMessage:e.verificationLoadingMessage,verificationStatusMessage:e.verificationStatusMessage}},e.demoData\|\|{},{arrayMerge:function(e,i){return i}})}export{PortalEmailVerification as sqm_portal_email_verification};

package/dist/esm-es5/{sqm-portal-forgot-password-view-38910bc9.js → sqm-portal-forgot-password-view-c8e103d7.js} RENAMED Viewed

	@@ -1 +1 @@
1	- var __assign=this&&this.__assign\|\|function(){__assign=Object.assign\|\|function(t){for(var s,e=1,a=arguments.length;e<a;e++){s=arguments[e];for(var r in s)if(Object.prototype.hasOwnProperty.call(s,r))t[r]=s[r]}return t};return __assign.apply(this,arguments)};import{h}from"./index-17b4da69.js";import{A as AuthWrapper,a as AuthColumn,b as AuthButtonsContainer}from"./mixins-59fd94b7.js";import{c as createStyleSheet}from"./JSS-506b9295.js";import{T as TextSpanView}from"./sqm-text-span-view-~~20c0f018~~.js";var style={Wrapper:AuthWrapper,Column:__assign({},AuthColumn),ButtonsContainer:AuthButtonsContainer,SecondaryButton:{cursor:"pointer",width:"25%"}};var vanillaStyle="\n:host {\n display: block;\n}\n:host([hidden]): {\n display: none;\n}\n";var sheet=createStyleSheet(style);var styleString=sheet.toString();function PortalForgotPasswordView(t){var s=t.states,e=t.callbacks,a=t.content;return h("div",{class:sheet.classes.Wrapper},h("style",{type:"text/css"},vanillaStyle,styleString),h(TextSpanView,{type:"h3"},a.messageSlot),h("sl-form",{class:sheet.classes.Column,"onSl-submit":e.submit},t.states.error&&h("sqm-form-message",{type:"error",exportparts:"erroralert-icon"},h("div",{part:"erroralert-text"},t.states.error)),t.states.success&&h("sqm-form-message",{type:"success",exportparts:"successalert-icon"},h("div",{part:"successalert-text"},"If an account with that email exists, a password reset email will be sent.")),h("sl-input",{exportparts:"label: input-label",type:"email",name:"/email",label:a.emailLabel\|\|"Email",disabled:s.loading,required:true}),h("div",{class:sheet.classes.ButtonsContainer},h("sl-button",{submit:true,loading:s.loading,exportparts:"base: primarybutton-base",type:"primary"},a.submitLabel\|\|"Reset Password"),h("div",{class:sheet.classes.SecondaryButton},a.secondaryButton))))}export{PortalForgotPasswordView as P};
1	+ var __assign=this&&this.__assign\|\|function(){__assign=Object.assign\|\|function(t){for(var s,e=1,a=arguments.length;e<a;e++){s=arguments[e];for(var r in s)if(Object.prototype.hasOwnProperty.call(s,r))t[r]=s[r]}return t};return __assign.apply(this,arguments)};import{h}from"./index-17b4da69.js";import{A as AuthWrapper,a as AuthColumn,b as AuthButtonsContainer}from"./mixins-59fd94b7.js";import{c as createStyleSheet}from"./JSS-506b9295.js";import{T as TextSpanView}from"./sqm-text-span-view-d5db76f9.js";var style={Wrapper:AuthWrapper,Column:__assign({},AuthColumn),ButtonsContainer:AuthButtonsContainer,SecondaryButton:{cursor:"pointer",width:"25%"}};var vanillaStyle="\n:host {\n display: block;\n}\n:host([hidden]): {\n display: none;\n}\n";var sheet=createStyleSheet(style);var styleString=sheet.toString();function PortalForgotPasswordView(t){var s=t.states,e=t.callbacks,a=t.content;return h("div",{class:sheet.classes.Wrapper},h("style",{type:"text/css"},vanillaStyle,styleString),h(TextSpanView,{type:"h3"},a.messageSlot),h("sl-form",{class:sheet.classes.Column,"onSl-submit":e.submit},t.states.error&&h("sqm-form-message",{type:"error",exportparts:"erroralert-icon"},h("div",{part:"erroralert-text"},t.states.error)),t.states.success&&h("sqm-form-message",{type:"success",exportparts:"successalert-icon"},h("div",{part:"successalert-text"},"If an account with that email exists, a password reset email will be sent.")),h("sl-input",{exportparts:"label: input-label",type:"email",name:"/email",label:a.emailLabel\|\|"Email",disabled:s.loading,required:true}),h("div",{class:sheet.classes.ButtonsContainer},h("sl-button",{submit:true,loading:s.loading,exportparts:"base: primarybutton-base",type:"primary"},a.submitLabel\|\|"Reset Password"),h("div",{class:sheet.classes.SecondaryButton},a.secondaryButton))))}export{PortalForgotPasswordView as P};

package/dist/esm-es5/sqm-portal-forgot-password.entry.js CHANGED Viewed

	@@ -1 +1 @@
1	- var __awaiter=this&&this.__awaiter\|\|function(e,t,r,o){function n(e){return e instanceof r?e:new r((function(t){t(e)}))}return new(r\|\|(r=Promise))((function(r,a){function s(e){try{l(o.next(e))}catch(e){a(e)}}function i(e){try{l(o["throw"](e))}catch(e){a(e)}}function l(e){e.done?r(e.value):n(e.value).then(s,i)}l((o=o.apply(e,t\|\|[])).next())}))};var __generator=this&&this.__generator\|\|function(e,t){var r={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},o,n,a,s;return s={next:i(0),throw:i(1),return:i(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function i(e){return function(t){return l([e,t])}}function l(s){if(o)throw new TypeError("Generator is already executing.");while(r)try{if(o=1,n&&(a=s[0]&2?n["return"]:s[0]?n["throw"]\|\|((a=n["return"])&&a.call(n),0):n.next)&&!(a=a.call(n,s[1])).done)return a;if(n=0,a)s=[s[0]&2,a.value];switch(s[0]){case 0:case 1:a=s;break;case 4:r.label++;return{value:s[1],done:false};case 5:r.label++;n=s[1];s=[0];continue;case 7:s=r.ops.pop();r.trys.pop();continue;default:if(!(a=r.trys,a=a.length>0&&a[a.length-1])&&(s[0]===6\|\|s[0]===2)){r=0;continue}if(s[0]===3&&(!a\|\|s[1]>a[0]&&s[1]<a[3])){r.label=s[1];break}if(s[0]===6&&r.label<a[1]){r.label=a[1];a=s;break}if(a&&r.label<a[2]){r.label=a[2];r.ops.push(s);break}if(a[2])r.ops.pop();r.trys.pop();continue}s=t.call(e,r)}catch(e){s=[6,e];n=0}finally{o=a=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};import{r as registerInstance,h as h$1}from"./index-17b4da69.js";import{i as useState,m as h}from"./stencil-hooks.module-203eab48.js";import"./use-callback-f03b0607.js";import{n as nn,f as fn,i as isDemo}from"./index.module-48cc9ee0.js";import{j as jsonpointer}from"./jsonpointer-388a7082.js";import{c as cjs}from"./cjs-bdfb4486.js";import"./mixins-59fd94b7.js";import"./JSS-506b9295.js";import"./sqm-text-span-view-~~20c0f018~~.js";import{P as PortalForgotPasswordView}from"./sqm-portal-forgot-password-view-~~38910bc9~~.js";function usePortalForgotPassword(e){var t=this;var r,o,n,a,s,i,l;var u=useState(false),c=u[0],d=u[1];var f=useState(""),h=f[0],m=f[1];var v=nn(),p=v[0],b=v[1],g=b.loading,w=b.data,P=b.errors;var y=new URLSearchParams(fn.location.search);var x=y.get("nextPage");var _=function(r){return __awaiter(t,void 0,void 0,(function(){var t,o,n,a,s,i;return __generator(this,(function(l){switch(l.label){case 0:m("");d(false);o=r.detail.formData;o===null\|\|o===void 0?void 0:o.forEach((function(e,t){jsonpointer.set(o,t,e)}));n=x?{nextPage:x}:null;a=e.redirectPath;s={email:o.email,urlParams:n,redirectPath:a};return[4,p(s)];case 1:i=l.sent();if(i instanceof Error){if(i.message)m("Network request failed.");return[2]}if((t=i.requestManagedIdentityPasswordResetEmail)===null\|\|t===void 0?void 0:t.success){d(true)}return[2]}}))}))};return{states:{loading:g,error:((a=(n=(o=(r=P===null\|\|P===void 0?void 0:P.response)===null\|\|r===void 0?void 0:r.errors)===null\|\|o===void 0?void 0:o[0])===null\|\|n===void 0?void 0:n.extensions)===null\|\|a===void 0?void 0:a.message)\|\|((l=(i=(s=P===null\|\|P===void 0?void 0:P.response)===null\|\|s===void 0?void 0:s.errors)===null\|\|i===void 0?void 0:i[0])===null\|\|l===void 0?void 0:l.message)\|\|h,success:c,loginPath:e.loginPath,headerText:e.headerText,loginText:e.loginText},callbacks:{submit:_}}}var PortalForgotPassword=function(){function e(e){registerInstance(this,e);this.ignored=true;this.redirectPath="/resetPassword";this.emailLabel="Email";this.submitLabel="Request Password Reset";this.loginPath="/login";this.headerText="Enter your email below to receive a password reset link.";this.loginText="Sign In";h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=isDemo()?usePortalForgotPasswordDemo(this):usePortalForgotPassword(this),t=e.states,r=e.callbacks;var o={secondaryButton:h$1("slot",{name:"secondaryButton"},h$1("sl-button",{type:"text",disabled:t.loading,onClick:function(){return fn.push(t.loginPath)}},"Sign In")),messageSlot:h$1("slot",{name:"messageSlot"},"Enter your email below to receive a password reset link."),emailLabel:this.emailLabel,submitLabel:this.submitLabel};return h$1(PortalForgotPasswordView,{states:t,callbacks:r,content:o})};return e}();function usePortalForgotPasswordDemo(e){var t=this;return cjs({states:{error:"",loading:false,success:false},callbacks:{submit:function(e){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(e){return[2]}))}))}}},e.demoData\|\|{},{arrayMerge:function(e,t){return t}})}export{PortalForgotPassword as sqm_portal_forgot_password};
1	+ var __awaiter=this&&this.__awaiter\|\|function(e,t,r,o){function n(e){return e instanceof r?e:new r((function(t){t(e)}))}return new(r\|\|(r=Promise))((function(r,a){function s(e){try{l(o.next(e))}catch(e){a(e)}}function i(e){try{l(o["throw"](e))}catch(e){a(e)}}function l(e){e.done?r(e.value):n(e.value).then(s,i)}l((o=o.apply(e,t\|\|[])).next())}))};var __generator=this&&this.__generator\|\|function(e,t){var r={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},o,n,a,s;return s={next:i(0),throw:i(1),return:i(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function i(e){return function(t){return l([e,t])}}function l(s){if(o)throw new TypeError("Generator is already executing.");while(r)try{if(o=1,n&&(a=s[0]&2?n["return"]:s[0]?n["throw"]\|\|((a=n["return"])&&a.call(n),0):n.next)&&!(a=a.call(n,s[1])).done)return a;if(n=0,a)s=[s[0]&2,a.value];switch(s[0]){case 0:case 1:a=s;break;case 4:r.label++;return{value:s[1],done:false};case 5:r.label++;n=s[1];s=[0];continue;case 7:s=r.ops.pop();r.trys.pop();continue;default:if(!(a=r.trys,a=a.length>0&&a[a.length-1])&&(s[0]===6\|\|s[0]===2)){r=0;continue}if(s[0]===3&&(!a\|\|s[1]>a[0]&&s[1]<a[3])){r.label=s[1];break}if(s[0]===6&&r.label<a[1]){r.label=a[1];a=s;break}if(a&&r.label<a[2]){r.label=a[2];r.ops.push(s);break}if(a[2])r.ops.pop();r.trys.pop();continue}s=t.call(e,r)}catch(e){s=[6,e];n=0}finally{o=a=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};import{r as registerInstance,h as h$1}from"./index-17b4da69.js";import{i as useState,m as h}from"./stencil-hooks.module-203eab48.js";import"./use-callback-f03b0607.js";import{n as nn,f as fn,i as isDemo}from"./index.module-48cc9ee0.js";import{j as jsonpointer}from"./jsonpointer-388a7082.js";import{c as cjs}from"./cjs-bdfb4486.js";import"./mixins-59fd94b7.js";import"./JSS-506b9295.js";import"./sqm-text-span-view-d5db76f9.js";import{P as PortalForgotPasswordView}from"./sqm-portal-forgot-password-view-c8e103d7.js";function usePortalForgotPassword(e){var t=this;var r,o,n,a,s,i,l;var u=useState(false),c=u[0],d=u[1];var f=useState(""),h=f[0],m=f[1];var v=nn(),p=v[0],b=v[1],g=b.loading,w=b.data,P=b.errors;var y=new URLSearchParams(fn.location.search);var x=y.get("nextPage");var _=function(r){return __awaiter(t,void 0,void 0,(function(){var t,o,n,a,s,i;return __generator(this,(function(l){switch(l.label){case 0:m("");d(false);o=r.detail.formData;o===null\|\|o===void 0?void 0:o.forEach((function(e,t){jsonpointer.set(o,t,e)}));n=x?{nextPage:x}:null;a=e.redirectPath;s={email:o.email,urlParams:n,redirectPath:a};return[4,p(s)];case 1:i=l.sent();if(i instanceof Error){if(i.message)m("Network request failed.");return[2]}if((t=i.requestManagedIdentityPasswordResetEmail)===null\|\|t===void 0?void 0:t.success){d(true)}return[2]}}))}))};return{states:{loading:g,error:((a=(n=(o=(r=P===null\|\|P===void 0?void 0:P.response)===null\|\|r===void 0?void 0:r.errors)===null\|\|o===void 0?void 0:o[0])===null\|\|n===void 0?void 0:n.extensions)===null\|\|a===void 0?void 0:a.message)\|\|((l=(i=(s=P===null\|\|P===void 0?void 0:P.response)===null\|\|s===void 0?void 0:s.errors)===null\|\|i===void 0?void 0:i[0])===null\|\|l===void 0?void 0:l.message)\|\|h,success:c,loginPath:e.loginPath,headerText:e.headerText,loginText:e.loginText},callbacks:{submit:_}}}var PortalForgotPassword=function(){function e(e){registerInstance(this,e);this.ignored=true;this.redirectPath="/resetPassword";this.emailLabel="Email";this.submitLabel="Request Password Reset";this.loginPath="/login";this.headerText="Enter your email below to receive a password reset link.";this.loginText="Sign In";h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=isDemo()?usePortalForgotPasswordDemo(this):usePortalForgotPassword(this),t=e.states,r=e.callbacks;var o={secondaryButton:h$1("slot",{name:"secondaryButton"},h$1("sl-button",{type:"text",disabled:t.loading,onClick:function(){return fn.push(t.loginPath)}},"Sign In")),messageSlot:h$1("slot",{name:"messageSlot"},"Enter your email below to receive a password reset link."),emailLabel:this.emailLabel,submitLabel:this.submitLabel};return h$1(PortalForgotPasswordView,{states:t,callbacks:r,content:o})};return e}();function usePortalForgotPasswordDemo(e){var t=this;return cjs({states:{error:"",loading:false,success:false},callbacks:{submit:function(e){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(e){return[2]}))}))}}},e.demoData\|\|{},{arrayMerge:function(e,t){return t}})}export{PortalForgotPassword as sqm_portal_forgot_password};

package/dist/esm-es5/{sqm-portal-profile-view-d466c14e.js → sqm-portal-profile-view-c0116857.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{h}from"./index-17b4da69.js";import{i as intl}from"./global-9ad01db9.js";import{c as createStyleSheet}from"./JSS-506b9295.js";import{T as TextSpanView}from"./sqm-text-span-view-~~20c0f018~~.js";function PortalProfileView(e){var a,t,s,l,i;var r=e.states,o=e.callbacks;var n=r.text,d=r.formState;var m=d.errors,u=d.error;var p={Container:{display:"flex",flexDirection:"column",gap:"var(--sl-spacing-xxx-large)",padding:"var(--sl-spacing-xxx-large)"},FormStyle:{width:"100%",minWidth:"700px","& >*:not(:last-child)":{"margin-bottom":"32px"},"@media screen and (max-width: 1100px)":{minWidth:"100%"}},Error:{"&::part(erroralert-base)":{"margin-bottom":"32px"}},Success:{"&::part(successalert-base)":{"margin-bottom":"32px"}},NameInputStyle:{width:"50%","@media screen and (max-width: 860px)":{width:"100%","margin-right":"0"}},NameInputContainer:{display:"flex",gap:"32px",width:"100%","@media screen and (max-width: 860px)":{flexDirection:"column"}}};var c=createStyleSheet(p);var v=c.toString();var x=((a=r.user)===null\|\|a===void 0?void 0:a.countryCode)?intl.formatDisplayName((t=r.user)===null\|\|t===void 0?void 0:t.countryCode,{type:"region"}):"";return h("div",{class:c.classes.Container},h("style",{type:"text/css"},v),h(TextSpanView,Object.assign({},{type:"h1"}),n.editProfileHeader),h(TextSpanView,Object.assign({},{type:"h2"}),n.editProfileSubHeader),h("form",{class:c.classes.FormStyle,onSubmit:o.onSubmit},r.success&&h("sqm-form-message",{class:c.classes.Success,exportparts:"success-icon"},h("div",{part:"successalert-text"},"Your profile has been successfully updated.")),u&&h("sqm-form-message",{class:c.classes.Error,type:"error",exportparts:"erroralert-icon"},h("div",{part:"erroralert-text"},u)),h("div",{class:c.classes.NameInputContainer},h("sl-input",Object.assign({class:c.classes.NameInputStyle,exportparts:"label: input-label",value:(s=r.user)===null\|\|s===void 0?void 0:s.firstName,onInput:o.onChange,label:n.firstnametext,disabled:r.loading},(m===null\|\|m===void 0?void 0:m.firstName)&&(m===null\|\|m===void 0?void 0:m.firstName.status)!=="valid"?{class:"ErrorStyles",helpText:"Cannot be empty"}:[],{id:"firstName",name:"firstName",error:(m===null\|\|m===void 0?void 0:m.firstName)&&(m===null\|\|m===void 0?void 0:m.firstName.status)!=="valid"?m===null\|\|m===void 0?void 0:m.firstName.message:undefined})),h("sl-input",Object.assign({class:c.classes.NameInputStyle,exportparts:"label: input-label",value:(l=r.user)===null\|\|l===void 0?void 0:l.lastName,onInput:o.onChange,label:n.lastnametext,disabled:r.loading,id:"lastName",name:"lastName"},(m===null\|\|m===void 0?void 0:m.lastName)&&(m===null\|\|m===void 0?void 0:m.lastName.status)!=="valid"?{class:"ErrorStyles",helpText:"Cannot be empty"}:[],{error:(m===null\|\|m===void 0?void 0:m.lastName)&&(m===null\|\|m===void 0?void 0:m.lastName.status)!=="valid"?m===null\|\|m===void 0?void 0:m.lastName.message:undefined}))),h("sl-input",{label:n.emailtext,value:(i=r.user)===null\|\|i===void 0?void 0:i.email,exportparts:"label: input-label",disabled:true}),r.showCountry&&h("sl-input",{label:n.countrytext,value:x,exportparts:"label: input-label",disabled:true}),h("sl-button",{type:"primary",loading:r.loading,disabled:r.submitDisabled,onClick:function(e){o.onSubmit(e)},submit:true},n.submitChangeButtonText)))}export{PortalProfileView as P};
1	+ import{h}from"./index-17b4da69.js";import{i as intl}from"./global-9ad01db9.js";import{c as createStyleSheet}from"./JSS-506b9295.js";import{T as TextSpanView}from"./sqm-text-span-view-d5db76f9.js";function PortalProfileView(e){var a,t,s,l,i;var r=e.states,o=e.callbacks;var n=r.text,d=r.formState;var m=d.errors,u=d.error;var p={Container:{display:"flex",flexDirection:"column",gap:"var(--sl-spacing-xxx-large)",padding:"var(--sl-spacing-xxx-large)"},FormStyle:{width:"100%",minWidth:"700px","& >*:not(:last-child)":{"margin-bottom":"32px"},"@media screen and (max-width: 1100px)":{minWidth:"100%"}},Error:{"&::part(erroralert-base)":{"margin-bottom":"32px"}},Success:{"&::part(successalert-base)":{"margin-bottom":"32px"}},NameInputStyle:{width:"50%","@media screen and (max-width: 860px)":{width:"100%","margin-right":"0"}},NameInputContainer:{display:"flex",gap:"32px",width:"100%","@media screen and (max-width: 860px)":{flexDirection:"column"}}};var c=createStyleSheet(p);var v=c.toString();var b=((a=r.user)===null\|\|a===void 0?void 0:a.countryCode)?intl.formatDisplayName((t=r.user)===null\|\|t===void 0?void 0:t.countryCode,{type:"region"}):"";return h("div",{class:c.classes.Container},h("style",{type:"text/css"},v),h(TextSpanView,Object.assign({},{type:"h1"}),n.editProfileHeader),h(TextSpanView,Object.assign({},{type:"h2"}),n.editProfileSubHeader),h("form",{class:c.classes.FormStyle,onSubmit:o.onSubmit},r.success&&h("sqm-form-message",{class:c.classes.Success,exportparts:"success-icon"},h("div",{part:"successalert-text"},"Your profile has been successfully updated.")),u&&h("sqm-form-message",{class:c.classes.Error,type:"error",exportparts:"erroralert-icon"},h("div",{part:"erroralert-text"},u)),h("div",{class:c.classes.NameInputContainer},h("sl-input",Object.assign({class:c.classes.NameInputStyle,exportparts:"label: input-label",value:(s=r.user)===null\|\|s===void 0?void 0:s.firstName,onInput:o.onChange,label:n.firstnametext,disabled:r.loading},(m===null\|\|m===void 0?void 0:m.firstName)&&(m===null\|\|m===void 0?void 0:m.firstName.status)!=="valid"?{class:"ErrorStyles",helpText:"Cannot be empty"}:[],{id:"firstName",name:"firstName",error:(m===null\|\|m===void 0?void 0:m.firstName)&&(m===null\|\|m===void 0?void 0:m.firstName.status)!=="valid"?m===null\|\|m===void 0?void 0:m.firstName.message:undefined})),h("sl-input",Object.assign({class:c.classes.NameInputStyle,exportparts:"label: input-label",value:(l=r.user)===null\|\|l===void 0?void 0:l.lastName,onInput:o.onChange,label:n.lastnametext,disabled:r.loading,id:"lastName",name:"lastName"},(m===null\|\|m===void 0?void 0:m.lastName)&&(m===null\|\|m===void 0?void 0:m.lastName.status)!=="valid"?{class:"ErrorStyles",helpText:"Cannot be empty"}:[],{error:(m===null\|\|m===void 0?void 0:m.lastName)&&(m===null\|\|m===void 0?void 0:m.lastName.status)!=="valid"?m===null\|\|m===void 0?void 0:m.lastName.message:undefined}))),h("sl-input",{label:n.emailtext,value:(i=r.user)===null\|\|i===void 0?void 0:i.email,exportparts:"label: input-label",disabled:true}),r.showCountry&&h("sl-input",{label:n.countrytext,value:b,exportparts:"label: input-label",disabled:true}),h("sl-button",{type:"primary",loading:r.loading,disabled:r.submitDisabled,onClick:function(e){o.onSubmit(e)},submit:true},n.submitChangeButtonText)))}export{PortalProfileView as P};

package/dist/esm-es5/sqm-portal-profile.entry.js CHANGED Viewed

	@@ -1 +1 @@
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,a=1,n=arguments.length;a<n;a++){t=arguments[a];for(var r in t)if(Object.prototype.hasOwnProperty.call(t,r))e[r]=t[r]}return e};return __assign.apply(this,arguments)};import{r as registerInstance,h as h$1}from"./index-17b4da69.js";import{i as useState,u as useEffect,m as h}from"./stencil-hooks.module-203eab48.js";import"./global-9ad01db9.js";import"./use-callback-f03b0607.js";import{d as dist,N,a as dn,P as Pe,i as isDemo}from"./index.module-48cc9ee0.js";import{c as cjs}from"./cjs-bdfb4486.js";import"./JSS-506b9295.js";import{g as getProps}from"./utils-d7bbb0e2.js";import"./sqm-text-span-view-~~20c0f018~~.js";import{P as PortalProfileView}from"./sqm-portal-profile-view-~~d466c14e~~.js";var GET_USER=dist.gql(templateObject_1\|\|(templateObject_1=__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 UPSERT_USER=dist.gql(templateObject_2\|\|(templateObject_2=__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 defaultFormState={country:"",email:"",firstName:"",lastName:"",errors:{},error:""};function usePortalProfile(e){var t=N();var a=useState(false),n=a[0],r=a[1];var i=useState(undefined),s=i[0],o=i[1];var l=useState(defaultFormState),u=l[0],d=l[1];var m=dn(GET_USER,{},!(t===null\|\|t===void 0?void 0:t.jwt));var f=Pe(UPSERT_USER),c=f[0],v=f[1];useEffect((function(){if(v===null\|\|v===void 0?void 0:v.loading)return;if(v===null\|\|v===void 0?void 0:v.errors){d((function(e){var t,a,n;return __assign(__assign({},e),{error:(n=(a=(t=v===null\|\|v===void 0?void 0:v.errors)===null\|\|t===void 0?void 0:t.response)===null\|\|a===void 0?void 0:a.errors)===null\|\|n===void 0?void 0:n[0].message})}))}else{o((function(e){var t;return __assign(__assign({},e),(t=v===null\|\|v===void 0?void 0:v.data)===null\|\|t===void 0?void 0:t.upsertUser)}));if(v===null\|\|v===void 0?void 0:v.data)r(true)}}),[v===null\|\|v===void 0?void 0:v.loading]);useEffect((function(){var e,t;o((function(e){var t;return __assign(__assign({},e),(t=m===null\|\|m===void 0?void 0:m.data)===null\|\|t===void 0?void 0:t.viewer)}));d(__assign(__assign(__assign({},defaultFormState),(e=m.data)===null\|\|e===void 0?void 0:e.viewer),(t=v.data)===null\|\|t===void 0?void 0:t.upsertUser))}),[m===null\|\|m===void 0?void 0:m.data]);useEffect((function(){var e,t;if((e=v===null\|\|v===void 0?void 0:v.errors)===null\|\|e===void 0?void 0:e.message){d(__assign(__assign({},(t=m.data)===null\|\|t===void 0?void 0:t.viewer),{error:"Network request failed."}))}}),[v===null\|\|v===void 0?void 0:v.errors]);var g=function(){r(false);if(u.firstName&&u.lastName){c({id:t===null\|\|t===void 0?void 0:t.id,accountId:t===null\|\|t===void 0?void 0:t.accountId,firstName:u.firstName,lastName:u.lastName});d((function(e){return __assign(__assign({},e),{errors:{},error:""})}));return}var e={};if(!u.firstName){e["firstName"]={message:"Field can't be empty"}}if(!u.lastName){e["lastName"]={message:"Field can't be empty"}}if(e!=={}){d((function(e){return __assign(__assign({},e),{error:"Please correct the errors below to update your profile."})}))}d((function(t){return __assign(__assign({},t),{errors:e})}))};return{states:{success:n,loading:(m===null\|\|m===void 0?void 0:m.loading)\|\|v.loading,submitDisabled:false,showCountry:!e.hideCountry,formState:u,user:s,text:{firstnametext:e.firstnametext,lastnametext:e.lastnametext,countrytext:e.countrytext,emailtext:e.emailtext,editProfileHeader:e.editProfileHeader,editProfileSubHeader:e.editProfileSubHeader,submitChangeButtonText:e.submitChangeButtonText}},callbacks:{onSubmit:g,onChange:function(e){var t=e.target,a=t.name,n=t.value;d((function(e){var t;return __assign(__assign({},e),(t={},t[a]=n,t))}))}}}}var PortalProfile=function(){function e(e){registerInstance(this,e);this.ignored=true;this.firstnametext="First Name";this.lastnametext="Last Name";this.emailtext="Email";this.countrytext="Country";this.editProfileHeader="Edit your profile";this.editProfileSubHeader="Personal Information";this.submitChangeButtonText="Submit Changes";this.hideCountry=false;h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=isDemo()?usePortalProfileDemo(getProps(this)):usePortalProfile(getProps(this));return h$1(PortalProfileView,Object.assign({},e))};return e}();function usePortalProfileDemo(e){return cjs({states:{success:false,loading:false,submitDisabled:false,showCountry:!e.hideCountry,user:{id:"01",accountId:"111100000",firstName:"Joe",lastName:"Smith",email:"jsmith@gmail.com",countryCode:"CA"},text:{firstnametext:e.firstnametext,lastnametext:e.lastnametext,emailtext:e.emailtext,countrytext:e.countrytext,editProfileHeader:e.editProfileHeader,editProfileSubHeader:e.editProfileSubHeader,submitChangeButtonText:e.submitChangeButtonText},formState:{country:"Canada",firstName:"Joe",lastName:"Smith",errors:null,error:""}},callbacks:{onSubmit:function(e){return console.log(e)},onChange:function(e){return console.log(e)}}},e.demoData\|\|{},{arrayMerge:function(e,t){return t}})}export{PortalProfile as sqm_portal_profile};var templateObject_1,templateObject_2;
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,a=1,n=arguments.length;a<n;a++){t=arguments[a];for(var r in t)if(Object.prototype.hasOwnProperty.call(t,r))e[r]=t[r]}return e};return __assign.apply(this,arguments)};import{r as registerInstance,h as h$1}from"./index-17b4da69.js";import{i as useState,u as useEffect,m as h}from"./stencil-hooks.module-203eab48.js";import"./global-9ad01db9.js";import"./use-callback-f03b0607.js";import{d as dist,N,a as dn,P as Pe,i as isDemo}from"./index.module-48cc9ee0.js";import{c as cjs}from"./cjs-bdfb4486.js";import"./JSS-506b9295.js";import{g as getProps}from"./utils-d7bbb0e2.js";import"./sqm-text-span-view-d5db76f9.js";import{P as PortalProfileView}from"./sqm-portal-profile-view-c0116857.js";var GET_USER=dist.gql(templateObject_1\|\|(templateObject_1=__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 UPSERT_USER=dist.gql(templateObject_2\|\|(templateObject_2=__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 defaultFormState={country:"",email:"",firstName:"",lastName:"",errors:{},error:""};function usePortalProfile(e){var t=N();var a=useState(false),n=a[0],r=a[1];var i=useState(undefined),s=i[0],o=i[1];var l=useState(defaultFormState),u=l[0],d=l[1];var m=dn(GET_USER,{},!(t===null\|\|t===void 0?void 0:t.jwt));var f=Pe(UPSERT_USER),c=f[0],v=f[1];useEffect((function(){if(v===null\|\|v===void 0?void 0:v.loading)return;if(v===null\|\|v===void 0?void 0:v.errors){d((function(e){var t,a,n;return __assign(__assign({},e),{error:(n=(a=(t=v===null\|\|v===void 0?void 0:v.errors)===null\|\|t===void 0?void 0:t.response)===null\|\|a===void 0?void 0:a.errors)===null\|\|n===void 0?void 0:n[0].message})}))}else{o((function(e){var t;return __assign(__assign({},e),(t=v===null\|\|v===void 0?void 0:v.data)===null\|\|t===void 0?void 0:t.upsertUser)}));if(v===null\|\|v===void 0?void 0:v.data)r(true)}}),[v===null\|\|v===void 0?void 0:v.loading]);useEffect((function(){var e,t;o((function(e){var t;return __assign(__assign({},e),(t=m===null\|\|m===void 0?void 0:m.data)===null\|\|t===void 0?void 0:t.viewer)}));d(__assign(__assign(__assign({},defaultFormState),(e=m.data)===null\|\|e===void 0?void 0:e.viewer),(t=v.data)===null\|\|t===void 0?void 0:t.upsertUser))}),[m===null\|\|m===void 0?void 0:m.data]);useEffect((function(){var e,t;if((e=v===null\|\|v===void 0?void 0:v.errors)===null\|\|e===void 0?void 0:e.message){d(__assign(__assign({},(t=m.data)===null\|\|t===void 0?void 0:t.viewer),{error:"Network request failed."}))}}),[v===null\|\|v===void 0?void 0:v.errors]);var g=function(){r(false);if(u.firstName&&u.lastName){c({id:t===null\|\|t===void 0?void 0:t.id,accountId:t===null\|\|t===void 0?void 0:t.accountId,firstName:u.firstName,lastName:u.lastName});d((function(e){return __assign(__assign({},e),{errors:{},error:""})}));return}var e={};if(!u.firstName){e["firstName"]={message:"Field can't be empty"}}if(!u.lastName){e["lastName"]={message:"Field can't be empty"}}if(e!=={}){d((function(e){return __assign(__assign({},e),{error:"Please correct the errors below to update your profile."})}))}d((function(t){return __assign(__assign({},t),{errors:e})}))};return{states:{success:n,loading:(m===null\|\|m===void 0?void 0:m.loading)\|\|v.loading,submitDisabled:false,showCountry:!e.hideCountry,formState:u,user:s,text:{firstnametext:e.firstnametext,lastnametext:e.lastnametext,countrytext:e.countrytext,emailtext:e.emailtext,editProfileHeader:e.editProfileHeader,editProfileSubHeader:e.editProfileSubHeader,submitChangeButtonText:e.submitChangeButtonText}},callbacks:{onSubmit:g,onChange:function(e){var t=e.target,a=t.name,n=t.value;d((function(e){var t;return __assign(__assign({},e),(t={},t[a]=n,t))}))}}}}var PortalProfile=function(){function e(e){registerInstance(this,e);this.ignored=true;this.firstnametext="First Name";this.lastnametext="Last Name";this.emailtext="Email";this.countrytext="Country";this.editProfileHeader="Edit your profile";this.editProfileSubHeader="Personal Information";this.submitChangeButtonText="Submit Changes";this.hideCountry=false;h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=isDemo()?usePortalProfileDemo(getProps(this)):usePortalProfile(getProps(this));return h$1(PortalProfileView,Object.assign({},e))};return e}();function usePortalProfileDemo(e){return cjs({states:{success:false,loading:false,submitDisabled:false,showCountry:!e.hideCountry,user:{id:"01",accountId:"111100000",firstName:"Joe",lastName:"Smith",email:"jsmith@gmail.com",countryCode:"CA"},text:{firstnametext:e.firstnametext,lastnametext:e.lastnametext,emailtext:e.emailtext,countrytext:e.countrytext,editProfileHeader:e.editProfileHeader,editProfileSubHeader:e.editProfileSubHeader,submitChangeButtonText:e.submitChangeButtonText},formState:{country:"Canada",firstName:"Joe",lastName:"Smith",errors:null,error:""}},callbacks:{onSubmit:function(e){return console.log(e)},onChange:function(e){return console.log(e)}}},e.demoData\|\|{},{arrayMerge:function(e,t){return t}})}export{PortalProfile as sqm_portal_profile};var templateObject_1,templateObject_2;