@saasquatch/mint-components 1.6.2-21 → 1.6.2-22

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

@@ -0,0 +1 @@
+var __makeTemplateObject=this&&this.__makeTemplateObject||function(e,t){if(Object.defineProperty){Object.defineProperty(e,"raw",{value:t})}else{e.raw=t}return e};var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++){t=arguments[n];for(var a in t)if(Object.prototype.hasOwnProperty.call(t,a))e[a]=t[a]}return e};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(e,t,n,r){function a(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,i){function o(e){try{l(r.next(e))}catch(e){i(e)}}function s(e){try{l(r["throw"](e))}catch(e){i(e)}}function l(e){e.done?n(e.value):a(e.value).then(o,s)}l((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},r,a,i,o;return o={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(e){return function(t){return l([e,t])}}function l(o){if(r)throw new TypeError("Generator is already executing.");while(n)try{if(r=1,a&&(i=o[0]&2?a["return"]:o[0]?a["throw"]||((i=a["return"])&&i.call(a),0):a.next)&&!(i=i.call(a,o[1])).done)return i;if(a=0,i)o=[o[0]&2,i.value];switch(o[0]){case 0:case 1:i=o;break;case 4:n.label++;return{value:o[1],done:false};case 5:n.label++;a=o[1];o=[0];continue;case 7:o=n.ops.pop();n.trys.pop();continue;default:if(!(i=n.trys,i=i.length>0&&i[i.length-1])&&(o[0]===6||o[0]===2)){n=0;continue}if(o[0]===3&&(!i||o[1]>i[0]&&o[1]<i[3])){n.label=o[1];break}if(o[0]===6&&n.label<i[1]){n.label=i[1];i=o;break}if(i&&n.label<i[2]){n.label=i[2];n.ops.push(o);break}if(i[2])n.ops.pop();n.trys.pop();continue}o=t.call(e,n)}catch(e){o=[6,e];a=0}finally{r=i=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};var __spreadArrays=this&&this.__spreadArrays||function(){for(var e=0,t=0,n=arguments.length;t<n;t++)e+=arguments[t].length;for(var r=Array(e),a=0,t=0;t<n;t++)for(var i=arguments[t],o=0,s=i.length;o<s;o++,a++)r[a]=i[o];return r};System.register(["./p-ff17b3a4.system.js","./p-d4ee07e6.system.js","./p-fdcd2b8f.system.js","./p-99397ef5.system.js","./p-bd3c2e67.system.js","./p-b2295bc5.system.js","./p-4bd679a7.system.js","./p-f6934a55.system.js","./p-1a673057.system.js","./p-b33e0421.system.js","./p-7850a5e5.system.js","./p-684aadb5.system.js","./p-6333265f.system.js","./p-27da3d2f.system.js","./p-ef18a3bd.system.js","./p-9d362d44.system.js","./p-2c805081.system.js","./p-5a78d954.system.js","./p-5d4d81bf.system.js"],(function(e){"use strict";var t,n,r,a,i,o,s,l,d,u,c,f,v,p,h,g,m,b,y,w,x,_,k,C,S,E,I,T,P,M,R,N,L,V,q,A,D,j,U,F,O,$,H,B,z,W,K,G,Z,X,Y,J,Q,ee,te,ne,re,ae,ie,oe,se,le,de,ue,ce;return{setters:[function(e){t=e.r;n=e.h;r=e.c},function(e){a=e.m;i=e.f;o=e.i;s=e.o;l=e.j;d=e.b;u=e.u},function(e){c=e.i},function(e){f=e.u},function(e){v=e.i;p=e.R;h=e.d;g=e.N;m=e.a;b=e.P;y=e.O;w=e.x;x=e.o;_=e.f;k=e.k;C=e.M;S=e.l;E=e.p;I=e.c;T=e.U},function(e){P=e.j},function(e){M=e.c},function(){},function(e){R=e.c},function(e){N=e.a},function(e){L=e.u},function(){},function(e){V=e.g;q=e.a;A=e.s},function(){},function(){},function(e){D=e.A},function(e){j=e.R;U=e.u},function(e){F=e.c;O=e.K;$=e.B;H=e.H;B=e.G;z=e.C;W=e.D;K=e.E;G=e.I;Z=e.M;X=e.L;Y=e.N;J=e.e;Q=e.P;ee=e.f;te=e.g;ne=e.R;re=e.O;ae=e.i;ie=e.Q;oe=e.b;se=e.S;le=e.a;de=e.u;ue=e.d;ce=e.T},function(){}],execute:function(){var fe=e("sqm_big_stat",function(){function e(e){t(this,e);this.flexReverse=false;this.ignored=true;a(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e;var t=v()?F(this):O(this),r=t.props,a=t.label;var i=p();var o=!!((e=i.innerHTML)===null||e===void 0?void 0:e.trim());var s=n("slot",{name:"label"},o?n("slot",null):a);return n($,Object.assign({},r,{labelSlot:s}))};return e}());function ve(){var e=[];for(var t=0;t<arguments.length;t++){e[t]=arguments[t]}var n=e.map((function(e){return"family="+encodeURIComponent(e)})).join("&");return"https://fonts.googleapis.com/css2?"+n}var pe=e("sqm_brand",function(){function e(e){t(this,e);a(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e,t;var a=(e=this.brandColor)!==null&&e!==void 0?e:"#FFF";var o;try{o=H(a)}catch(e){o=H("#FFF")}var s=((t=this.brandFont)!==null&&t!==void 0?t:"Nunito Sans").trim()||undefined;i((function(){if(!s){return}var e=document.createElement("link");e.setAttribute("href",ve(s));e.setAttribute("rel","stylesheet");document.head.appendChild(e);return function(){return document.head.removeChild(e)}}),[s]);var l=s!==null&&s!==void 0?s:"";return n(r,null,n("style",null,'\n\n          :host{\n            display: contents;\n          }\n          /* \n          Selects any element placed inside a slot\n           - resets css variable inheritence for fonts\n          \n          */\n          ::slotted(*) {\n            --sl-font-sans: "'+l+'", arial;\n            --sl-input-font-family: "'+l+'", arial;\n            --sl-tooltip-font-family: "'+l+'", arial;\n            font-family:  "'+l+'", arial;\n\t\t\t\n            '+(this.brandColor&&o)+"\n            --sl-focus-ring-color-primary: var(--sl-color-primary-100);\n            --sl-input-border-color-focus: var(--sl-color-primary-500);\n            --sl-color-primary-hue: var(--sl-color-primary-500);\n          }"),n("slot",null))};return e}());var he=e("sqm_card_feed",function(){function e(e){t(this,e);this.ignored=true;this.width=347;this.gap=24;a(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){return n(B,Object.assign({},V(this)),n("slot",null))};return e}());var ge={IconStyle:{display:"block",position:"absolute",top:"23px"},DivStyle:{marginLeft:"28px"},Details:{marginLeft:"28px"},Heading:{display:"inline-block"},Children:{display:"none"}};var me=R(ge);var be=me.toString();function ye(e,t){var r=e.missingProps,a=e.heading,i=a===void 0?"There was a problem loading this section":a,s=e.subheading,l=s===void 0?"There was a technical problem that prevented this section from loading. Please contact us with the link to this page.":s,d=e.description,u=d===void 0?"Error occured while loading <{tagName}>. Values for the following attributes are missing:":d;if(!r)return false;var f=p();var v=o(false),h=v[0],g=v[1];return n("sl-alert",{type:"danger",open:true},n("style",{type:"text/css"},be),n("div",{slot:"icon",class:me.classes.IconStyle},n("sl-icon",{name:"exclamation-octagon"})),n("div",{class:me.classes.DivStyle},n("h2",{class:me.classes.Heading},c.formatMessage({id:"error-heading",defaultMessage:i})),n("p",null,c.formatMessage({id:"error-subheading",defaultMessage:l}))),n("details",{class:me.classes.Details},n("summary",{onClick:function(){return g(!h)}},h?"Less":"More"," details"),n("p",null,c.formatMessage({id:"error-description",defaultMessage:u},{tagName:f.tagName.toLowerCase()})),n("ul",null,r.map((function(e){return n("li",null,n("strong",null,e.attribute))})))),n("div",{class:me.classes.Children},t))}function we(){var e=s(j);var t=o(false),n=t[0],r=t[1];return{states:{registrationFormState:e,checked:n},callbacks:{setChecked:r}}}var xe=e("sqm_checkbox_field",function(){function e(e){t(this,e);this.ignored=true;this.checkboxLabel="By signing up you agree to the {labelLink}";this.checkboxLabelLink="https://example.com";this.checkboxLabelLinkText="Terms and Conditions";this.errorMessage="Must be checked";this.checkboxOptional=false;a(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=q([{attribute:"checkbox-name",value:this.checkboxName}]);if(!v()&&e){return n(ye,{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({},V(this));var r=v()?_e(this):we(),a=r.states,i=r.callbacks;return n(z,{states:a,content:t,callbacks:i})};return e}());function _e(e){return M({states:{registrationFormState:{},checked:false},callbacks:{setChecked:function(){}}},e.demoData||{},{arrayMerge:function(e,t){return t}})}function ke(e,t){var r=function(){if(e.direction==="row"){return{"border-right":e.dividerStyle||"1px solid #EAEAEA"}}else{return{"border-bottom":e.dividerStyle||"1px solid #EAEAEA"}}};var a={LayoutContainer:{display:"contents","& > :not(:last-child)":__assign({},r()),"& > ::slotted(*:not(:last-child))":__assign({},r())}};var i="\n    display: flex;\n    flex: 1;\n    flex-direction: "+e.direction+";\n    background-color: var(--sqm-content-background);\n    "+(e.direction==="column"?"width: 100%; max-width: var(--sqm-portal-main-width);":"")+"\n  ";var o="\n  :host{\n    "+i+"\n  }\n  sqm-divided-layout {\n    "+i+"\n  }\n  ";var s=R(a);var l=s.toString();return n("div",{class:s.classes.LayoutContainer},n("style",{type:"text/css"},o,l),t)}var Ce=e("sqm_divided_layout",function(){function e(e){t(this,e);this.dividerStyle="1px solid #EAEAEA";a(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){return n(ke,Object.assign({},V(this)),n("slot",null))};return e}());function Se(){var e=s(j);return{states:{registrationFormState:e}}}var Ee=e("sqm_dropdown_field",function(){function e(e){t(this,e);this.ignored=true;this.dropdownLabel="Select an option";this.errorMessage="Select an option";this.dropdownOptional=false;a(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=q([{attribute:"dropdown-name",value:this.dropdownName}]);if(!v()&&e){return n(ye,{missingProps:e,heading:"An error occured while loading this form",subheading:"A technical problem prevented this drop down field from loading. Please contact us with the link to this page.",description:"Values for the following attributes are missing:"},n("slot",null))}var t=__assign(__assign({},V(this)),{selectOptions:n("slot",null)});var r=(v()?Ie(this):Se()).states;return n(W,{states:r,content:t})};return e}());function Ie(e){return M({states:{registrationFormState:{}}},e.demoData||{},{arrayMerge:function(e,t){return t}})}var Te=h.gql(__makeTemplateObject(["\n  query {\n    viewer {\n      ... on User {\n        id\n        accountId\n        firstName\n        lastName\n        email\n        countryCode\n      }\n    }\n  }\n"],["\n  query {\n    viewer {\n      ... on User {\n        id\n        accountId\n        firstName\n        lastName\n        email\n        countryCode\n      }\n    }\n  }\n"]));var Pe=h.gql(__makeTemplateObject(["\n  mutation (\n    $id: String!\n    $accountId: String!\n    $firstName: String!\n    $lastName: String!\n  ) {\n    upsertUser(\n      userInput: {\n        id: $id\n        accountId: $accountId\n        firstName: $firstName\n        lastName: $lastName\n      }\n    ) {\n      firstName\n      lastName\n    }\n  }\n"],["\n  mutation (\n    $id: String!\n    $accountId: String!\n    $firstName: String!\n    $lastName: String!\n  ) {\n    upsertUser(\n      userInput: {\n        id: $id\n        accountId: $accountId\n        firstName: $firstName\n        lastName: $lastName\n      }\n    ) {\n      firstName\n      lastName\n    }\n  }\n"]));var Me={currentRegion:"",firstName:"",lastName:"",errors:{},error:""};function Re(e){var t=g();var n=o(false),r=n[0],a=n[1];var s=o(""),l=s[0],d=s[1];var u=o(undefined),f=u[0],v=u[1];var p=o(Me),h=p[0],y=p[1];var w=m(Te,{},!(t===null||t===void 0?void 0:t.jwt));var x=b(Pe),_=x[0],k=x[1];i((function(){if((k===null||k===void 0?void 0:k.loading)||!r)return;if(k===null||k===void 0?void 0:k.errors){y((function(e){var t,n,r;return __assign(__assign({},e),{error:(r=(n=(t=k===null||k===void 0?void 0:k.errors)===null||t===void 0?void 0:t.response)===null||n===void 0?void 0:n.errors)===null||r===void 0?void 0:r[0].message})}))}else{v((function(e){var t;return __assign(__assign({},e),(t=k===null||k===void 0?void 0:k.data)===null||t===void 0?void 0:t.upsertUser)}));a(false)}}),[k===null||k===void 0?void 0:k.loading]);i((function(){v((function(e){var t;return __assign(__assign({},e),(t=w===null||w===void 0?void 0:w.data)===null||t===void 0?void 0:t.viewer)}))}),[w===null||w===void 0?void 0:w.data]);i((function(){var e;if((e=k===null||k===void 0?void 0:k.errors)===null||e===void 0?void 0:e.message){y((function(e){return __assign(__assign({},e),{error:"Network request failed."})}))}}),[k===null||k===void 0?void 0:k.errors]);return{states:{loading:(w===null||w===void 0?void 0:w.loading)||k.loading,submitDisabled:false,formState:h,user:f,showEdit:r,text:{editprofileheader:e.editprofileheader,editprofiletext:e.editprofiletext,firstnametext:e.firstnametext,lastnametext:e.lastnametext,canceltext:e.canceltext,updatetext:e.updatetext,currentregiontext:e.currentregiontext,showregion:e.showregion}},callbacks:{onSubmit:function(){if(h.firstName&&h.lastName){_({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});y((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!=={}){y((function(e){return __assign(__assign({},e),{error:"Please correct the errors below to update your profile."})}))}y((function(t){return __assign(__assign({},t),{errors:e})}))},resetForm:function(){var e,t,n,r,a,i;var o=((t=(e=w===null||w===void 0?void 0:w.data)===null||e===void 0?void 0:e.viewer)===null||t===void 0?void 0:t.countryCode)?c.formatDisplayName(w.data.viewer.countryCode,{type:"region"}):"";v(__assign(__assign({},(n=w.data)===null||n===void 0?void 0:n.viewer),(r=k.data)===null||r===void 0?void 0:r.upsertUser));y(__assign(__assign(__assign(__assign({},Me),(a=w.data)===null||a===void 0?void 0:a.viewer),(i=k.data)===null||i===void 0?void 0:i.upsertUser),{currentRegion:o}))},onChange:function(e){var t=e.target,n=t.name,r=t.value;y((function(e){var t;return __assign(__assign({},e),(t={},t[n]=r,t))}))},setShowEdit:a}}}var Ne=".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 Le=e("sqm_edit_profile",function(){function e(e){t(this,e);this.ignored=true;a(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=v()?Ve(V(this)):Re(V(this));return n(K,Object.assign({},e))};return e}());function Ve(e){return M({states:{loading:false,submitDisabled:false,formState:{currentRegion:"Canada",firstName:"Bill",lastName:"Bob",errors:{},error:"An error string"},user:{firstName:"Bill",lastName:"Bob",email:"billbob@example.com"},showEdit:false,text:{editprofileheader:e.editprofileheader?e.editprofileheader:"Edit Profile",editprofiletext:e.editprofiletext?e.editprofiletext:"Update your profile.",firstnametext:e.firstnametext?e.firstnametext:"First Name",lastnametext:e.lastnametext?e.lastnametext:"Last Name",canceltext:e.canceltext?e.canceltext:"Cancel",updatetext:e.updatetext?e.updatetext:"Update",currentregiontext:e.currentregiontext?e.currentregiontext:"Region",showregion:true}},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}})}Le.style=Ne;function qe(e,t){var r=Boolean((e.header||e.description||e.buttonText)&&e.layout==="overlay");var a={Container:{position:"relative","&:before":{content:r?'""':"",width:"100%",height:"100%",position:"absolute",background:e.overlayColor||"var(--sl-color-primary-900)",opacity:e.overlayOpacity}},Image:{display:"block",width:"100%",height:"100%",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.5*var(--sl-spacing-"+e.paddingText+"))"}},"@media (max-width: 599px)":{flexDirection:e.imageMobilePos==="bottom"?"column-reverse":"column"}},Header:{fontSize:"var(--sl-font-size-xxx-large)",fontWeight:"var(--sl-font-weight-bold)","@media (max-width: 599px)":{fontSize:"var(--sl-font-size-xx-large)"}},Description:{fontSize:"var(--sl-font-size-x-large)",margin:"var(--sl-spacing-small) 0","@media (max-width: 599px)":{fontSize:"var(--sl-font-size-large)"}},Button:{marginTop:"var(--sl-spacing-medium)","&::part(base)":{padding:"0 var(--sl-spacing-x-large)"},"@media (max-width: 599px)":{width:"100%"}}};var i=R(a);var o=i.toString();var s="\n  :host{\n    display: block;\n  }";return n("div",{class:i.classes.Container},n("style",{type:"text/css"},s,o),e.layout==="overlay"&&l(),e.layout==="columns"&&d());function l(){return n("div",{class:i.classes.Background},n("div",{class:i.classes.Overlay},e.header&&n("div",{class:i.classes.Header},e.header),e.description&&n("div",{class:i.classes.Description},e.description),e.buttonText&&n("sl-button",{class:i.classes.Button,type:"primary",onClick:function(){return e.buttonNewTab?window.open(e.buttonLink):window.open(e.buttonLink,"_parent")}},e.buttonText),t&&t))}function d(){return n("div",null,n("div",{class:i.classes.Column},n("div",{class:"image-area"},n("img",{class:i.classes.Image,src:e.imageUrl})),n("div",{class:"text-area"},e.header&&n("div",{class:i.classes.Header},e.header),e.description&&n("div",{class:i.classes.Description},e.description),e.buttonText&&n("sl-button",{class:i.classes.Button,type:"primary",onClick:function(){return e.buttonNewTab?window.open(e.buttonLink):window.open(e.buttonLink,"_parent")}},e.buttonText))))}}var Ae=e("sqm_hero_image",function(){function e(e){t(this,e);this.overlayOpacity="0.75";this.layout="overlay";this.imagePercentage=50;this.imagePos="center";this.imageMobilePos="top";this.buttonNewTab=false;this.paddingText="xxxx-large";this.paddingImage="none";a(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){return n(qe,Object.assign({},V(this)),n("slot",null))};return e}());var De=e("sqm_hook_story_container",function(){function e(e){t(this,e);this.ignored=true;a(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=this.hookStory;return n(e,null)};return e}());function je(){var e=s(j);return{states:{registrationFormState:e}}}var Ue=e("sqm_input_field",function(){function e(e){t(this,e);this.ignored=true;this.fieldType="text";this.errorMessage="Cannot be empty";this.fieldOptional=false;a(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=__assign({},V(this));var t=q([{attribute:"field-name",value:this.fieldName}]);if(!v()&&t){return n(ye,{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=(v()?Fe(this):je()).states;return n(G,{states:r,content:e})};return e}());function Fe(e){return M({states:{registrationFormState:{}}},e.demoData||{},{arrayMerge:function(e,t){return t}})}var Oe=h.gql(__makeTemplateObject(["\n  query (\n    $type: String!\n    $filter: UserLeaderboardFilterInput\n    $locale: RSLocale\n    $limit: Int!\n  ) {\n    userLeaderboard(type: $type, filter: $filter) {\n      dateModified\n      rows(limit: $limit) {\n        textValue(locale: $locale)\n        firstName\n        lastInitial\n        rank {\n          rank\n          denseRank\n          rowNumber\n        }\n      }\n    }\n  }\n"],["\n  query (\n    $type: String!\n    $filter: UserLeaderboardFilterInput\n    $locale: RSLocale\n    $limit: Int!\n  ) {\n    userLeaderboard(type: $type, filter: $filter) {\n      dateModified\n      rows(limit: $limit) {\n        textValue(locale: $locale)\n        firstName\n        lastInitial\n        rank {\n          rank\n          denseRank\n          rowNumber\n        }\n      }\n    }\n  }\n"]));var $e=h.gql(__makeTemplateObject(["\n  query (\n    $type: String!\n    $filter: UserLeaderboardFilterInput\n    $locale: RSLocale\n  ) {\n    viewer {\n      ... on User {\n        firstName\n        lastInitial\n        leaderboardRank(type: $type, filter: $filter) {\n          textValue(locale: $locale)\n          rank\n          denseRank\n          rowNumber\n        }\n      }\n    }\n  }\n"],["\n  query (\n    $type: String!\n    $filter: UserLeaderboardFilterInput\n    $locale: RSLocale\n  ) {\n    viewer {\n      ... on User {\n        firstName\n        lastInitial\n        leaderboardRank(type: $type, filter: $filter) {\n          textValue(locale: $locale)\n          rank\n          denseRank\n          rowNumber\n        }\n      }\n    }\n  }\n"]));function He(e){var t,n,r,a,i,o,s,l,d,u;var c=y();var f=(t=e.programId)!==null&&t!==void 0?t:c;var v=g();var p=w();var h=f?{type:e.leaderboardType,filter:{programId_eq:f}}:{type:e.leaderboardType,filter:{}};if(e.interval){h.filter["interval"]=e.interval}if(p){h["locale"]=p}if(e.maxRows>0){h["limit"]=e.maxRows}var b=m(Oe,h,!(v===null||v===void 0?void 0:v.jwt)),x=b.data,_=b.loading;var k=m($e,h,!(v===null||v===void 0?void 0:v.jwt)).data;var C=(n=x===null||x===void 0?void 0:x.userLeaderboard)===null||n===void 0?void 0:n.rows;var S=I(C);var E=S===null||S===void 0?void 0:S.sort((function(e,t){return e.rank-t.rank}));function I(t){return t===null||t===void 0?void 0:t.flatMap((function(t){var n,r;return{textValue:t.textValue,firstName:t.firstName,lastInitial:t.lastInitial,rank:(n=t.rank)===null||n===void 0?void 0:n[e.rankType],rowNumber:(r=t.rank)===null||r===void 0?void 0:r.rowNumber}}))}var T={textValue:(a=(r=k===null||k===void 0?void 0:k.viewer)===null||r===void 0?void 0:r.leaderboardRank)===null||a===void 0?void 0:a.textValue,firstName:(i=k===null||k===void 0?void 0:k.viewer)===null||i===void 0?void 0:i.firstName,lastInitial:(o=k===null||k===void 0?void 0:k.viewer)===null||o===void 0?void 0:o.lastInitial,rank:(l=(s=k===null||k===void 0?void 0:k.viewer)===null||s===void 0?void 0:s.leaderboardRank)===null||l===void 0?void 0:l[e.rankType],rowNumber:(u=(d=k===null||k===void 0?void 0:k.viewer)===null||d===void 0?void 0:d.leaderboardRank)===null||u===void 0?void 0:u.rowNumber};return{states:{loading:_,hasLeaders:(E===null||E===void 0?void 0:E.length)>0,styles:e},data:{leaderboard:E,rankType:e.rankType,viewerRank:T},elements:{empty:e.empty,loadingstate:e.loadingstate}}}var Be=e("sqm_leaderboard",function(){function e(e){t(this,e);this.hideViewer=false;this.anonymousUser="Anonymous User";this.maxRows=10;this.ignored=true;a(this);Z(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e={empty:n(ze,null),loadingstate:n(We,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=v()?Ke(t):He(e);return n(X,Object.assign({},r))};return e}());function ze(){return n("slot",{name:"empty"},n("sqm-empty",{"empty-state-image":"https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png","empty-state-header":"View your rank in the leaderboard","empty-state-text":"Be the first to refer a friend and reach the top of the leaderboard"}))}function We(){return n("slot",{name:"loading"},n("table",null,__spreadArrays(Array(10)).map((function(){return n("tr",null,n("td",null,n("sl-skeleton",null)))}))))}function Ke(e){var t,r;var a=((r=(t=e.demoData)===null||t===void 0?void 0:t.data)===null||r===void 0?void 0:r.leaderboard)||[{firstName:"Viktor",lastInitial:"V",textValue:"82",rank:1,rowNumber:1},{firstName:"MF",lastInitial:"D",textValue:"73",rank:2,rowNumber:2},{firstName:"Freddie",lastInitial:"G",textValue:"64",rank:3,rowNumber:3},{firstName:"Benny",lastInitial:"B",textValue:"55",rank:4,rowNumber:4},{textValue:"46",rank:5,rowNumber:5}];return M({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:a},elements:{empty:n(ze,null),loadingstate:n(We,null)}},e.demoData||{},{arrayMerge:function(e,t){return t}})}function Ge(e){var t=s(j);return{states:{registrationFormState:t,content:{lastNameLabel:e.lastNameLabel,firstNameLabel:e.firstNameLabel}}}}var Ze=e("sqm_name_fields",function(){function e(e){t(this,e);this.ignored=true;this.firstNameLabel="First Name";this.lastNameLabel="Last Name";a(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=(v()?Xe(this):Ge(this)).states;return n(Y,{states:e})};return e}());function Xe(e){return M({states:{validationErrors:[],content:{firstNameLabel:e.firstNameLabel,lastNameLabel:e.lastNameLabel}}},e.demoData||{},{arrayMerge:function(e,t){return t}})}function Ye(e){var t=e.states;var r=t.styles;return t.includeDropdown?n("sl-dropdown",{style:"margin-bottom: var(--sl-spacing-large)"},n("sl-button",{slot:"trigger",caret:true,onClick:e.callbacks.rerender,exportparts:"base: dropdownbutton-base"},r.menuLabel),n("sl-menu",{ref:function(t){if(e.ref.current===undefined){e.ref.current=t;e.callbacks.rerender()}}},n("slot",null))):""}function Je(e){_.push(e.detail.item.value)}function Qe(e){var t=l();var n=x(),r=n[1];var a=g();i((function(){var e;(e=t.current)===null||e===void 0?void 0:e.addEventListener("sl-select",(function(e){return Je(e)}))}),[t.current]);return{states:{includeDropdown:((a===null||a===void 0?void 0:a.id)||(a===null||a===void 0?void 0:a.accountId)||(a===null||a===void 0?void 0:a.jwt))!==undefined,styles:{menuLabel:e.menuLabel}},callbacks:{rerender:r},ref:t}}var et=":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 tt=e("sqm_navigation_menu",function(){function e(e){t(this,e);this.ignored=true;a(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=v()?nt(V(this)):Qe(V(this));return n(r,{slot:"sqm-navigation-menu"},n(Ye,Object.assign({},e)))};return e}());function nt(e){return M({states:{includeDropdown:true,styles:__assign(__assign({},e),{menuLabel:"Menu"})},callbacks:{rerender:function(){}},ref:{current:undefined}},e.demoData||{},{arrayMerge:function(e,t){return t}})}tt.style=et;function rt(e){var t=this;var n,r,a,i,s,l,d;var u=k(),c=u[0],f=u[1],v=f.loading,p=f.errors,h=f.data;var m=o(false),b=m[0],y=m[1];var w=o(""),x=w[0],_=w[1];var C=o(false),S=C[0],E=C[1];var I=g();var T=function(e){return __awaiter(t,void 0,void 0,(function(){var t,n,r,a,i;return __generator(this,(function(o){switch(o.label){case 0:E(false);r=(t=e.detail)===null||t===void 0?void 0:t.formData;r===null||r===void 0?void 0:r.forEach((function(e,t){P.set(r,t,e)}));if(!(I===null||I===void 0?void 0:I.jwt)){_("Please log in again to change your password.");return[2]}if(r.password!==r.confirmPassword){_("Passwords do not match.");return[2]}_("");a={password:r.password};return[4,c(a)];case 1:i=o.sent();if(!(i instanceof Error)&&((n=i.changeManagedIdentityPassword)===null||n===void 0?void 0:n.success)){E(true)}return[2]}}))}))};return{states:{open:b,loading:v,success:S,error:x||((i=(a=(r=(n=p===null||p===void 0?void 0:p.response)===null||n===void 0?void 0:n.errors)===null||r===void 0?void 0:r[0])===null||a===void 0?void 0:a.extensions)===null||i===void 0?void 0:i.message)||((d=(l=(s=p===null||p===void 0?void 0:p.response)===null||s===void 0?void 0:s.errors)===null||l===void 0?void 0:l[0])===null||d===void 0?void 0:d.message),content:{modalChangePasswordHeader:e.modalChangePasswordHeader,cancelText:e.cancelText,changePasswordButtonText:e.changePasswordButtonText,passwordFieldLabel:e.passwordFieldLabel,confirmPasswordFieldLabel:e.confirmPasswordFieldLabel,successMessage:e.successMessage,portalChangePasswordHeader:e.portalChangePasswordHeader,portalChangePasswordButtonText:e.portalChangePasswordButtonText}},data:{},callbacks:{setOpen:y,submit:T}}}var at=e("sqm_portal_change_password",function(){function e(e){t(this,e);this.ignored=true;this.modalChangePasswordHeader="Change Password";this.cancelText="Cancel";this.changePasswordButtonText="Change Password";this.passwordFieldLabel="New Password";this.confirmPasswordFieldLabel="Confirm New Password";this.successMessage="Your password has been updated.";this.portalChangePasswordHeader="Password";this.portalChangePasswordButtonText="Change your password...";a(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=v()?it(this):rt(this),t=e.states,r=e.callbacks;return n(J,{states:t,callbacks:r})};return e}());function it(e){var t=o(false),n=t[0],r=t[1];return M({states:{open:n,error:"",content:{modalChangePasswordHeader:e.modalChangePasswordHeader,cancelText:e.cancelText,changePasswordButtonText:e.changePasswordButtonText,passwordFieldLabel:e.passwordFieldLabel,confirmPasswordFieldLabel:e.confirmPasswordFieldLabel,successMessage:e.successMessage,portalChangePasswordHeader:e.portalChangePasswordHeader,portalChangePasswordButtonText:e.portalChangePasswordButtonText}},callbacks:{setOpen:function(e){return r(e)},submit:function(e){return console.log("Submit",e)}}},e.demoData||{},{arrayMerge:function(e,t){return t}})}function ot(e,t){var n=x(),r=n[1];return{data:{footer:e,header:t},callbacks:{rerender:r}}}var st=e("sqm_portal_frame",function(){function e(e){t(this,e);this.ignored=true;a(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=n("slot",{name:"footer"});var t=n("slot",{name:"header"});var r=v()?lt(e,t,this):ot(e,t);return n(Q,Object.assign({},r),n("slot",null))};return e}());function lt(e,t,r){return M({data:{footer:e?e:n("span",null,"example@example.com"),header:t?t:n("div",{style:{display:"flex",flexDirection:"column"}},n("span",{style:{fontSize:"var(--sl-font-size-large)",fontWeight:"bold"}},"Portal Header"),n("span",{style:{fontSize:"var(--sl-font-size-small)"}},"A description for the portal"))},callbacks:{rerender:function(){}}},r.demoData||{},{arrayMerge:function(e,t){return t}})}function dt(e){var t=this;var n,r,a,i,s,l,d;var u=C(),c=u[0],f=u[1],v=f.loading,p=f.errors,h=f.data;var g=o(""),m=g[0],b=g[1];var y=new URLSearchParams(_.location.search);var w=y.get("nextPage");var x=function(n){return __awaiter(t,void 0,void 0,(function(){var t,r,a,i,o,s;return __generator(this,(function(l){switch(l.label){case 0:b("");a=n.detail.formData;a===null||a===void 0?void 0:a.forEach((function(e,t){P.set(a,t,e)}));i={email:a.email,password:a.password};return[4,c(i)];case 1:o=l.sent();if(o instanceof Error){if((o===null||o===void 0?void 0:o.message)||((t=o===null||o===void 0?void 0:o["response"])===null||t===void 0?void 0:t["error"]))b("Network request failed.");return[2]}if((r=o.authenticateManagedIdentityWithEmailAndPassword)===null||r===void 0?void 0:r.token){y.delete("nextPage");s=A(w||e.nextPage);_.push(s.href)}return[2]}}))}))};var k=((i=(a=(r=(n=p===null||p===void 0?void 0:p.response)===null||n===void 0?void 0:n.errors)===null||r===void 0?void 0:r[0])===null||a===void 0?void 0:a.extensions)===null||i===void 0?void 0:i.message)||((d=(l=(s=p===null||p===void 0?void 0:p.response)===null||s===void 0?void 0:s.errors)===null||l===void 0?void 0:l[0])===null||d===void 0?void 0:d.message)||m;return{states:{loading:v,error:k,registerPath:e.registerPath,forgotPasswordPath:e.forgotPasswordPath},callbacks:{submit:x}}}var ut=e("sqm_portal_login",function(){function e(e){t(this,e);this.ignored=true;this.nextPage="/";this.emailLabel="Email";this.passwordLabel="Password";this.submitLabel="Sign In";this.forgotPasswordPath="/forgotPassword";this.forgotPasswordLabel="Forgot Password?";this.registerLabel="Register";this.registerPath="/register";this.pageLabel="Sign in to your account";a(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=v()?ct(this):dt(this),t=e.states,r=e.callbacks;var a={forgotPasswordButton:n("slot",{name:"forgotPassword"},n("a",{onClick:function(){return _.push(t.forgotPasswordPath)}},this.forgotPasswordLabel)),secondaryButton:n("slot",{name:"secondaryButton"},n("sl-button",{type:"text",disabled:t.loading,onClick:function(){return _.push(t.registerPath)}},this.registerLabel)),emailLabel:this.emailLabel,passwordLabel:this.passwordLabel,submitLabel:this.submitLabel,pageLabel:this.pageLabel};return n(ee,{states:t,callbacks:r,content:a})};return e}());function ct(e){var t=this;return M({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 ft(e){var t=this;var n,r,a,o,s,d,u,c,v;var p=l(null);var h=U({}),g=h.registrationFormState,m=h.setRegistrationFormState;var b=S(),y=b[0],w=b[1],x=w.loading,k=w.errors,C=w.data;i((function(){if(!p.current)return;var e=p.current;e.addEventListener("sl-input",I);return function(){e.removeEventListener("sl-input",I)}}),[p.current]);var E=function(n){return __awaiter(t,void 0,void 0,(function(){var t,r,a,i,o,s,l,d,u,c;return __generator(this,(function(f){switch(f.label){case 0:r=n.target.getFormControls();a={};i={};r===null||r===void 0?void 0:r.forEach((function(e){if(!e.name)return;var t=e.name;var n=e.value;P.set(a,t,n);if(e.required&&!n){P.set(i,t,"Cannot be empty")}if(typeof e.validationError==="function"){var r=e.validationError;var o=r({control:e,key:t,value:n});if(o)P.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};f.label=1;case 1:f.trys.push([1,3,,4]);return[4,y(d)];case 2:u=f.sent();if(u instanceof Error){throw u}m({loading:false,error:"",validationErrors:{}});if((t=u.registerManagedIdentityWithEmailAndPassword)===null||t===void 0?void 0:t.token){_.push(e.nextPage)}return[3,4];case 3:c=f.sent();m({loading:false,error:"Network request failed.",validationErrors:{}});return[3,4];case 4:return[2]}}))}))};var I=f((function(e){var t,n;var r=(n=(t=e.target)===null||t===void 0?void 0:t.type)===null||n===void 0?void 0:n.toLowerCase();if(r!=="tel")return;var a=new D("US");e.target.value=a.input(e.target.value)}),[]);var T="";if((n=k===null||k===void 0?void 0:k.response)===null||n===void 0?void 0:n["error"]){T="Network request failed"}else if((k===null||k===void 0?void 0:k.message)&&!((r=k===null||k===void 0?void 0:k.response)===null||r===void 0?void 0:r.errors.length)){T="Network request failed"}else{T=((d=(s=(o=(a=k===null||k===void 0?void 0:k.response)===null||a===void 0?void 0:a.errors)===null||o===void 0?void 0:o[0])===null||s===void 0?void 0:s.extensions)===null||d===void 0?void 0:d.message)||((v=(c=(u=k===null||k===void 0?void 0:k.response)===null||u===void 0?void 0:u.errors)===null||c===void 0?void 0:c[0])===null||v===void 0?void 0:v.message)||(g===null||g===void 0?void 0:g.error)}return{states:{loading:x,error:T,registrationFormState:g,confirmPassword:e.confirmPassword,hideInputs:e.hideInputs,loginPath:e.loginPath,disablePasswordValidation:!e.disablePasswordValidation},callbacks:{submit:E,inputFunction:I},refs:{formRef:p}}}var vt=e("sqm_portal_register",function(){function e(e){t(this,e);this.ignored=true;this.nextPage="/";this.redirectPath="/verifyEmail";this.emailLabel="Email";this.passwordLabel="Password";this.submitLabel="Register";this.loginLabel="Sign in";this.confirmPasswordLabel="Confirm Password";this.confirmPassword=false;this.disablePasswordValidation=false;this.hideInputs=false;this.pageLabel="Register";this.loginPath="/login";a(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=v()?pt(this):ft(this),t=e.states,r=e.callbacks,a=e.refs;var i={formData:n("slot",{name:"formData"}),secondaryButton:n("slot",{name:"secondaryButton"},n("sl-button",{type:"text",disabled:t.loading,onClick:function(){return _.push(t.loginPath)}},this.loginLabel)),terms:n("slot",{name:"terms"}),emailLabel:this.emailLabel,passwordLabel:this.passwordLabel,submitLabel:this.submitLabel,pageLabel:this.pageLabel,confirmPasswordLabel:this.confirmPasswordLabel};return n(te,{states:t,callbacks:r,content:i,refs:a})};return e}());function pt(e){var t=this;return M({states:{error:"",loading:false,confirmPassword:true,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 ht(e,t){var r={Container:{color:e.textColor||"var(--sl-color-neutral-900)",background:e.backgroundColor||""},Header:{fontSize:"var(--sl-font-size-x-large)",fontWeight:"var(--sl-font-weight-bold)",lineHeight:"var(--sl-line-height-dense)",marginBottom:"var(--sl-spacing-large)",textAlign:"center"},Grid:{display:"flex",flexDirection:"row",gap:"var(--sl-spacing-large)","@media (max-width: 499px)":{flexDirection:"column"}}};var a=R(r);var i=a.toString();var o="\n  ::slotted(*){\n    display: flex;\n    width: 100%;\n  }\n  @media (max-width: 499px) {\n    ::slotted(*){\n      display: block;\n    }\n  }";return n("div",{class:a.classes.Container},n("style",{type:"text/css"},i,o),n("div",{class:a.classes.Header},n("div",{class:a.classes.Header},e.header)),n("div",{class:a.classes.Grid},t))}var gt=e("sqm_program_explainer",function(){function e(e){t(this,e);this.ignored=true;a(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){return n(ht,Object.assign({},V(this)),n("slot",null))};return e}());function mt(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=R(t);var a=r.toString();return n("div",{class:r.classes.Container},n("style",{type:"text/css"},a),n("div",null,e.imageUrl?n("img",{class:r.classes.Media,src:e.imageUrl}):n("div",{class:r.classes.Media},n("sl-icon",{name:e.icon}))),n("div",{class:r.classes.Text},n("div",{class:r.classes.Header},e.header),n("div",{class:r.classes.Description},e.description)))}var bt=e("sqm_program_explainer_step",function(){function e(e){t(this,e);a(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){return n(mt,Object.assign({},V(this)))};return e}());var yt=d("sq:useProgramMenu");var wt="sq:update-program-id";function xt(e){var t=y();var n=p();yt({programId:t,props:e});var r=l();var a=x(),o=a[1];i((function(){var e;(e=r.current)===null||e===void 0?void 0:e.addEventListener("sl-select",(function(e){var t=e.detail.item.value;n.dispatchEvent(new CustomEvent(wt,{detail:t,bubbles:true,composed:true}))}))}),[r.current]);return{data:{programId:t},callbacks:{rerender:o},ref:r}}var _t=e("sqm_program_menu",function(){function e(e){t(this,e);this.ignored=true;a(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=xt(V(this)),t=e.data,a=e.ref;return n(r,{style:{display:"contents"}},n("sl-select",{style:{paddingBottom:"var(--sl-spacing-large)"},value:t.programId,ref:function(e){return a.current=e}},n("slot",null)))};return e}());var kt={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 Ct=R(kt);var St=Ct.toString();var Et="\n    :host{\n      display: block;   \n    }\n  ";function It(e){return n("div",null,n("style",{type:"text/css"},St,Et),n("div",{class:Ct.classes.Container},n("div",{class:"left",style:{alignSelf:e.verticalAlignment}},e.slots.left),n("div",{class:"right",style:{alignSelf:e.verticalAlignment}},e.slots.right)))}var Tt=e("sqm_referral_card",function(){function e(e){t(this,e);this.ignored=true;this.verticalAlignment="start";a(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e={left:n("slot",{name:"left"}),right:n("slot",{name:"right"})};return n(It,Object.assign({},V(this),{slots:e}),n("slot",null))};return e}());var Pt=h.gql(__makeTemplateObject(["\n  query getUser($programId: ID) {\n    viewer {\n      ... on User {\n        referralCode(programId: $programId)\n      }\n    }\n  }\n"],["\n  query getUser($programId: ID) {\n    viewer {\n      ... on User {\n        referralCode(programId: $programId)\n      }\n    }\n  }\n"]));function Mt(e){var t;var n=y();var r=g();var a=m(Pt,{programId:n},!(r===null||r===void 0?void 0:r.jwt)||!n).data;return{states:{content:e},data:{shareCode:(t=a===null||a===void 0?void 0:a.viewer)===null||t===void 0?void 0:t.referralCode}}}var Rt=e("sqm_referral_iframe",function(){function e(e){t(this,e);this.ignored=true;this.iframeHeight="100%";this.iframeWidth="100%";a(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=q([{attribute:"iframe-src",value:this.iframeSrc}]);if(e){return n(ye,{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=v()?Nt(V(this)):Mt(V(this)),a=t.states,i=t.data;return n(r,{style:{display:"contents"}},n(ne,{data:i,states:a}))};return e}());function Nt(e){return M({states:{content:__assign({iframeSrc:"https://example.com"},e)},data:{shareCode:"SHARECODE123"}},e.demoData||{},{arrayMerge:function(e,t){return t}})}var Lt={};(function e(t,n,r,a){var i=!!(t.Worker&&t.Blob&&t.Promise&&t.OffscreenCanvas&&t.OffscreenCanvasRenderingContext2D&&t.HTMLCanvasElement&&t.HTMLCanvasElement.prototype.transferControlToOffscreen&&t.URL&&t.URL.createObjectURL);function o(){}function s(e){var r=n.exports.Promise;var a=r!==void 0?r:t.Promise;if(typeof a==="function"){return new a(e)}e(o,o);return null}var l=function(){var e=Math.floor(1e3/60);var t,n;var r={};var a=0;if(typeof requestAnimationFrame==="function"&&typeof cancelAnimationFrame==="function"){t=function(t){var n=Math.random();r[n]=requestAnimationFrame((function i(o){if(a===o||a+e-1<o){a=o;delete r[n];t()}else{r[n]=requestAnimationFrame(i)}}));return n};n=function(e){if(r[e]){cancelAnimationFrame(r[e])}}}else{t=function(t){return setTimeout(t,e)};n=function(e){return clearTimeout(e)}}return{frame:t,cancel:n}}();var d=function(){var t;var n;var a={};function o(e){function t(t,n){e.postMessage({options:t||{},callback:n})}e.init=function t(n){var r=n.transferControlToOffscreen();e.postMessage({canvas:r},[r])};e.fire=function r(i,o,l){if(n){t(i,null);return n}var d=Math.random().toString(36).slice(2);n=s((function(r){function o(t){if(t.data.callback!==d){return}delete a[d];e.removeEventListener("message",o);n=null;l();r()}e.addEventListener("message",o);t(i,d);a[d]=o.bind(null,{data:{callback:d}})}));return n};e.reset=function t(){e.postMessage({reset:true});for(var n in a){a[n]();delete a[n]}}}return function(){if(t){return t}if(!r&&i){var n=["var CONFETTI, SIZE = {}, module = {};","("+e.toString()+")(this, module, true, SIZE);","onmessage = function(msg) {","  if (msg.data.options) {","    CONFETTI(msg.data.options).then(function () {","      if (msg.data.callback) {","        postMessage({ callback: msg.data.callback });","      }","    });","  } else if (msg.data.reset) {","    CONFETTI.reset();","  } else if (msg.data.resize) {","    SIZE.width = msg.data.resize.width;","    SIZE.height = msg.data.resize.height;","  } else if (msg.data.canvas) {","    SIZE.width = msg.data.canvas.width;","    SIZE.height = msg.data.canvas.height;","    CONFETTI = module.exports.create(msg.data.canvas);","  }","}"].join("\n");try{t=new Worker(URL.createObjectURL(new Blob([n])))}catch(e){typeof console!==undefined&&typeof console.warn==="function"?console.warn("🎊 Could not load worker",e):null;return null}o(t)}return t}}();var u={particleCount:50,angle:90,spread:45,startVelocity:45,decay:.9,gravity:1,drift:0,ticks:200,x:.5,y:.5,shapes:["square","circle"],zIndex:100,colors:["#26ccff","#a25afd","#ff5e7e","#88ff5a","#fcff42","#ffa62d","#ff36ff"],disableForReducedMotion:false,scalar:1};function c(e,t){return t?t(e):e}function f(e){return!(e===null||e===undefined)}function v(e,t,n){return c(e&&f(e[t])?e[t]:u[t],n)}function p(e){return e<0?0:Math.floor(e)}function h(e,t){return Math.floor(Math.random()*(t-e))+e}function g(e){return parseInt(e,16)}function m(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:g(t.substring(0,2)),g:g(t.substring(2,4)),b:g(t.substring(4,6))}}function y(e){var t=v(e,"origin",Object);t.x=v(t,"x",Number);t.y=v(t,"y",Number);return t}function w(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 k(e,t,n,r,a,i,o,s,l){e.save();e.translate(t,n);e.rotate(i);e.scale(r,a);e.arc(0,0,1,o,s,l);e.restore()}function C(e){var t=e.angle*(Math.PI/180);var n=e.spread*(Math.PI/180);return{x:e.x,y:e.y,wobble:Math.random()*10,velocity:e.startVelocity*.5+Math.random()*e.startVelocity,angle2D:-t+(.5*n-Math.random()*n),tiltAngle:Math.random()*Math.PI,color:e.color,shape:e.shape,tick:0,totalTicks:e.ticks,decay:e.decay,drift:e.drift,random:Math.random()+5,tiltSin:0,tiltCos:0,wobbleX:0,wobbleY:0,gravity:e.gravity*3,ovalScalar:.6,scalar:e.scalar}}function S(e,t){t.x+=Math.cos(t.angle2D)*t.velocity+t.drift;t.y+=Math.sin(t.angle2D)*t.velocity+t.gravity;t.wobble+=.1;t.velocity*=t.decay;t.tiltAngle+=.1;t.tiltSin=Math.sin(t.tiltAngle);t.tiltCos=Math.cos(t.tiltAngle);t.random=Math.random()+5;t.wobbleX=t.x+10*t.scalar*Math.cos(t.wobble);t.wobbleY=t.y+10*t.scalar*Math.sin(t.wobble);var n=t.tick++/t.totalTicks;var r=t.x+t.random*t.tiltCos;var a=t.y+t.random*t.tiltSin;var i=t.wobbleX+t.random*t.tiltCos;var o=t.wobbleY+t.random*t.tiltSin;e.fillStyle="rgba("+t.color.r+", "+t.color.g+", "+t.color.b+", "+(1-n)+")";e.beginPath();if(t.shape==="circle"){e.ellipse?e.ellipse(t.x,t.y,Math.abs(i-r)*t.ovalScalar,Math.abs(o-a)*t.ovalScalar,Math.PI/10*t.wobble,0,2*Math.PI):k(e,t.x,t.y,Math.abs(i-r)*t.ovalScalar,Math.abs(o-a)*t.ovalScalar,Math.PI/10*t.wobble,0,2*Math.PI)}else{e.moveTo(Math.floor(t.x),Math.floor(t.y));e.lineTo(Math.floor(t.wobbleX),Math.floor(a));e.lineTo(Math.floor(i),Math.floor(o));e.lineTo(Math.floor(r),Math.floor(t.wobbleY))}e.closePath();e.fill();return t.tick<t.totalTicks}function E(e,t,n,i,o){var d=t.slice();var u=e.getContext("2d");var c;var f;var v=s((function(t){function s(){c=f=null;u.clearRect(0,0,i.width,i.height);o();t()}function v(){if(r&&!(i.width===a.width&&i.height===a.height)){i.width=e.width=a.width;i.height=e.height=a.height}if(!i.width&&!i.height){n(e);i.width=e.width;i.height=e.height}u.clearRect(0,0,i.width,i.height);d=d.filter((function(e){return S(u,e)}));if(d.length){c=l.frame(v)}else{s()}}c=l.frame(v);f=s}));return{addFettis:function(e){d=d.concat(e);return v},canvas:e,promise:v,reset:function(){if(c){l.cancel(c)}if(f){f()}}}}function I(e,n){var r=!e;var a=!!v(n||{},"resize");var o=v(n,"disableForReducedMotion",Boolean);var l=i&&!!v(n||{},"useWorker");var u=l?d():null;var c=r?w:x;var f=e&&u?!!e.__confetti_initialized:false;var g=typeof matchMedia==="function"&&matchMedia("(prefers-reduced-motion)").matches;var b;function k(t,n,r){var a=v(t,"particleCount",p);var i=v(t,"angle",Number);var o=v(t,"spread",Number);var s=v(t,"startVelocity",Number);var l=v(t,"decay",Number);var d=v(t,"gravity",Number);var u=v(t,"drift",Number);var f=v(t,"colors",m);var g=v(t,"ticks",Number);var w=v(t,"shapes");var x=v(t,"scalar");var _=y(t);var k=a;var S=[];var I=e.width*_.x;var T=e.height*_.y;while(k--){S.push(C({x:I,y:T,angle:i,spread:o,startVelocity:s,color:f[k%f.length],shape:w[h(0,w.length)],ticks:g,decay:l,gravity:d,drift:u,scalar:x}))}if(b){return b.addFettis(S)}b=E(e,S,c,n,r);return b.promise}function S(n){var i=o||v(n,"disableForReducedMotion",Boolean);var l=v(n,"zIndex",Number);if(i&&g){return s((function(e){e()}))}if(r&&b){e=b.canvas}else if(r&&!e){e=_(l);document.body.appendChild(e)}if(a&&!f){c(e)}var d={width:e.width,height:e.height};if(u&&!f){u.init(e)}f=true;if(u){e.__confetti_initialized=true}function p(){if(u){var t={getBoundingClientRect:function(){if(!r){return e.getBoundingClientRect()}}};c(t);u.postMessage({resize:{width:t.width,height:t.height}});return}d.width=d.height=null}function h(){b=null;if(a){t.removeEventListener("resize",p)}if(r&&e){document.body.removeChild(e);e=null;f=false}}if(a){t.addEventListener("resize",p,false)}if(u){return u.fire(n,d,h)}return k(n,d,h)}S.reset=function(){if(u){u.reset()}if(b){b.reset()}};return S}n.exports=I(null,{useWorker:true,resize:true});n.exports.create=I})(function(){if(typeof window!=="undefined"){return window}if(typeof self!=="undefined"){return self}return this||{}}(),Lt,false);var Vt=Lt.exports;var qt=h.gql(__makeTemplateObject(["\n  query getExchangeList {\n    viewer {\n      ... on User {\n        visibleRewardExchangeItems(limit: 20, offset: 0) {\n          data {\n            key\n            name\n            description\n            imageUrl\n            available\n            unavailableReasonCode\n            ruleType\n            sourceUnit\n            sourceValue\n            prettySourceValue\n            sourceMinValue\n            prettySourceMinValue\n            sourceMaxValue\n            prettySourceMaxValue\n            destinationMinValue\n            prettyDestinationMinValue\n            destinationMaxValue\n            prettyDestinationMaxValue\n            globalRewardKey\n            destinationUnit\n            steps {\n              sourceValue\n              prettySourceValue\n              destinationValue\n              prettyDestinationValue\n              available\n              globalRewardKey\n              unavailableReasonCode\n              rewardInput\n            }\n          }\n          totalCount\n        }\n      }\n    }\n  }\n"],["\n  query getExchangeList {\n    viewer {\n      ... on User {\n        visibleRewardExchangeItems(limit: 20, offset: 0) {\n          data {\n            key\n            name\n            description\n            imageUrl\n            available\n            unavailableReasonCode\n            ruleType\n            sourceUnit\n            sourceValue\n            prettySourceValue\n            sourceMinValue\n            prettySourceMinValue\n            sourceMaxValue\n            prettySourceMaxValue\n            destinationMinValue\n            prettyDestinationMinValue\n            destinationMaxValue\n            prettyDestinationMaxValue\n            globalRewardKey\n            destinationUnit\n            steps {\n              sourceValue\n              prettySourceValue\n              destinationValue\n              prettyDestinationValue\n              available\n              globalRewardKey\n              unavailableReasonCode\n              rewardInput\n            }\n          }\n          totalCount\n        }\n      }\n    }\n  }\n"]));var At=h.gql(__makeTemplateObject(["\n  mutation exchange($exchangeRewardInput: ExchangeRewardInput!) {\n    exchangeReward(exchangeRewardInput: $exchangeRewardInput) {\n      reward {\n        id\n        fuelTankCode\n      }\n    }\n  }\n"],["\n  mutation exchange($exchangeRewardInput: ExchangeRewardInput!) {\n    exchangeReward(exchangeRewardInput: $exchangeRewardInput) {\n      reward {\n        id\n        fuelTankCode\n      }\n    }\n  }\n"]));function Dt(e){var t,n,r,a,s;var d=u((function(e,t){return __assign(__assign({},e),t)}),{selectedItem:undefined,selectedStep:undefined,redeemStage:"chooseReward",amount:0,exchangeError:false}),c=d[0],f=d[1];var v=o(false),p=v[0],h=v[1];var y=c.selectedItem,w=c.selectedStep,x=c.redeemStage,_=c.amount,k=c.exchangeError;var C=g();var S=b(At),I=S[0],T=S[1],P=T.data,M=T.loading,R=T.errors;var N=m(qt,{},!(C===null||C===void 0?void 0:C.jwt)),L=N.data,V=N.loading,q=N.refetch,A=N.errors;i((function(){var e,t;if((t=(e=P===null||P===void 0?void 0:P.exchangeReward)===null||e===void 0?void 0:e.reward)===null||t===void 0?void 0:t.id){f({redeemStage:"success",exchangeError:false})}if(!!R){f({exchangeError:true})}}),[P,R]);var D=l();i((function(){if(!D.current)return;var e=D.current;e.confetti=e.confetti||Vt.create(e,{resize:true});e.confetti()}),[D.current]);var j=E().refresh;function U(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){switch(t.label){case 0:if(!y)return[2];e={accountId:C===null||C===void 0?void 0:C.accountId,userId:C.id};switch(y.ruleType){case"FIXED_GLOBAL_REWARD":e=__assign(__assign({},e),{redeemCreditInput:{amount:y.sourceValue,unit:y.sourceUnit},globalRewardKey:y.globalRewardKey});break;case"STEPPED_FIXED_GLOBAL_REWARD":e=__assign(__assign({},e),{redeemCreditInput:{amount:w.sourceValue,unit:y.sourceUnit},globalRewardKey:w.globalRewardKey});break;case"VARIABLE_GLOBAL_REWARD":e=__assign(__assign({},e),{redeemCreditInput:{amount:_,unit:y.sourceUnit},globalRewardKey:y.globalRewardKey,rewardInput:w.rewardInput});break;case"VARIABLE_CREDIT_REWARD":e=__assign(__assign({},e),{redeemCreditInput:{amount:_,unit:y.sourceUnit},rewardInput:{type:"CREDIT",unit:y.destinationUnit,assignedCredit:w.destinationValue}});break;default:e=__assign(__assign({},e),w.rewardInput)}return[4,I({exchangeRewardInput:e})];case 1:t.sent();j();return[2]}}))}))}var F=function(e){e&&q();f({amount:0,selectedStep:undefined,selectedItem:undefined,exchangeError:false,redeemStage:"chooseReward"})};function O(e){f({redeemStage:e})}function $(){var e,t;navigator.clipboard.writeText((t=(e=P===null||P===void 0?void 0:P.exchangeReward)===null||e===void 0?void 0:e.reward)===null||t===void 0?void 0:t.fuelTankCode);h(true);setTimeout((function(){return h(false)}),1e3)}return{states:{content:{text:e},selectedItem:y,redeemStage:x,amount:_,selectedStep:w,exchangeError:k,queryError:!!A,loading:V||M,open:p,noExchangeOptions:((t=L===null||L===void 0?void 0:L.viewer)===null||t===void 0?void 0:t.visibleRewardExchangeItems.totalCount)===0},data:{exchangeList:(r=(n=L===null||L===void 0?void 0:L.viewer)===null||n===void 0?void 0:n.visibleRewardExchangeItems)===null||r===void 0?void 0:r.data,fuelTankCode:(s=(a=P===null||P===void 0?void 0:P.exchangeReward)===null||a===void 0?void 0:a.reward)===null||s===void 0?void 0:s.fuelTankCode},callbacks:{exchangeReward:U,setExchangeState:f,setStage:O,resetState:F,copyFuelTankCode:$},refs:{canvasRef:D}}}var jt=e("sqm_reward_exchange_list",function(){function e(e){t(this,e);this.ignored=true;this.notAvailableError="{unavailableReasonCode, select, US_TAX {US Tax limit} INSUFFICIENT_REDEEMABLE_CREDIT {{sourceValue} required} AVAILABILITY_PREDICATE {Not available} other {{unavailableReasonCode}} }";this.chooseRewardTitle="Rewards";this.chooseAmountTitle="Select";this.confirmationTitle="Confirm";this.rewardTitle="Choose a reward";this.cancelText="Cancel";this.backText="Back";this.continueText="Continue";this.continueToConfirmationText="Continue to confirmation";this.redeemText="Redeem";this.redeemTitle="Confirm and redeem";this.redemptionSuccessText="Redeemed {sourceValue} for {destinationValue}";this.sourceAmountMessage="{ruleType, select, FIXED_GLOBAL_REWARD {{sourceValue}} other {{sourceMinValue} to {sourceMaxValue}}}";this.tooltipText="Copied";this.doneText="Done";this.selectText="Select amount to receive";this.queryError="Unable to load reward exchange list. Please try again";this.redemptionError="An error occured trying to redeem this reward. Please try again";this.notEnoughError="Not enough {sourceUnit} to redeem for this reward";this.rewardRedeemedText="Reward redeemed";this.promoCode="Promo Code";this.skeletonCardNum=8;this.rewardNameTitle="Reward";this.rewardAmountTitle="Reward Amount";this.costTitle="Cost to Redeem";a(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=__assign(__assign({},V(this)),{empty:n(Ut,null)});var t=v()?Ft(e):Dt(e),a=t.states,i=t.data,o=t.callbacks,s=t.refs;return n(r,{style:{display:"contents"}},n(ae,{states:a,data:i,callbacks:o,refs:s}))};Object.defineProperty(e,"assetsDirs",{get:function(){return["assets"]},enumerable:false,configurable:true});return e}());function Ut(){return n("slot",{name:"empty"},n("sqm-empty",{emptyStateImage:"https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_exchange2.png",emptyStateHeader:"Redeem rewards",emptyStateText:"Use your points to redeem rewards once they become available"}))}function Ft(e){return M({states:{content:{text:e},redeemStage:"chooseReward",amount:0,selectedStep:undefined,selectedItem:undefined,open:false,exchangeError:false,queryError:false,loading:false,noExchangeOptions:false,empty:Ut()},data:{shareCode:"SHARECODE123",exchangeList:re.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 Ot=d("sq:useRouter");function $t(e,t){if(!e)return;var n=ie(e);return n.exec(t)}function Ht(){var e=I();var t=p();var n=o(undefined),r=n[0],a=n[1];var s=o(undefined),l=s[0],d=s[1];var u=e.pathname;i((function(){var e=t.querySelectorAll("sqm-route");var n=Array.from(e);n.forEach((function(e){var t=document.createElement("template");t.setAttribute("path",e.path);t.innerHTML=e.innerHTML;e.parentNode.appendChild(t);e.parentNode.removeChild(e)}))}),[]);i((function(){var e,t;if(!l||!r){Ot("DOM not ready for navigation rendering on:",u);return}var n=r.querySelectorAll("template");var a=Array.from(n);var i=a.find((function(e){var t,n,r;var a=(n=(t=e.attributes)===null||t===void 0?void 0:t.path)===null||n===void 0?void 0:n.nodeValue;if((r=$t(a,u))===null||r===void 0?void 0:r.length)return e}));var o=(t=(e=i===null||i===void 0?void 0:i.attributes)===null||e===void 0?void 0:e.path)===null||t===void 0?void 0:t.nodeValue;Ot({containerDatasetPage:l.dataset.page,templatePath:o,page:u});if(!i){Ot("No matching page found for ",u,", so render nothing");l.innerHTML="";l.dataset.page=u;return}Ot("Page updated to ",u,i);if(!!$t(o,l.dataset.page)){Ot("don't rerender")}else if(i){l.innerHTML=i.innerHTML;l.dataset.page=u}}),[r,l,u]);return{callbacks:{setSlot:a,setContainer:d}}}var Bt="sqm-router{display:contents}";var zt=e("sqm_router",function(){function e(e){t(this,e);this.ignored=true;a(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=Ht().callbacks;return n(r,null,n("div",{ref:e.setSlot,style:{display:"none"}},n("slot",null)),n("div",{style:{display:"contents"},ref:e.setContainer}))};return e}());zt.style=Bt;var Wt="sq:reveal";function Kt(e){var t=e.scrollTagName,n=e.scrollId;function r(){return __awaiter(this,void 0,void 0,(function(){var r;return __generator(this,(function(a){switch(a.label){case 0:r=document===null||document===void 0?void 0:document.querySelector(t||"#"+n);r.dispatchEvent(new CustomEvent(Wt,{detail:t||"#"+n,bubbles:true,composed:true}));return[4,new Promise((function(e){return setTimeout(e,500)}))];case 1:a.sent();r.scrollIntoView({behavior:e.scrollAnimation});return[2]}}))}))}return{callbacks:{scroll:r}}}var Gt=e("sqm_scroll",function(){function e(e){t(this,e);this.ignored=true;this.buttonType="default";this.scrollAnimation="smooth";a(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e;var t=Kt(this).callbacks;var r=(e=this.buttonType)!==null&&e!==void 0?e:"primary";var a={Button:{"& .outline":{"&::part(base)":{color:"var(--sl-color-"+r+"-500)",borderColor:"var(--sl-color-"+r+"-500)",backgroundColor:"transparent","&:hover":{color:"var(--sl-color-primary-text)",backgroundColor:"var(--sl-color-"+r+"-500)"}}},"& .neutral":{"&::part(base)":{color:"var(--sl-color-primary-text)",background:"var(--sl-color-neutral-500)","&:hover":{opacity:"0.8"}}},"& .mobile":{"@media (max-width: 499px)":{width:"100%"}}}};var i=R(a);var o=i.toString();var s="\n\t\t:host{\n\t\t\tdisplay: contents;\n\t\t}\n\t\t"+(this.mobile&&"\n\t\t@media only screen and (max-width: 499px) {\n\t\t\t:host {\n\t\t\t\tdisplay: block;\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t}\n\t  ")+"\n\t";var l="";if(this.outline&&this.buttonType!="default")l+="outline ";if(this.buttonType==="neutral")l+="neutral ";if(this.mobile)l+="mobile ";return n("div",{class:i.classes.Button},n("style",{type:"text/css"},s,o),n("sl-button",{type:this.buttonType,onClick:t.scroll,size:this.size,pill:this.pill,circle:this.circle,class:l},(this.iconSlot||this.iconName)&&n("sl-icon",{slot:this.iconSlot||"prefix",name:this.iconName}),this.buttonText,n("slot",null)))};return e}());var Zt=":host{display:block}:host([hidden]){display:none}sl-button{display:block}";var Xt=e("sqm_share_button",function(){function e(e){t(this,e);this.type="default";this.iconslot="prefix";this.hideicon=false;this.hidetext=false;a(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=V(this);var t=v()?Yt(e):oe(e);return n(se,Object.assign({},t),n("slot",null))};return e}());function Yt(e){return M(__assign(__assign({},e),{loading:false,hide:false,onClick:function(){}}),e.demoData||{},{arrayMerge:function(e,t){return t}})}Xt.style=Zt;var Jt=h.gql(__makeTemplateObject(["\n  query ($programId: ID) {\n    user: viewer {\n      ... on User {\n        referralCode(programId: $programId)\n      }\n    }\n  }\n"],["\n  query ($programId: ID) {\n    user: viewer {\n      ... on User {\n        referralCode(programId: $programId)\n      }\n    }\n  }\n"]));var Qt=h.gql(__makeTemplateObject(["\n  mutation loadEvent($eventMeta: UserAnalyticsEvent!) {\n    createUserAnalyticsEvent(eventMeta: $eventMeta)\n  }\n"],["\n  mutation loadEvent($eventMeta: UserAnalyticsEvent!) {\n    createUserAnalyticsEvent(eventMeta: $eventMeta)\n  }\n"]));function en(e){var t,n;var r=y();var a=g();var i=T();var s=m(Jt,{programId:r},!(a===null||a===void 0?void 0:a.jwt)).data;var l=b(Qt)[0];var d=(n=(t=s===null||s===void 0?void 0:s.user)===null||t===void 0?void 0:t.referralCode)!==null&&n!==void 0?n:"...";var u=o(false),c=u[0],f=u[1];function v(){navigator.clipboard.writeText(d);f(true);setTimeout((function(){return f(false)}),e.tooltiplifespan);l({eventMeta:{programId:r,id:a===null||a===void 0?void 0:a.id,accountId:a===null||a===void 0?void 0:a.accountId,type:"USER_REFERRAL_PROGRAM_ENGAGEMENT_EVENT",meta:{engagementMedium:i,shareMedium:"DIRECT"}}})}return __assign(__assign({},e),{onClick:v,open:c,shareString:d})}var tn=e("sqm_share_code",function(){function e(e){t(this,e);this.tooltiptext="Copied to Clipboard";this.tooltiplifespan=1e3;a(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=V(this);var t=v()?nn(e):en(e);return n(le,Object.assign({},t))};return e}());function nn(e){var t=o(false),n=t[0],r=t[1];var a="SHARECODE001";return M({shareString:a,tooltiptext:e.tooltiptext,open:n,onClick:function(){navigator.clipboard.writeText(a);r(true);setTimeout((function(){return r(false)}),e.tooltiplifespan)}},e.demoData||{},{arrayMerge:function(e,t){return t}})}var rn=e("sqm_share_link",function(){function e(e){t(this,e);this.tooltiptext="Copied to Clipboard";this.tooltiplifespan=1e3;a(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=V(this);var t=v()?an(e):de(e);return n(le,Object.assign({},t))};return e}());function an(e){var t=o(false),n=t[0],r=t[1];var a="https://www.example.com/sharelink/abc";return M({shareString:a,tooltiptext:e.tooltiptext,open:n,onClick:function(){navigator.clipboard.writeText(a);r(true);setTimeout((function(){return r(false)}),e.tooltiplifespan)}},e.demoData||{},{arrayMerge:function(e,t){return t}})}var on=e("sqm_stat_container",function(){function e(e){t(this,e);this.ignored=true;this.space="xxx-large";this.display="grid";a(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){return n(ue,Object.assign({},V(this)),n("slot",null))};return e}());var sn=e("sqm_table_cell",function(){function e(e){t(this,e);this.colspan=1;this.padding="15px 10px"}e.prototype.render=function(){return n(r,{style:{display:"contents"}},n("td",{colSpan:this.colspan,style:{padding:this.padding}},n("slot",null)))};return e}());var ln=e("sqm_table_row",function(){function e(e){t(this,e);this.border="1px solid #EAEAEA"}e.prototype.render=function(){return n(r,{style:{display:"contents"}},n("tr",{style:{border:this.border}},n("slot",null)))};return e}());var dn=h.gql(__makeTemplateObject(["\n  mutation taskCardEvent($userEventInput: UserEventInput!) {\n    logUserEvent(userEventInput: $userEventInput) {\n      userId\n    }\n  }\n"],["\n  mutation taskCardEvent($userEventInput: UserEventInput!) {\n    logUserEvent(userEventInput: $userEventInput) {\n      userId\n    }\n  }\n"]));function un(e){var t=g();var n=w();var r=b(dn),a=r[0],o=r[1],s=o.data,l=o.loading;var d=E().refresh;i((function(){if(s){d();u()}}),[s]);function u(){e.openNewTab?window.open(e.buttonLink):window.open(e.buttonLink,"_parent")}function c(e){a({userEventInput:{userId:t===null||t===void 0?void 0:t.id,accountId:t===null||t===void 0?void 0:t.accountId,events:[{key:e,fields:{}}]}})}function f(){e.eventKey?c(e.eventKey):u()}return{states:{loadingEvent:l,locale:n},callbacks:{sendEvent:c,onClick:f}}}var cn=e("sqm_task_card",function(){function e(e){t(this,e);this.ignored=true;this.rewardAmount="0";this.rewardUnit="Points";this.cardTitle="Title Text";this.description="";this.repeatable=false;this.finite=0;this.showProgressBar=false;this.goal=1;this.steps=false;this.progressBarUnit="";this.expiryMessage="Ends {endDate}";this.startsOnMessage="Starts {startDate}";this.endedMessage="Ended {endDate}";this.completedText="Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}";this.buttonText="Complete Action";this.openNewTab=false;a(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=(v()?F(this):O(__assign(__assign({},V(this)),{programId:this.programId}))).props;var t=e.value,r=e.loading;var a=v()?fn(this):un(this),i=a.states,o=a.callbacks;return n(ce,{callbacks:o,states:{loading:r,loadingEvent:i.loadingEvent,progress:t,locale:i.locale},content:__assign({},V(this))})};return e}());function fn(e){return M({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 vn=e("sqm_timeline",function(){function e(e){t(this,e);this.ignored=true;this.icon="gift";a(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=this;var t=L();t.forEach((function(t){try{t.setIcon(e.icon)}catch(e){}}));var r="\n\t\t:host{\n\t\t\tdisplay: block;   \n\t\t}\n\n\t\t::slotted(*:not(:only-child):not(:last-child)) {\n\t\t\tmargin-bottom: var(--sl-spacing-xx-large);\n\t\t}\n\t";return n("div",null,n("style",{type:"text/css"},r),n("slot",null))};return e}());var pn=function(){return n("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{d:"M22.5 7.5H18.6761H13.5V24H20.75C21.3023 24 21.75 23.5523 21.75 23V22.5V13.5H22.5H23C23.5523 13.5 24 13.0523 24 12.5V12V9V8.5C24 7.94772 23.5523 7.5 23 7.5H22.5Z",fill:"#F2C94C"}),n("path",{d:"M2.25 22.5V23C2.25 23.5523 2.69772 24 3.25 24H10.5V7.5H6.96363H1.5H1C0.447715 7.5 0 7.94772 0 8.5V9V12V12.5C0 13.0523 0.447715 13.5 1 13.5H1.5H2.25V22.5Z",fill:"#F2C94C"}),n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M2.25 13.5V15H21.75V13.5H2.25Z",fill:"#BE9720"}),n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M21 4.06424C21 5.39348 19.0041 7.4062 18 7.5H13.5V24H10.5027V7.5H6.88188C4.8187 7.05273 3 5.46806 3 3.78109C3 2.1371 3.71404 0.835051 5.01276 0.273062C6.25382 -0.26398 7.68678 0.0304991 8.81964 0.817C10.2101 1.78237 10.9902 3.59446 11.6978 5.2384C11.7599 5.38268 11.8215 5.52566 11.8828 5.66667C11.9426 5.53298 12.0028 5.3969 12.0638 5.25912C12.7649 3.67422 13.5654 1.86488 14.9106 0.893444C16.0997 0.0347157 17.6114 -0.289736 18.9181 0.298417C20.2693 0.906596 21 2.3018 21 4.06424ZM15.9185 2.25C16.6392 1.72957 17.502 1.63518 18.2396 2.25C18.8819 2.78542 18.9162 3.03745 18.9987 3.64389L19.0133 3.75C19.0133 4.64776 18.2396 6 17.4659 6C16.9177 6 16.4871 5.99537 16.0836 5.99103C15.3479 5.98312 14.702 5.97618 13.5974 6C13.808 5.59179 13.9761 5.20003 14.1365 4.82641C14.5654 3.82715 14.9386 2.95763 15.9185 2.25ZM7.40792 2.25C7.05911 2.00783 6.25921 2.11591 5.92748 2.25945C5.65341 2.37805 5.24403 2.73987 5.24403 3.78109C5.24403 4.79286 6.88188 5.66667 6.88188 5.66667C6.88188 5.66667 8.18161 6 10.5027 6C9.71258 4.04177 8.59336 3.073 7.40792 2.25Z",fill:"#EB5757"}))};var hn=function(){return n("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("circle",{cx:"12",cy:"12",r:"9",fill:"currentColor",stroke:"currentColor","stroke-width":"2"}))};var gn={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 mn=R(gn);var bn=mn.toString();var yn="\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 wn(e){var t;var r=(t=e.icon)!==null&&t!==void 0?t:e.iconState;return n("div",{class:mn.classes.TimelineReward},n("style",{type:"text/css"},bn,yn),n("div",{class:"container"},n("div",{class:"line"},"/"),n("div",{class:"step"},r==="gift"&&n("div",{class:"icon"},n(pn,null)),r==="circle"&&n("div",{class:"icon"},n(hn,null)),n("div",null,n("div",null,n("span",{class:"reward"},e.reward),n("span",{class:"unit"},e.unit)),n("div",{class:"description"},e.desc)))))}var xn=e("sqm_timeline_entry",function(){function e(e){t(this,e);this.ignored=true;this.iconState="gift";a(this)}e.prototype.setIcon=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.iconState=e;return[2]}))}))};e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){N([this.reward]);return n(wn,Object.assign({},V(this)))};return e}());function _n(e){return n(r,null,e.loading?e.loadingText:e.username)}var kn=h.gql(__makeTemplateObject(["\n  query getUserName {\n    viewer {\n      ... on User {\n        firstName\n        lastName\n      }\n    }\n  }\n"],["\n  query getUserName {\n    viewer {\n      ... on User {\n        firstName\n        lastName\n      }\n    }\n  }\n"]));function Cn(e){var t,n,r,a,i,o,s,l;var d=g();var u=m(kn,{},!(d===null||d===void 0?void 0:d.jwt));var c=u.loading;var f=((n=(t=u.data)===null||t===void 0?void 0:t.viewer)===null||n===void 0?void 0:n.firstName)||((a=(r=u.data)===null||r===void 0?void 0:r.viewer)===null||a===void 0?void 0:a.lastName)?((o=(i=u.data)===null||i===void 0?void 0:i.viewer)===null||o===void 0?void 0:o.firstName)+" "+((l=(s=u.data)===null||s===void 0?void 0:s.viewer)===null||l===void 0?void 0:l.lastName):e.fallback;return{loadingText:e.loadingText,loading:c,username:f}}var Sn=e("sqm_user_name",function(){function e(e){t(this,e);this.ignored=true;this.fallback="Anonymous User";this.loadingText="...";a(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=v()?En(this):Cn(this);return n(_n,Object.assign({},e))};return e}());function En(e){return M({loading:false,loadingText:"...",username:"John Smith"},e.demoData||{},{arrayMerge:function(e,t){return t}})}}}}));

package/dist/types/components/sqm-checkbox-field/sqm-checkbox-field-view.d.ts

@@ -1,7 +1,7 @@
-import { ValidationErrors } from "../sqm-portal-register/useValidationState";
+import { RegistrationFormState } from "../sqm-portal-registration-form/useRegistrationFormState";
 export interface CheckboxFieldViewProps {
   states: {
-    validationErrors?: ValidationErrors;
+    registrationFormState?: RegistrationFormState;
     checked: boolean;
   };
   content: {

package/dist/types/components/sqm-checkbox-field/sqm-checkbox-field.d.ts

@@ -9,7 +9,6 @@ import { CheckboxFieldViewProps } from "./sqm-checkbox-field-view";
 export declare class CheckboxField {
   ignored: boolean;
   /**
-   * This name is used as the key for this form field on submission. The name must be unique within this specific form.
    * @uiName Checkbox Name Attribute
    * @required
    */

package/dist/types/components/sqm-checkbox-field/useCheckboxField.d.ts

@@ -1,6 +1,7 @@
+import { RegistrationFormState } from "../sqm-portal-registration-form/useRegistrationFormState";
 export declare function useCheckboxField(): {
   states: {
-    validationErrors: import("../sqm-portal-register/useValidationState").ValidationErrors;
+    registrationFormState: RegistrationFormState;
     checked: boolean;
   };
   callbacks: {

package/dist/types/components/sqm-divided-layout/sqm-divided-layout.d.ts

@@ -14,7 +14,7 @@ export declare class DividedLayout {
    */
   direction: "row" | "column";
   /**
-   * Uses Shorthand CSS border syntax allowing specification of thickness, fill style and color.
+   * Uses Shorthand CSS border syntax
    * @uiName Border Style
    */
   dividerStyle: string;

package/dist/types/components/sqm-dropdown-field/sqm-dropdown-field-view.d.ts

@@ -1,8 +1,8 @@
 import { VNode } from "../../stencil-public-runtime";
-import { ValidationErrors } from "../sqm-portal-register/useValidationState";
+import { RegistrationFormState } from "../sqm-portal-registration-form/useRegistrationFormState";
 export interface DropdownFieldViewProps {
   states: {
-    validationErrors?: ValidationErrors;
+    registrationFormState?: RegistrationFormState;
   };
   content: {
     dropdownName: string;

package/dist/types/components/sqm-dropdown-field/sqm-dropdown-field.d.ts

@@ -10,7 +10,6 @@ import { DropdownFieldViewProps } from "./sqm-dropdown-field-view";
 export declare class DropdownField {
   ignored: boolean;
   /**
-   * This name is used as the key for this form field on submission. The name must be unique within this specific form.
    * @uiName Dropdown Name Attribute
    * @required
    */

package/dist/types/components/sqm-dropdown-field/useDropdownField.d.ts

@@ -1,5 +1,6 @@
+import { RegistrationFormState } from "../sqm-portal-registration-form/useRegistrationFormState";
 export declare function useDropdownField(): {
   states: {
-    validationErrors: import("../sqm-portal-register/useValidationState").ValidationErrors;
+    registrationFormState: RegistrationFormState;
   };
 };

package/dist/types/components/sqm-input-field/sqm-input-field-view.d.ts

@@ -1,7 +1,7 @@
-import { ValidationErrors } from "../sqm-portal-register/useValidationState";
+import { RegistrationFormState } from "../sqm-portal-registration-form/useRegistrationFormState";
 export interface InputFieldViewProps {
   states: {
-    validationErrors?: ValidationErrors;
+    registrationFormState?: RegistrationFormState;
   };
   content: {
     fieldName: string;

package/dist/types/components/sqm-input-field/sqm-input-field.d.ts

@@ -9,7 +9,7 @@ import { InputFieldViewProps } from "./sqm-input-field-view";
 export declare class InputField {
   ignored: boolean;
   /**
-   * This name is used as the key for this form field on submission. The name must be unique within this specific form.
+   * Used as the key of the inputs value in form data.
    *
    * @uiName Input Name Attribute
    * @required

package/dist/types/components/sqm-input-field/useInputField.d.ts

@@ -1,5 +1,6 @@
+import { RegistrationFormState } from "../sqm-portal-registration-form/useRegistrationFormState";
 export declare function useInputField(): {
   states: {
-    validationErrors: import("../sqm-portal-register/useValidationState").ValidationErrors;
+    registrationFormState: RegistrationFormState;
   };
 };

package/dist/types/components/sqm-name-fields/sqm-name-fields-view.d.ts

@@ -1,8 +1,6 @@
-import { ValidationErrors } from "../sqm-portal-register/useValidationState";
 import { RegistrationFormState } from "../sqm-portal-registration-form/useRegistrationFormState";
 export interface NameFieldsViewProps {
   states: {
-    validationErrors?: ValidationErrors;
     registrationFormState?: RegistrationFormState;
     content: {
       firstNameLabel: string;

package/dist/types/components/sqm-name-fields/useNameFields.d.ts

@@ -2,7 +2,6 @@ import { RegistrationFormState } from "../sqm-portal-registration-form/useRegist
 import { NameFields } from "./sqm-name-fields";
 export declare function useNameFields(props: NameFields): {
   states: {
-    validationErrors: import("../sqm-portal-register/useValidationState").ValidationErrors;
     registrationFormState: RegistrationFormState;
     content: {
       lastNameLabel: string;

package/dist/types/components/sqm-password-field/sqm-password-field-view.d.ts

@@ -5,7 +5,6 @@ export interface PortalPasswordFieldViewProps {
     enableValidation: boolean;
     dynamicValidation: VNode | string;
     registrationFormState: RegistrationFormState;
-    validationErrors: Record<string, string>;
     content: {
       fieldLabel: string;
     };

package/dist/types/components/sqm-password-field/sqm-password-field.d.ts

@@ -3,7 +3,6 @@ export interface PasswordFieldViewDemoProps {
   initValue: string;
   states: {
     enableValidation: boolean;
-    validationErrors: Record<string, string>;
     registrationFormState: RegistrationFormState;
     content: {
       fieldLabel: string;

package/dist/types/components/sqm-portal-change-password/sqm-portal-change-password.d.ts

@@ -10,25 +10,25 @@ export declare class PortalChangePassword {
    */
   modalChangePasswordHeader: string;
   /**
-   * Found in modal
+   * Modal cancel button text
    *
    * @uiName Cancel Button Text
    */
   cancelText: string;
   /**
-   * Found in modal
+   * Modal change password button text
    *
    * @uiName Change Password Button Text
    */
   changePasswordButtonText: string;
   /**
-   * Found in modal
+   * Password input field label
    *
-   * @uiName New Password Field Label
+   * @uiName Password Label
    */
   passwordFieldLabel: string;
   /**
-   * Found in modal
+   * Password confirmation input field label
    *
    * @uiName Confirm Password Label
    */

package/dist/types/components/sqm-portal-email-verification/sqm-portal-email-verification.d.ts

@@ -6,9 +6,9 @@ import { PortalEmailVerificationViewProps } from "./sqm-portal-email-verificatio
 export declare class PortalEmailVerification {
   ignored: boolean;
   /**
-   * Redirect participants to this page from their verification email.
+   * The microsite page that participants are redirected to from the verification email.
    *
-   * @uiName Email Redirect
+   * @uiName Email Redirection Path
    * @uiWidget pageSelect
    */
   redirectPath: string;

package/dist/types/components/sqm-portal-forgot-password/sqm-portal-forgot-password.d.ts

@@ -6,9 +6,9 @@ import { PortalForgotPasswordViewProps } from "./sqm-portal-forgot-password-view
 export declare class PortalForgotPassword {
   ignored: boolean;
   /**
-   * Redirect participants to this page after they verify their email.
+   * The microsite page that participants are redirected to from the password reset email.
    *
-   * @uiName Email Redirect
+   * @uiName Email Redirection Path
    * @uiWidget pageSelect
    */
   redirectPath: string;

package/dist/types/components/sqm-portal-login/sqm-portal-login.d.ts

@@ -6,9 +6,9 @@ import { PortalLoginViewProps } from "./sqm-portal-login-view";
 export declare class PortalLogin {
   ignored: boolean;
   /**
-   * Redirect participants to this page after they successfully login.
+   * Page participants are navigated to after login.
    *
-   * @uiName Login Redirect
+   * @uiName Login Redirect Path
    * @uiWidget pageSelect
    */
   nextPage: string;
@@ -25,8 +25,7 @@ export declare class PortalLogin {
    */
   submitLabel: string;
   /**
-   * Redirect participants to this page to reset their password
-   * @uiName Forgot Password Redirect
+   * @uiName Forgot Password Redirect Path
    * @uiWidget pageSelect
    */
   forgotPasswordPath: string;
@@ -39,8 +38,7 @@ export declare class PortalLogin {
    */
   registerLabel: string;
   /**
-   * Redirect participants to this page to start registration.
-   * @uiName Register Button Redirect
+   * @uiName Register Button Redirect Path
    * @uiWidget pageSelect
    */
   registerPath: string;

package/dist/types/components/sqm-portal-logout/sqm-portal-logout.d.ts

@@ -4,7 +4,7 @@
 export declare class PortalLogout {
   ignored: boolean;
   /**
-   * Redirect participants to this page when they log out.
+   * Redirect participants to this path when they log out
    *
    * @uiName Logout Redirect Path
    * @uiWidget pageSelect

package/dist/types/components/sqm-portal-profile/sqm-portal-profile.d.ts

@@ -34,6 +34,8 @@ export declare class PortalProfile {
    */
   submitChangeButtonText: string;
   /**
+   * Show or hide the country field.
+   *
    * @uiName Hide Country Field
    */
   hideCountry: boolean;

package/dist/types/components/sqm-portal-protected-route/sqm-portal-protected-route.d.ts

@@ -5,7 +5,7 @@
 export declare class PortalProtectedRoute {
   ignored: boolean;
   /**
-   * Redirect participants to this page they are not logged in.
+   * Redirect participants to this path they are not logged in.
    *
    * @uiName Redirect Path
    */
@@ -15,7 +15,7 @@ export declare class PortalProtectedRoute {
    */
   requireEmailVerification: boolean;
   /**
-   * Redirect participants to this page when email verification is required but they have not verified their email.
+   * Redirect participants to this path when email verification is required but they have not verified their email.
    *
    * @uiName Unverified Participant Redirect Path
    */

package/dist/types/components/sqm-portal-register/sqm-portal-register-view.d.ts

@@ -1,12 +1,12 @@
 import { VNode } from "../../stencil-public-runtime";
-import { FormState } from "./useValidationState";
+import { RegistrationFormState } from "../sqm-portal-registration-form/useRegistrationFormState";
 export interface PortalRegisterViewProps {
   states: {
     error: string;
     loading: boolean;
     confirmPassword: boolean;
     hideInputs: boolean;
-    validationState?: FormState;
+    registrationFormState: RegistrationFormState;
     disablePasswordValidation?: boolean;
     loginPath: string;
   };

package/dist/types/components/sqm-portal-register/sqm-portal-register.d.ts

@@ -7,16 +7,16 @@ import { PortalRegisterViewProps } from "./sqm-portal-register-view";
 export declare class PortalRegister {
   ignored: boolean;
   /**
-   * Redirect participants to this page from their verification email
+   * Page participants are navigated to after registration.
    *
-   * @uiName Registration Redirect
+   * @uiName Registration Redirect Path
    * @uiWidget pageSelect
    */
   nextPage: string;
   /**
    * The page that participants are redirected to from the verification email.
    *
-   * @uiName Email Verification Redirect
+   * @uiName Email Redirection Path
    * @uiWidget pageSelect
    */
   redirectPath: string;
@@ -37,10 +37,12 @@ export declare class PortalRegister {
    */
   loginLabel: string;
   /**
-   * @uiName Confirm Password Field Label
+   * @uiName Confirm Password Label
    */
   confirmPasswordLabel: string;
   /**
+   * Show or hide the confirm password input.
+   *
    * @uiName Show Confirm Password Field
    */
   confirmPassword: boolean;
@@ -49,9 +51,9 @@ export declare class PortalRegister {
    */
   disablePasswordValidation: boolean;
   /**
-   * Hides the email and password fields. Note: If you hide default inputs, you must add additional input fields. They must have the input name attributes "email" and "password" for this form to succeed.
+   * Hide default input fields to use custom fields.
    *
-   * @uiName Hide Default Fields
+   * @uiName Hide Default Inputs
    */
   hideInputs: boolean;
   /**
@@ -59,9 +61,9 @@ export declare class PortalRegister {
    */
   pageLabel: string;
   /**
-   * Redirect participants to this page after clicking the login button.
+   * Login button redirection path.
    *
-   * @uiName Login Redirect
+   * @uiName Login Redirect Path
    * @uiWidget pageSelect
    */
   loginPath: string;

package/dist/types/components/sqm-portal-register/usePortalRegister.d.ts

@@ -8,7 +8,7 @@ export declare function usePortalRegister(props: PortalRegister): {
   states: {
     loading: boolean;
     error: string;
-    validationState: import("./useValidationState").FormState;
+    registrationFormState: import("../sqm-portal-registration-form/useRegistrationFormState").RegistrationFormState;
     confirmPassword: boolean;
     hideInputs: boolean;
     loginPath: string;

package/dist/types/components/sqm-portal-registration-form/sqm-portal-registration-form-view.d.ts

@@ -1,5 +1,4 @@
 import { VNode } from "../../stencil-public-runtime";
-import { FormState } from "../sqm-portal-register/useValidationState";
 import { RegistrationFormState } from "./useRegistrationFormState";
 export interface PortalRegistrationFormViewProps {
   states: {
@@ -7,7 +6,6 @@ export interface PortalRegistrationFormViewProps {
     loading: boolean;
     confirmPassword: boolean;
     hideInputs: boolean;
-    validationState?: FormState;
     registrationFormState?: RegistrationFormState;
     enablePasswordValidation?: boolean;
     loginPath: string;