@saasquatch/mint-components 1.15.0-4 → 1.15.0-41

package/dist/esm-es5/sqm-big-stat_42.entry.js

@@ -0,0 +1 @@
+var __extends=this&&this.__extends||function(){var e=function(t,r){e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)if(Object.prototype.hasOwnProperty.call(t,r))e[r]=t[r]};return e(t,r)};return function(t,r){e(t,r);function n(){this.constructor=t}t.prototype=r===null?Object.create(r):(n.prototype=r.prototype,new n)}}();var __makeTemplateObject=this&&this.__makeTemplateObject||function(e,t){if(Object.defineProperty){Object.defineProperty(e,"raw",{value:t})}else{e.raw=t}return e};var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++){t=arguments[r];for(var a in t)if(Object.prototype.hasOwnProperty.call(t,a))e[a]=t[a]}return e};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(e,t,r,n){function a(e){return e instanceof r?e:new r((function(t){t(e)}))}return new(r||(r=Promise))((function(r,o){function i(e){try{l(n.next(e))}catch(e){o(e)}}function s(e){try{l(n["throw"](e))}catch(e){o(e)}}function l(e){e.done?r(e.value):a(e.value).then(i,s)}l((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var r={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},n,a,o,i;return i={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function s(e){return function(t){return l([e,t])}}function l(i){if(n)throw new TypeError("Generator is already executing.");while(r)try{if(n=1,a&&(o=i[0]&2?a["return"]:i[0]?a["throw"]||((o=a["return"])&&o.call(a),0):a.next)&&!(o=o.call(a,i[1])).done)return o;if(a=0,o)i=[i[0]&2,o.value];switch(i[0]){case 0:case 1:o=i;break;case 4:r.label++;return{value:i[1],done:false};case 5:r.label++;a=i[1];i=[0];continue;case 7:i=r.ops.pop();r.trys.pop();continue;default:if(!(o=r.trys,o=o.length>0&&o[o.length-1])&&(i[0]===6||i[0]===2)){r=0;continue}if(i[0]===3&&(!o||i[1]>o[0]&&i[1]<o[3])){r.label=i[1];break}if(i[0]===6&&r.label<o[1]){r.label=o[1];o=i;break}if(o&&r.label<o[2]){r.label=o[2];r.ops.push(i);break}if(o[2])r.ops.pop();r.trys.pop();continue}i=t.call(e,r)}catch(e){i=[6,e];a=0}finally{n=o=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};var __spreadArrays=this&&this.__spreadArrays||function(){for(var e=0,t=0,r=arguments.length;t<r;t++)e+=arguments[t].length;for(var n=Array(e),a=0,t=0;t<r;t++)for(var o=arguments[t],i=0,s=o.length;i<s;i++,a++)n[a]=o[i];return n};import{r as registerInstance,h as h$1,c as Host}from"./index-91e7729f.js";import{n as h,f as useEffect,k as useState,i as d,u as useMemo,m as useRef,b as browser,j as useReducer}from"./stencil-hooks.module-4bc38af4.js";import{i as intl}from"./global-632fb2fa.js";import{i as isDemo,_ as _$1,d as dist,J,H,$ as $e,w as wn,B,L,y as yn,j as jn,r as Ue,V as Ve,u as useCallback,Q as Qe,k as kn}from"./index.module-89a79f66.js";import{j as jsonpointer}from"./jsonpointer-388a7082.js";import{c as cjs}from"./cjs-bdfb4486.js";import{g as getProps,a as getMissingProps}from"./utils-334c1e34.js";import{c as createStyleSheet}from"./JSS-67b5cff8.js";import"./useReferralCodes-8f75921a.js";import"./mixins-f750863a.js";import{C as CopyTextView}from"./copy-text-view-4a207b17.js";import{a as useRequestRerender}from"./re-render-cc945f38.js";import{u as useChildElements}from"./useChildElements-7945ae56.js";import"./luxon-8d51c92b.js";import"./sqm-text-span-view-cd3902e5.js";import{p as pathToRegexp}from"./index-ffa26b43.js";import{R as REGISTRATION_FORM_STATE_CONTEXT,u as useRegistrationFormState}from"./useRegistrationFormState-d6f33135.js";import{P as PortalLoginView}from"./sqm-portal-login-view-e870b4b0.js";import{u as usePortalLogin}from"./usePortalLogin-ef647a50.js";import{A as AsYouType}from"./AsYouType-46f67d0d.js";import{i as isEmpty}from"./utilities-5b0ca040.js";import{u as useDemoBigStat,Q as useBigStat,B as BigStatView,C as CardFeedView,c as CheckboxFieldView,e as CouponCodeView,D as DropdownFieldView,E as EditProfileView,H as HeroView,I as InputFieldView,U as withShadowView,L as LeaderboardView,N as NameFieldsView,f as ChangeMarktingView,P as PortalChangePasswordView,g as PortalFooterView,h as PortalFrameView,d as PortalRegisterView,R as ReferralIframeView,V as demoRewardExchange,i as RewardExchangeView,G as useShareButton,a as ShareButtonView,J as useShareLink,S as StatContainerView,T as TaskCardView}from"./ShadowViewAddon-d8cfd6c7.js";import"./sqm-portal-container-view-1683ae32.js";import{u as usePayoutStatus}from"./usePayoutStatus-fed17fc9.js";var Default="\n // No CSS\n";var Netflix="\n:root{\n    --sqm-portal-background: #101010 !important;\n      --sqm-text: white;\n\n          --sqm-accent-color-icon: #E50914;\n    }\n";var Amazon="\n:root{\n    --sqm-portal-background: #ffffff !important;\n    --sqm-text: #2f2f2f;\n    --sqm-border-color: #d5d9d9;\n\n    --sqm-accent-color-icon: #FF9900;\n}\n";var Spotify="\n:root{\n    --sqm-portal-background: #121212 !important;\n      --sqm-text: white;\n}\n";var Google="\n:root{\n    --sqm-portal-background: #ffffff !important;\n    --sqm-text: #212124;\n    --sqm-border-color: #E0E0E0;\n\n        --sqm-accent-color-icon: #4285F4;\n    \n}\n";var Themes=Object.freeze({__proto__:null,Default:Default,Netflix:Netflix,Amazon:Amazon,Spotify:Spotify,Google:Google});var BigStat=function(){function e(e){registerInstance(this,e);this.flexReverse=false;this.alignment="center";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=_$1();var o=!!((e=a.innerHTML)===null||e===void 0?void 0:e.trim());var i=h$1("slot",{name:"label"},o?h$1("slot",null):n);return h$1(BigStatView,Object.assign({},r,{labelSlot:i}))};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}function t(e,t,r){return Math.min(Math.max(e,r),t)}var n=function(e){__extends(t,e);function t(t){return e.call(this,'Failed to parse color: "'+t+'"')||this}return t}(Error);function r(e){if("string"!=typeof e)throw new n(e);if("transparent"===e.trim().toLowerCase())return[0,0,0,0];var r=e.trim();r=u.test(e)?function(e){var t=e.toLowerCase().trim(),r=o[function(e){var t=5381,r=e.length;for(;r;)t=33*t^e.charCodeAt(--r);return(t>>>0)%2341}(t)];if(!r)throw new n(e);return"#"+r}(e):e;var d=s.exec(r);if(d){var h=Array.from(d).slice(1);return __spreadArrays(h.slice(0,3).map((function(e){return parseInt(_(e,2),16)})),[parseInt(_(h[3]||"f",2),16)/255])}var p=i.exec(r);if(p){var m=Array.from(p).slice(1);return __spreadArrays(m.slice(0,3).map((function(e){return parseInt(e,16)})),[parseInt(m[3]||"ff",16)/255])}var f=a.exec(r);if(f){var g=Array.from(f).slice(1);return __spreadArrays(g.slice(0,3).map((function(e){return parseInt(e,10)})),[parseFloat(g[3]||"1")])}var v=c.exec(r);if(v){var b=Array.from(v).slice(1).map(parseFloat),y=b[0],x=b[1],w=b[2],k=b[3];if(t(0,100,x)!==x)throw new n(e);if(t(0,100,w)!==w)throw new n(e);return __spreadArrays(l(y,x,w),[k||1])}throw new n(e)}var e=function(e){return parseInt(e.replace(/_/g,""),36)},o="1q29ehhb 1n09sgk7 1kl1ekf_ _yl4zsno 16z9eiv3 1p29lhp8 _bd9zg04 17u0____ _iw9zhe5 _to73___ _r45e31e _7l6g016 _jh8ouiv _zn3qba8 1jy4zshs 11u87k0u 1ro9yvyo 1aj3xael 1gz9zjz0 _3w8l4xo 1bf1ekf_ _ke3v___ _4rrkb__ 13j776yz _646mbhl _nrjr4__ _le6mbhl 1n37ehkb _m75f91n _qj3bzfz 1939yygw 11i5z6x8 _1k5f8xs 1509441m 15t5lwgf _ae2th1n _tg1ugcv 1lp1ugcv 16e14up_ _h55rw7n _ny9yavn _7a11xb_ 1ih442g9 _pv442g9 1mv16xof 14e6y7tu 1oo9zkds 17d1cisi _4v9y70f _y98m8kc 1019pq0v 12o9zda8 _348j4f4 1et50i2o _8epa8__ _ts6senj 1o350i2o 1mi9eiuo 1259yrp0 1ln80gnw _632xcoy 1cn9zldc _f29edu4 1n490c8q _9f9ziet 1b94vk74 _m49zkct 1kz6s73a 1eu9dtog _q58s1rz 1dy9sjiq __u89jo3 _aj5nkwg _ld89jo3 13h9z6wx _qa9z2ii _l119xgq _bs5arju 1hj4nwk9 1qt4nwk9 1ge6wau6 14j9zlcw 11p1edc_ _ms1zcxe _439shk6 _jt9y70f _754zsow 1la40eju _oq5p___ _x279qkz 1fa5r3rv _yd2d9ip _424tcku _8y1di2_ _zi2uabw _yy7rn9h 12yz980_ __39ljp6 1b59zg0x _n39zfzp 1fy9zest _b33k___ _hp9wq92 1il50hz4 _io472ub _lj9z3eo 19z9ykg0 _8t8iu3a 12b9bl4a 1ak5yw0o _896v4ku _tb8k8lv _s59zi6t _c09ze0p 1lg80oqn 1id9z8wb _238nba5 1kq6wgdi _154zssg _tn3zk49 _da9y6tc 1sg7cv4f _r12jvtt 1gq5fmkz 1cs9rvci _lp9jn1c _xw1tdnb 13f9zje6 16f6973h _vo7ir40 _bt5arjf _rc45e4t _hr4e100 10v4e100 _hc9zke2 _w91egv_ _sj2r1kk 13c87yx8 _vqpds__ _ni8ggk8 _tj9yqfb 1ia2j4r4 _7x9b10u 1fc9ld4j 1eq9zldr _5j9lhpx _ez9zl6o _md61fzm".split(" ").reduce((function(t,r){var n=e(r.substring(0,3)),a=e(r.substring(3)).toString(16);var o="";for(var i=0;i<6-a.length;i++)o+="0";return t[n]=""+o+a,t}),{}),_=function(e,t){return Array.from(Array(t)).map((function(){return e})).join("")},s=new RegExp("^#"+_("([a-f0-9])",3)+"([a-f0-9])?$","i"),i=new RegExp("^#"+_("([a-f0-9]{2})",3)+"([a-f0-9]{2})?$","i"),a=new RegExp("^rgba?\\(\\s*(\\d+)\\s*"+_(",\\s*(\\d+)\\s*",2)+"(?:,\\s*([\\d.]+))?\\s*\\)$","i"),c=/^hsla?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%(?:\s*,\s*([\d.]+))?\s*\)$/i,u=/^[a-z]+$/i,f=function(e){return Math.round(255*e)},l=function(e,t,r){var n=r/100;if(0===t)return[n,n,n].map(f);var a=(e%360+360)%360/60,o=(1-Math.abs(2*n-1))*(t/100),i=o*(1-Math.abs(a%2-1));var s=0,l=0,d=0;a>=0&&a<1?(s=o,l=i):a>=1&&a<2?(s=i,l=o):a>=2&&a<3?(l=o,d=i):a>=3&&a<4?(l=i,d=o):a>=4&&a<5?(s=i,d=o):a>=5&&a<6&&(s=o,d=i);var u=n-o/2;return[s+u,l+u,d+u].map(f)};function p(e){var t=r(e).map((function(e,t){return 3===t?e:e/255})),n=t[0],a=t[1],o=t[2],i=t[3],s=Math.max(n,a,o),l=Math.min(n,a,o),d=(s+l)/2;if(s===l)return[0,0,d,i];var u=s-l;return[60*(n===s?(a-o)/u+(a<o?6:0):a===s?(o-n)/u+2:(n-a)/u+4),d>.5?u/(2-s-l):u/(s+l),d,i]}function z(e,r,n,a){return"hsla("+(e%360).toFixed()+", "+t(0,100,100*r).toFixed()+"%, "+t(0,100,100*n).toFixed()+"%, "+parseFloat(t(0,1,a).toFixed(3))+")"}var colorScale=[50,100,200,300,400,500,600,700,800,900,950];var lScale=[.95,.86,.76,.66,.56,.46,.39,.32,.25,.18,.15];var hslaRegex=/^hsla?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%(?:\s*,\s*([\d.]+))?\s*\)$/i;function niceParseToHsla(e){var r=e.trim();var a=hslaRegex.exec(r);if(a){var o=Array.from(a).slice(1).map(parseFloat),i=o[0],s=o[1],l=o[2],d=o[3];if(t(0,100,s)!==s)throw new n(e);if(t(0,100,l)!==l)throw new n(e);return[i,s/100,l,d||1]}return p(e)}function generateScale(e,t){if(t===void 0){t="primary"}var r=niceParseToHsla(e),n=r[0],a=r[1],o=r[2],i=r[3];return lScale.map((function(e){return z(n,a,e,i)})).map((function(e,r){return"--sl-color-"+t+"-"+colorScale[r]+": "+e+";\n"}))}function autoColorScaleCss(e,t){if(t===void 0){t="primary"}return generateScale(e,t).join("\n")}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 o=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: "'+o+'", arial;\n            --sl-input-font-family: "'+o+'", arial;\n            --sl-tooltip-font-family: "'+o+'", arial;\n            font-family:  "'+o+'", arial;\n\t\t\t\n            '+n+"\n\n            --sl-focus-ring-color-primary: var(--sl-color-primary-100);\n            --sl-input-border-color-focus: var(--sl-color-primary-500);\n            --sl-color-primary-hue: var(--sl-color-primary-500);\n          }"),h$1("slot",null))};return e}();var SqmBrandSelector=function(){function e(e){registerInstance(this,e);this.brands=[{name:"Netflix",logoUrl:"https://res.cloudinary.com/saasquatch-staging/image/upload/v1750803365/netflix_ftjbrr.png"},{name:"Amazon",logoUrl:"https://res.cloudinary.com/saasquatch-staging/image/upload/v1750803366/amazon_mc22fr.png"},{name:"Spotify",logoUrl:"https://res.cloudinary.com/saasquatch-staging/image/upload/v1750803510/spotify_j5qi1r.png"},{name:"Google",logoUrl:"https://res.cloudinary.com/saasquatch-staging/image/upload/v1750803168/pngimg.com_-_google_PNG19644_jvypwl.png"}];h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=useState("Default"),t=e[0],r=e[1];var n=Themes[t];var a=function(e){r(e)};return h$1(Host,null,h$1("style",null,"\n          @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');\n\n          :host {\n            display: block; /* Ensure the custom element itself is a block-level element */\n            font-family: 'Inter', sans-serif;\n          }\n\n          .card-container {\n            background-color: #fff !important; \n            border-radius: 18px; \n            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); \n            width: 100%;\n            max-width: 500px;\n            overflow: hidden;\n            padding: 20px 10px;\n            position: absolute;\n            top: 0;\n            right: 0;\n            z-index: 999999;\n          }\n\n          .card-heading {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            padding-bottom: 10px;\n            color: black;\n            margin: 0;\n          }\n\n          .segmented-control-container {\n            display: flex;\n            background-color: #e5e7eb !important; \n            border-radius: 9999px; \n            padding: 0.25rem; \n            margin-left: auto;\n            margin-right: auto;\n            max-width: 28rem;\n            box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.05); \n          }\n\n          .brand-segment {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            flex: 1;\n            padding 4px 8px\n            cursor: pointer;\n            transition: all 300ms ease-in-out;\n            border-radius: 9999px;\n            color: #4b5563; \n            cursor: pointer;\n          }\n\n          .brand-segment:hover {\n            background-color: #f3f4f6 !important;\n          }\n\n          .brand-segment.active {\n            background-color: #fff !important;\n            color: #1f2937; \n            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);\n          }\n\n          .brand-logo {\n            height: 40px;\n            width: 40px; \n            object-fit: contain;\n          }\n\n          .brand-name {\n            font-size: 0.75rem; \n            line-height: 1rem; \n            font-weight: 600; \n            color: #4b5563;\n          }\n\n          .brand-segment.active .brand-name {\n            color: #1f2937; \n          }\n\n          .content-area {\n            padding: 2rem; \n          }\n\n          .selected-text {\n            color: #4b5563; \n            text-align: center;\n            font-size: 1.125rem; \n            line-height: 1.75rem; \n          }\n\n          .selected-brand-name {\n            font-weight: 700; /* font-bold */\n            color: #6d28d9; /* text-purple-700 */\n          }\n\n          .dynamic-content-box {\n            margin-top: 1.5rem; /* mt-6 */\n            padding: 1rem; /* p-4 */\n            background-color: #f9fafb; /* bg-gray-50 */\n            border-radius: 0.5rem; /* rounded-lg */\n            color: #374151; /* text-gray-700 */\n            font-size: 0.875rem; /* text-sm */\n            line-height: 1.25rem; /* text-sm */\n            font-style: italic;\n          }\n\n          /* Responsive adjustments for smaller screens if needed */\n          @media (max-width: 640px) {\n              .segmented-control-container {\n                  max-width: 100%; /* Allows it to take full width on small screens */\n                  padding: 0.15rem; /* Slightly less padding */\n              }\n              .brand-segment {\n                  padding-left: 0.5rem;\n                  padding-right: 0.5rem;\n              }\n              .brand-logo {\n                  height: 1.8rem; /* Slightly smaller on mobile */\n              }\n          }\n          "),h$1("style",null,n),h$1("div",{class:"card-container"},h$1("h2",{class:"card-heading"},"Select Branding"),h$1("div",{class:"segmented-control-container"},this.brands.map((function(e){return h$1("div",{key:e.name,class:"brand-segment "+(t===e.name?"active":""),onClick:function(){return a(e.name)}},h$1("img",{src:e.logoUrl,alt:e.name+" Logo",class:"brand-logo",onError:function(e){e.target.src="https://placehold.co/80x40/cccccc/000000?text=Logo"}}))})))))};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,o=e.subheading,i=o===void 0?"There was a technical problem that prevented this section from loading. Please contact us with the link to this page.":o,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=_$1();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:i}))),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],o=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]){o(!!((n=r===null||r===void 0?void 0:r.initialData)===null||n===void 0?void 0:n[e.checkboxName]))}}),[(t=r===null||r===void 0?void 0:r.initialData)===null||t===void 0?void 0:t[e.checkboxName]]);return{states:{registrationFormState:r,checked:a},callbacks:{setChecked:o}}}var 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}})}var FuelTankRewardsQuery=dist.gql(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  query fuelTankRewardsQuery($programId: ID!) {\n    user: viewer {\n      ... on User {\n        instantAccessRewards(\n          filter: { type_eq: FUELTANK, programId_eq: $programId }\n        ) {\n          data {\n            fuelTankCode\n            fuelTankType\n            statuses\n            dateGiven\n            dateExpires\n            dateRedeemed\n            dateCancelled\n            dateScheduledFor\n            datePendingForUnhandledError\n          }\n          count\n          totalCount\n        }\n      }\n    }\n  }\n"],["\n  query fuelTankRewardsQuery($programId: ID!) {\n    user: viewer {\n      ... on User {\n        instantAccessRewards(\n          filter: { type_eq: FUELTANK, programId_eq: $programId }\n        ) {\n          data {\n            fuelTankCode\n            fuelTankType\n            statuses\n            dateGiven\n            dateExpires\n            dateRedeemed\n            dateCancelled\n            dateScheduledFor\n            datePendingForUnhandledError\n          }\n          count\n          totalCount\n        }\n      }\n    }\n  }\n"])));var WIDGET_ENGAGEMENT_EVENT=dist.gql(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  mutation loadEvent($eventMeta: UserAnalyticsEvent!) {\n    createUserAnalyticsEvent(eventMeta: $eventMeta)\n  }\n"],["\n  mutation loadEvent($eventMeta: UserAnalyticsEvent!) {\n    createUserAnalyticsEvent(eventMeta: $eventMeta)\n  }\n"])));function useCouponCode(e){var t,r,n;var a=J();var o=H();var i=B();var s=$e(WIDGET_ENGAGEMENT_EVENT)[0];var l=wn(FuelTankRewardsQuery,{programId:o},!(a===null||a===void 0?void 0:a.jwt)),d=l.data,u=l.loading,c=l.refetch,h=l.errors;var p=function(e){if(!e||!e.statuses)return"ERROR";var t=e.statuses[e.statuses.length-1];if(t==="PENDING"&&e.dateScheduledFor===null)return"EMPTY_TANK";return t};var m=(n=(r=(t=d===null||d===void 0?void 0:d.user)===null||t===void 0?void 0:t.instantAccessRewards)===null||r===void 0?void 0:r.data)===null||n===void 0?void 0:n[0];var f=p(m);var g=f==="PENDING"&&m.dateScheduledFor?new Date(m.dateScheduledFor).toLocaleDateString("default",{day:"numeric",month:"long",year:"numeric"}):undefined;var v=(m===null||m===void 0?void 0:m.fuelTankCode)||"...";var b=useState(false),y=b[0],x=b[1];function w(){navigator.clipboard.writeText(v);x(true);setTimeout((function(){return x(false)}),e.tooltiplifespan);s({eventMeta:{programId:o,id:a===null||a===void 0?void 0:a.id,accountId:a===null||a===void 0?void 0:a.accountId,type:"USER_REFERRAL_PROGRAM_ENGAGEMENT_EVENT",meta:{engagementMedium:i,shareMedium:"DIRECT"}}})}var _=function(t){switch(t){case"CANCELLED":return e.cancelledErrorText;case"EXPIRED":return e.expiredErrorText;case"EMPTY_TANK":return e.fullfillmentErrorText;case"PENDING":return e.pendingErrorText.replace("{unpendDate}",g);case"REDEEMED":return e.redeemedErrorText;case"AVAILABLE":return"";default:return e.genericErrorText}};var k=function(e){switch(e){case"EXPIRED":case"EMPTY_TANK":case"CANCELLED":case"ERROR":return"warning";case"PENDING":return"info";case"REDEEMED":return"success";default:return}};var C=_(f);var E=k(f);var T=f!=="AVAILABLE";return __assign(__assign({},e),{onClick:w,open:y,copyString:v,error:T,errorText:C,dateAvailable:g,loading:u,errorType:E,buttonType:e.buttonType||"primary"})}var CouponCode=function(){function e(e){registerInstance(this,e);this.tooltiptext="Copied to Clipboard";this.tooltiplifespan=1e3;this.textAlign="left";this.copyButtonLabel="Copy Coupon";this.buttonStyle="icon";this.couponCodeLabel="Your coupon code:";this.cancelledErrorText="This code has been cancelled. Please reach out to the Support team for help resolving this issue.";this.redeemedErrorText="Looks like you’ve already redeemed this code.";this.expiredErrorText="Looks like this code has expired. Please reach out to the Support team for help resolving this issue.";this.fullfillmentErrorText="We couldn't fetch your code. Please try again later or reach out to the Support team for help resolving this issue.";this.pendingErrorText="Your code will be available on {unpendDate}. Mark your calendar and come back then to redeem your reward!";this.genericErrorText="We couldn't fetch your code. Please try again later or reach out to the Support team for help resolving this issue.";this.couponCodePlaceholder="...";this.buttonType="primary";h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=getProps(this);var t=isDemo()?useDemoCouponCode(e):useCouponCode(e);return h$1(CouponCodeView,Object.assign({},t))};return e}();function useDemoCouponCode(e){var t=useState(false),r=t[0],n=t[1];var a="THANKSJANE125uv125";return cjs({copyString:a,tooltiptext:e.tooltiptext,textAlign:e.textAlign,buttonStyle:e.buttonStyle,copyButtonLabel:e.copyButtonLabel,error:false,couponCodePlaceholder:e.couponCodePlaceholder,couponCodeLabel:e.couponCodeLabel,borderColor:e.borderColor,backgroundColor:e.backgroundColor,textColor:e.textColor,borderRadius:e.borderRadius,buttonType:e.buttonType,open:r,onClick:function(){navigator.clipboard.writeText(a);n(true);setTimeout((function(){return n(false)}),e.tooltiplifespan)}},e.demoData||{},{arrayMerge:function(e,t){return t}})}function DividedLayoutView(e,t){var r=function(){if(e.direction==="row"){return{"border-right":e.borderless?"none":"1px solid "+(e.borderColor||"var(--sqm-text)")}}else{return{"border-bottom":e.borderless?"none":"1px solid "+(e.borderColor||"var(--sqm-text)")}}};var n={LayoutContainer:{background:e.backgroundColor,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-portal-background);\n    color: var(--sqm-text);\n    overflow-x: clip;\n    "+(e.direction==="column"?"width: 100%; max-width: 100%":"")+"\n    "+(e.contentAreaWidth!==null?"max-width: "+e.contentAreaWidth+" !important;":"")+"\n  ";var o="\n  :host{\n    "+a+"\n  }\n  @media screen and (max-width: 570px) {\n    :host {\n      display: flex;\n      flex-direction: column;\n    }\n  }\n  sqm-divided-layout {\n    "+a+"\n  }\n  ";var i=createStyleSheet(n);var s=i.toString();return h$1("div",{class:i.classes.LayoutContainer,part:"sqm-base"},h$1("style",{type:"text/css"},o,s),t)}var DividedLayout=function(){function e(e){registerInstance(this,e);this.dividerStyle="1px solid #EAEAEA";this.backgroundColor="#FFFFFF";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_3||(templateObject_3=__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_4||(templateObject_4=__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=J();var r=useState(false),n=r[0],a=r[1];var o=useState(""),i=o[0],s=o[1];var l=useState(undefined),d=l[0],u=l[1];var c=useState(defaultFormState),h=c[0],p=c[1];var m=wn(GET_USER,{},!(t===null||t===void 0?void 0:t.jwt));var f=$e(UPSERT_USER),g=f[0],v=f[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){p((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 t;if((t=v===null||v===void 0?void 0:v.errors)===null||t===void 0?void 0:t.message){p((function(t){return __assign(__assign({},t),{error:e.networkErrorMessage})}))}}),[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,fieldEmptyText:e.fieldEmptyText}},callbacks:{onSubmit:function(){if(h.firstName&&h.lastName){g({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});p((function(e){return __assign(__assign({},e),{errors:{}})}));return}var r={};if(!h.firstName){r["firstName"]={message:e.fieldEmptyText}}if(!h.lastName){r["lastName"]={message:e.fieldEmptyText}}if(!isEmpty(r)){p((function(t){return __assign(__assign({},t),{error:e.formErrorText})}))}p((function(e){return __assign(__assign({},e),{errors:r})}))},resetForm:function(){var e,t,r,n,a,o;var i=((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));p(__assign(__assign(__assign(__assign({},defaultFormState),(a=m.data)===null||a===void 0?void 0:a.viewer),(o=v.data)===null||o===void 0?void 0:o.upsertUser),{currentRegion:i}))},onChange:function(e){var t=e.target,r=t.name,n=t.value;p((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;this.networkErrorMessage="Network request failed.";this.fieldEmptyText="Cannot be empty";this.formErrorText="Please correct the errors below to update your profile.";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,fieldEmptyText:e.fieldEmptyText}},callbacks:{onSubmit:function(e){console.log(e)},resetForm:function(){console.log("reset")},onChange:function(){console.log("change")},setShowEdit:function(e){console.log(e)}}},e.demoData||{},{arrayMerge:function(e,t){return t}})}EditProfile.style=sqmEditProfileCss;var Hero=function(){function e(e){registerInstance(this,e);this.columns=1;this.minHeight=200;this.background="var(--sl-color-gray-50)";this.paddingSize="large";this.wrapDirection="wrap";h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e={states:__assign({},getProps(this)),content:{primaryColumn:h$1("slot",null),secondaryColumn:h$1("slot",{name:"secondary-column"})}};return h$1(HeroView,Object.assign({},e))};return e}();function HeroImageView(e,t){var r=Boolean((e.header||e.description||e.buttonText)&&e.layout==="overlay");console.log("buttonType is ",e.buttonType);var n={Container:{position:"relative","&:before":{content:r?'""':"",width:"100%",height:"100%",position:"absolute",background:e.overlayColor||"var(--sl-color-black)",opacity:e.overlayOpacity}},Image:{display:"block",width:"100%",height:"100%",objectFit:"cover"},Background:{backgroundImage:"url("+e.imageUrl+")",backgroundSize:"cover",backgroundPosition:e.imagePos||"center",display:"flex",justifyContent:"center",alignItems:"center"},Overlay:{zIndex:"1",padding:"calc(var(--sl-spacing-"+e.paddingText+") + var(--sl-spacing-"+e.paddingImage+"))",textAlign:"center",color:e.textColor||"var(--sqm-text)",lineHeight:"var(--sl-line-height-dense)","@media (max-width: 599px)":{padding:"var(--sl-spacing-"+e.paddingText+")"}},Column:{display:"flex",background:e.backgroundColor||"",flexDirection:e.imagePos==="right"?"row-reverse":"row",lineHeight:"var(--sl-line-height-dense)",color:e.textColor||"var(--sqm-text)","& .image-area":{width:e.imagePercentage?e.imagePercentage+"%":"50%",padding:"var(--sl-spacing-"+e.paddingImage+")",boxSizing:"border-box",display:"flex",justifyContent:"center",alignItems:"center","@media (max-width: 599px)":{width:"100%"}},"& .text-area":{width:e.imagePercentage?100-e.imagePercentage+"%":"50%",padding:"var(--sl-spacing-"+e.paddingText+")",alignSelf:"center",boxSizing:"border-box","@media (max-width: 599px)":{width:"100%",textAlign:"center",padding:"calc(0.5*var(--sl-spacing-"+e.paddingText+"))"}},"@media (max-width: 599px)":{flexDirection:e.imageMobilePos==="bottom"?"column-reverse":"column"}},Header:{fontSize:"var(--sl-font-size-xxx-large)",fontWeight:"var(--sl-font-weight-bold)","@media (max-width: 599px)":{fontSize:"var(--sl-font-size-xx-large)"}},Description:{fontSize:"var(--sl-font-size-x-large)",margin:"var(--sl-spacing-small) 0","@media (max-width: 599px)":{fontSize:"var(--sl-font-size-large)"}},Button:{marginTop:"var(--sl-spacing-medium)","&::part(base)":{padding:"0 var(--sl-spacing-x-large)"},"@media (max-width: 599px)":{width:"100%"}}};var a=createStyleSheet(n);var o=a.toString();var i="\n  :host{\n    display: block;\n  }";return h$1("div",{class:a.classes.Container,part:"sqm-base"},h$1("style",{type:"text/css"},i,o),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,part:"sqm-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",exportparts:"base: "+e.buttonType+"button-base",onClick:function(){return e.buttonNewTab?window.open(e.buttonLink):window.open(e.buttonLink,"_parent")}},e.buttonText),t&&t))}function 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,part:"sqm-columns-image"})),h$1("div",{class:"text-area",part:"sqm-columns-text-area"},e.header&&h$1("div",{class:a.classes.Header,part:"sqm-columns-header"},e.header),e.description&&h$1("div",{class:a.classes.Description,part:"sqm-columns-description"},e.description),e.buttonText&&h$1("sl-button",{exportparts:"base: sqm-hero-image-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";this.buttonType="primary";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 ImageView(e){var t={Container:{display:"flex",width:"100%",justifyContent:e.alignment||"center",background:e.backgroundColor||""},Image:{minHeight:e.minHeight||"100%",width:e.width||"100%",maxWidth:"max-content",objectFit:"cover"}};var r=createStyleSheet(t);var n=r.toString();var a="\n    :host{\n      display: block;   \n    }\n  ";return h$1("div",null,h$1("style",{type:"text/css"},n,a),h$1("div",{class:r.classes.Container,part:"sqm-base"},h$1("img",{part:"sqm-image",src:e.imageUrl,class:r.classes.Image})))}var Image=function(){function e(e){registerInstance(this,e);this.alignment="center"}e.prototype.render=function(){return h$1(ImageView,Object.assign({},getProps(this)))};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_5||(templateObject_5=__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_LEADERBOARD_WITHOUT_NAMES=dist.gql(templateObject_6||(templateObject_6=__makeTemplateObject(["\n  query (\n    $type: String!\n    $filter: UserLeaderboardFilterInput\n    $locale: RSLocale\n    $limit: Int!\n  ) {\n    userLeaderboard(type: $type, filter: $filter) {\n      dateModified\n      rows(limit: $limit) {\n        textValue(locale: $locale)\n        rank {\n          rank\n          denseRank\n          rowNumber\n        }\n      }\n    }\n  }\n"],["\n  query (\n    $type: String!\n    $filter: UserLeaderboardFilterInput\n    $locale: RSLocale\n    $limit: Int!\n  ) {\n    userLeaderboard(type: $type, filter: $filter) {\n      dateModified\n      rows(limit: $limit) {\n        textValue(locale: $locale)\n        rank {\n          rank\n          denseRank\n          rowNumber\n        }\n      }\n    }\n  }\n"])));var GET_RANK=dist.gql(templateObject_7||(templateObject_7=__makeTemplateObject(["\n  query (\n    $type: String!\n    $filter: UserLeaderboardFilterInput\n    $locale: RSLocale\n  ) {\n    viewer {\n      ... on User {\n        firstName\n        lastInitial\n        leaderboardRank(type: $type, filter: $filter) {\n          textValue(locale: $locale)\n          rank\n          denseRank\n          rowNumber\n        }\n      }\n    }\n  }\n"],["\n  query (\n    $type: String!\n    $filter: UserLeaderboardFilterInput\n    $locale: RSLocale\n  ) {\n    viewer {\n      ... on User {\n        firstName\n        lastInitial\n        leaderboardRank(type: $type, filter: $filter) {\n          textValue(locale: $locale)\n          rank\n          denseRank\n          rowNumber\n        }\n      }\n    }\n  }\n"])));var GET_RANK_WITHOUT_NAMES=dist.gql(templateObject_8||(templateObject_8=__makeTemplateObject(["\n  query (\n    $type: String!\n    $filter: UserLeaderboardFilterInput\n    $locale: RSLocale\n  ) {\n    viewer {\n      ... on User {\n        leaderboardRank(type: $type, filter: $filter) {\n          textValue(locale: $locale)\n          rank\n          denseRank\n          rowNumber\n        }\n      }\n    }\n  }\n"],["\n  query (\n    $type: String!\n    $filter: UserLeaderboardFilterInput\n    $locale: RSLocale\n  ) {\n    viewer {\n      ... on User {\n        leaderboardRank(type: $type, filter: $filter) {\n          textValue(locale: $locale)\n          rank\n          denseRank\n          rowNumber\n        }\n      }\n    }\n  }\n"])));function useLeaderboard(e){var t,r,n,a,o,i,s,l,d,u;var c=H();var h=(t=e.programId)!==null&&t!==void 0?t:c;var p=J();var m=L();var f=h?{type:e.leaderboardType,filter:{programId_eq:h}}:{type:e.leaderboardType,filter:{}};if(e.interval){f.filter["interval"]=e.interval}if(m){f["locale"]=m}if(e.maxRows>0){f["limit"]=e.maxRows}var g=wn(e.hideNames?GET_LEADERBOARD_WITHOUT_NAMES:GET_LEADERBOARD,f,!(p===null||p===void 0?void 0:p.jwt),{batch:false}),v=g.data,b=g.loading,y=g.errors;var x=wn(e.hideNames?GET_RANK_WITHOUT_NAMES:GET_RANK,f,!(p===null||p===void 0?void 0:p.jwt)).data;var w=(r=v===null||v===void 0?void 0:v.userLeaderboard)===null||r===void 0?void 0:r.rows;var _=C(w);var k=_===null||_===void 0?void 0:_.sort((function(e,t){return e.rank-t.rank}));function C(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 E={textValue:(a=(n=x===null||x===void 0?void 0:x.viewer)===null||n===void 0?void 0:n.leaderboardRank)===null||a===void 0?void 0:a.textValue,firstName:(o=x===null||x===void 0?void 0:x.viewer)===null||o===void 0?void 0:o.firstName,lastInitial:(i=x===null||x===void 0?void 0:x.viewer)===null||i===void 0?void 0:i.lastInitial,rank:(l=(s=x===null||x===void 0?void 0:x.viewer)===null||s===void 0?void 0:s.leaderboardRank)===null||l===void 0?void 0:l[e.rankType],rowNumber:(u=(d=x===null||x===void 0?void 0:x.viewer)===null||d===void 0?void 0:d.leaderboardRank)===null||u===void 0?void 0:u.rowNumber};var T=useMemo((function(){var e,t;return!!((t=(e=y===null||y===void 0?void 0:y.response)===null||e===void 0?void 0:e.errors)===null||t===void 0?void 0:t.find((function(e){var t,r;return((r=(t=e===null||e===void 0?void 0:e.extensions)===null||t===void 0?void 0:t.apiError)===null||r===void 0?void 0:r.statusCode)===403})))}),[y]);return{states:{loading:b,isEssentials:T,hasLeaders:(k===null||k===void 0?void 0:k.length)>0,styles:e},data:{leaderboard:k,rankType:e.rankType,viewerRank:E},elements:{empty:e.empty}}}var Leaderboard=function(){function e(e){registerInstance(this,e);this.width="100%";this.viewingUserText="You";this.hideNames=false;this.anonymousUser="Anonymous User";this.maxRows=10;this.hideViewer=false;this.ignored=true;h(this);withShadowView(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e={empty:h$1(EmptySlot,null),usersheading:this.usersheading,statsheading:this.statsheading,rankheading:this.rankheading,rankType:this.rankType,leaderboardType:this.leaderboardType,maxRows:this.maxRows,programId:this.programId,anonymousUser:this.anonymousUser,interval:this.interval,hideViewer:this.hideViewer,viewingUserText:this.viewingUserText,hideNames:this.hideNames,showRank:this.showRank,rankSuffix:this.rankSuffix,width:this.width,viewingUserHighlightColor:this.viewingUserHighlightColor,viewingUserHighlightTextColor:this.viewingUserHighlightTextColor,background:this.background,borderColor:this.borderColor,textColor:this.textColor,borderRadius:this.borderRadius};var t=__assign(__assign({},e),{demoData:this.demoData});var 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 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,isEssentials:false,styles:{usersheading:e.usersheading?e.usersheading:"Top referrers",statsheading:e.statsheading?e.statsheading:"New customers",rankheading:e.rankheading?e.rankheading:"Rank",anonymousUser:e.anonymousUser?e.anonymousUser:"Anonymous User",showRank:e.showRank,hideViewer:e.hideViewer,viewingUserText:e.viewingUserText,hideNames:e.hideNames,rankSuffix:e.rankSuffix,width:e.width,viewingUserHighlightColor:e.viewingUserHighlightColor,viewingUserHighlightTextColor:e.viewingUserHighlightTextColor,background:e.background,borderColor:e.borderColor,textColor:e.textColor,borderRadius:e.borderRadius}},data:{rankType:"rowNumber",leaderboard:n},elements:{empty:h$1(EmptySlot,null)}},e.demoData||{},{arrayMerge:function(e,t){return t}})}var style$1={Container:{display:"contents"},Link:{textDecoration:"none",color:"inherit"}};var vanillaStyle="\n:host{\n  display: inline;   \n}\n";var sheet$1=createStyleSheet(style$1);var styleString$1=sheet$1.toString();function LinkButtonView(e){var t=e.onClick,r=e.buttonText;return h$1("span",{class:sheet$1.classes.Container,part:"sqm-base"},h$1("style",{type:"text/css"},styleString$1,vanillaStyle),h$1("sl-button",{onClick:t,type:"primary",exportparts:"base: primarybutton-base"},h$1("a",{class:sheet$1.classes.Link,part:"sqm-link"},r)))}var LinkButton=function(){function e(e){registerInstance(this,e);this.openInNewTab=false;this.buttonText="Click here"}e.prototype.render=function(){var e=this;var t=function(){var t=e.link;var r=e.openInNewTab?"_blank":"_parent";window.open(t,r)};return h$1(LinkButtonView,Object.assign({},__assign(__assign({},getProps(this)),{onClick:t})))};return e}();var MarketingEmailsCheckbox=function(){function e(e){registerInstance(this,e);this.ignored=true;this.checkboxLabel="I would like to receive marketing and promotional emails for this referral program";this.checkboxName="marketingEmailOptIn";h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=__assign({},getProps(this));var t=isDemo()?useCheckboxFieldDemo$1(this):useCheckboxField(this),r=t.states,n=t.callbacks;return h$1(CheckboxFieldView,{states:r,content:e,callbacks:n})};return e}();function useCheckboxFieldDemo$1(e){return cjs({states:{registrationFormState:{},checked:false},callbacks:{setChecked:function(){}}},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){jn.push(e.detail.item.value)}function useNavigationMenu(e){var t=useRef();var r=yn(),n=r[1];var a=J();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;var style$2={Wrapper:{maxWidth:"200px",marginLeft:"auto"},PayoutButtonDescription:{color:"var(--sl-color-neutral-500)",fontSize:"var(--sl-font-size-small)",margin:"0"}};var sheet$2=createStyleSheet(style$2);var styleString$2=sheet$2.toString();function PayoutButtonScrollView(e){var t=e.text,r=e.states;if(!r.payoutSettingsComplete)return h$1("div",null);return h$1("div",{class:sheet$2.classes.Wrapper},h$1("style",{type:"text/css"},styleString$2),h$1("sqm-scroll",{"scroll-tag-name":"sqm-tabs","button-text":t.payoutButtonText,"scroll-animation":"smooth"}),h$1("p",{class:sheet$2.classes.PayoutButtonDescription},t.payoutButtonDescription))}var GET_PAYOUT_DETAILS=dist.gql(templateObject_9||(templateObject_9=__makeTemplateObject(["\n  query getPayoutDetails {\n    user: viewer {\n      ... on User {\n        id\n        impactConnection {\n          connected\n          publisher {\n            id\n            payoutsAccount {\n              hold\n              balance\n            }\n          }\n        }\n      }\n    }\n  }\n"],["\n  query getPayoutDetails {\n    user: viewer {\n      ... on User {\n        id\n        impactConnection {\n          connected\n          publisher {\n            id\n            payoutsAccount {\n              hold\n              balance\n            }\n          }\n        }\n      }\n    }\n  }\n"])));function usePayoutButton(e){var t,r,n;var a=wn(GET_PAYOUT_DETAILS,{}),o=a.data,i=a.refetch;useEffect((function(){var e=function(){return i()};window.addEventListener("sqm:tax-form-updated",e);return function(){return window.removeEventListener("sqm:tax-form-updated",e)}}),[]);return{states:{payoutSettingsComplete:!!((n=(r=(t=o===null||o===void 0?void 0:o.user)===null||t===void 0?void 0:t.impactConnection)===null||r===void 0?void 0:r.publisher)===null||n===void 0?void 0:n.payoutsAccount)},text:e.getTextProps()}}var PayoutButtonScroll=function(){function e(e){registerInstance(this,e);this.payoutButtonText="Payouts & Tax Settings";this.payoutButtonDescription="Check your payout settings to see when you’ll get paid out next";this.ignored=true;h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.getTextProps=function(){return getProps(this)};e.prototype.render=function(){var e=isDemo()?useDemoPayoutButtonScroll(this):usePayoutButton(this);return h$1(PayoutButtonScrollView,Object.assign({},e))};return e}();function useDemoPayoutButtonScroll(e){return cjs({states:{payoutSettingsComplete:false},text:e.getTextProps()},e.demoData||{},{arrayMerge:function(e,t){return t}})}var style$3={SkeletonOne:{width:"50%",height:"16px"},AlertDescriptionText:{margin:"0",marginBottom:"var(--sl-spacing-small)"},ErrorAlertContainer:{"&::part(base)":{backgroundColor:"var(--sl-color-red-100)",borderTop:"none"},"& sl-icon::part(base)":{color:"var(--sl-color-danger-500)"}},WarningAlertContainer:{"&::part(base)":{backgroundColor:"var(--sl-color-yellow-100)",borderTop:"none"},"& sl-icon::part(base)":{color:"var(--sl-color-danger-500)"}},InfoAlertContainer:{"&::part(base)":{backgroundColor:"var(--sl-color-sky-100)",borderTop:"none"},"& sl-icon::part(base)":{color:"var(--sl-color-blue-500)"}},Dialog:{"&::part(panel)":{height:"600px"},"&::part(close-button)":{marginBottom:"var(--sl-spacing-xx-large)"},"&::part(title)":{display:"none"},"&::part(header)":{},"&::part(body)":{padding:"0"},"&::part(footer)":{}}};var sheet$3=createStyleSheet(style$3);var styleString$3=sheet$3.toString();function PayoutStatusAlertView(e){var t=e.text,r=e.states,n=e.data,a=e.callbacks;function o(e){if(r.error)return{header:t.errorHeader,description:t.errorDescription,buttonText:null,alertType:"critical",icon:"exclamation-triangle",class:sheet$3.classes.ErrorAlertContainer};switch(e){case"INFORMATION_REQUIRED":return{header:t.informationRequiredHeader,description:t.informationRequiredDescription,buttonText:t.informationRequiredButtonText,alertType:"info",icon:"info-circle",class:sheet$3.classes.InfoAlertContainer};case"VERIFICATION:REQUIRED":return{header:t.verificationRequiredHeader,description:intl.formatMessage({id:"verificationRequiredDescription",defaultMessage:t.verificationRequiredDescription},{supportLink:h$1("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},t.supportLink)}),buttonText:t.verificationRequiredButtonText,alertType:"warning",icon:"exclamation-triangle",class:sheet$3.classes.WarningAlertContainer};case"VERIFICATION:INTERNAL":return{header:t.verificationRequiredInternalHeader,description:intl.formatMessage({id:"verificationRequiredInternalDescription",defaultMessage:t.verificationRequiredInternalDescription},{supportLink:h$1("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},t.supportLink)}),alertType:"warning",icon:"exclamation-triangle",class:sheet$3.classes.WarningAlertContainer};case"VERIFICATION:REVIEW":return{header:t.verificationReviewInternalHeader,description:intl.formatMessage({id:"verificationReviewInternalDescription",defaultMessage:t.verificationReviewInternalDescription},{supportLink:h$1("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},t.supportLink)}),alertType:"warning",icon:"exclamation-triangle",class:sheet$3.classes.WarningAlertContainer};case"VERIFICATION:FAILED":return{header:t.verificationFailedInternalHeader,description:intl.formatMessage({id:"verificationFailedInternalDescription",defaultMessage:t.verificationFailedInternalDescription},{supportLink:h$1("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},t.supportLink)}),alertType:"critical",icon:"exclamation-octagon",class:sheet$3.classes.ErrorAlertContainer};case"HOLD":return{header:t.holdHeader,description:intl.formatMessage({id:"holdDescription",defaultMessage:t.holdDescription},{supportLink:h$1("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},t.supportLink)}),buttonText:null,alertType:"warning",icon:"exclamation-triangle",class:sheet$3.classes.WarningAlertContainer};default:return}}function i(e){switch(e){case"INFORMATION_REQUIRED":return n.type==="SquatchJS2"?h$1("sqm-scroll",{"scroll-tag-name":"sqm-tabs","button-text":t.informationRequiredButtonText,"scroll-animation":"smooth"}):n.type==="SquatchPortal"?h$1("sl-button",{type:"default",onClick:a.onTermsClick},t.informationRequiredButtonText):h$1("sl-button",{type:"default"},t.informationRequiredButtonText);case"VERIFICATION:REQUIRED":return h$1("sl-button",{type:"default",loading:r.veriffLoading,onClick:a.onClick},t.verificationRequiredButtonText);default:return}}if(r.loading){return h$1("sl-skeleton",{class:sheet$3.classes.SkeletonOne})}var s=o(r.status);if(r.status==="DONE"||!s){return h$1("div",null)}return h$1("div",{part:"sqm-base"},h$1("style",{type:"text/css"},styleString$3),h$1("sl-alert",{exportparts:"base: alert-base, icon:alert-icon",type:s.alertType,class:s.class,open:true},h$1("sl-icon",{slot:"icon",name:s.icon}),h$1("strong",null,s.header),h$1("p",{class:sheet$3.classes.AlertDescriptionText},s.description),i(r.status)))}var PayoutStatusAlert=function(){function e(e){registerInstance(this,e);this.informationRequiredHeader="Payout and tax information required";this.informationRequiredDescription="Submit your banking details and tax documents to receive your rewards.";this.informationRequiredButtonText="Payouts & Tax Settings";this.verificationRequiredHeader="Verify your identity";this.verificationRequiredDescription="It should only take a few minutes verify. If you run in to an issue verifying your identity contact our {supportLink}.";this.verificationRequiredButtonText="Start Verification";this.verificationRequiredInternalHeader="Identity Verification in Progress";this.verificationRequiredInternalDescription="Identity verification submission has been received. Our system is currently performing additional checks and analyzing the results. You will be updated shortly. If you don't hear from us contact our {supportLink}.";this.verificationReviewInternalHeader="Identity Verification Under Review";this.verificationReviewInternalDescription="Identity verification requires further review due to a potential error. Our team is reviewing the information and will update you shortly. If you don't hear from us contact our {supportLink}.";this.verificationFailedInternalHeader="Identity Verification Unsuccessful";this.verificationFailedInternalDescription="Identity verification has failed. Our team is reviewing the report and will contact you with further information. If you don't hear from us contact our {supportLink}.";this.holdHeader="Your payouts and account are on hold";this.holdDescription="Please check your inbox for an email from our referral provider, impact.com. It contains details on how to resolve this issue. If you need further assistance, feel free to reach out to our {supportLink}.";this.cashPayoutsPageUrl="/cash";this.supportLink="support team";this.errorHeader="Could not determine payout status.";this.errorDescription="There was an error with determining your payout status.";h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.getTextProps=function(){return getProps(this)};e.prototype.render=function(){var e=isDemo()?useDemoPayoutStatusAlert(this):usePayoutStatus(this);return h$1(PayoutStatusAlertView,Object.assign({},e))};return e}();function useDemoPayoutStatusAlert(e){return cjs({states:{error:false,status:"INFORMATION_REQUIRED",loading:false,showVerifyIdentity:false},data:{type:"SquatchAdmin"},text:e.getTextProps(),callbacks:{onTermsClick:function(){},onClick:function(){return console.log("show")}}},e.demoData||{},{arrayMerge:function(e,t){return t}})}var GET_USER$1=dist.gql(templateObject_10||(templateObject_10=__makeTemplateObject(["\n  query {\n    viewer {\n      ... on User {\n        id\n        accountId\n        marketingEmailOptIn\n      }\n    }\n  }\n"],["\n  query {\n    viewer {\n      ... on User {\n        id\n        accountId\n        marketingEmailOptIn\n      }\n    }\n  }\n"])));var UPSERT_USER$1=dist.gql(templateObject_11||(templateObject_11=__makeTemplateObject(["\n  mutation ($userInput: UserInput!) {\n    upsertUser(userInput: $userInput) {\n      id\n      marketingEmailOptIn\n    }\n  }\n"],["\n  mutation ($userInput: UserInput!) {\n    upsertUser(userInput: $userInput) {\n      id\n      marketingEmailOptIn\n    }\n  }\n"])));var defaultFormState$1={marketingEmailOptIn:false,errors:{},error:""};function usePortalProfile(e){var t=J();var r=useState(false),n=r[0],a=r[1];var o=useState(undefined),i=o[0],s=o[1];var l=useState(defaultFormState$1),d=l[0],u=l[1];var c=wn(GET_USER$1,{},!(t===null||t===void 0?void 0:t.jwt));var h=$e(UPSERT_USER$1),p=h[0],m=h[1];useEffect((function(){if(m===null||m===void 0?void 0:m.loading)return;if(m===null||m===void 0?void 0:m.errors){u((function(e){var t,r,n;return __assign(__assign({},e),{error:(n=(r=(t=m===null||m===void 0?void 0:m.errors)===null||t===void 0?void 0:t.response)===null||r===void 0?void 0:r.errors)===null||n===void 0?void 0:n[0].message})}))}else{s((function(e){var t;return __assign(__assign({},e),(t=m===null||m===void 0?void 0:m.data)===null||t===void 0?void 0:t.upsertUser)}));if(m===null||m===void 0?void 0:m.data)a(true)}}),[m===null||m===void 0?void 0:m.loading]);useEffect((function(){var e,t;s((function(e){var t;return __assign(__assign({},e),(t=c===null||c===void 0?void 0:c.data)===null||t===void 0?void 0:t.viewer)}));u(__assign(__assign(__assign({},defaultFormState$1),(e=c.data)===null||e===void 0?void 0:e.viewer),(t=m.data)===null||t===void 0?void 0:t.upsertUser))}),[c===null||c===void 0?void 0:c.data]);useEffect((function(){var t,r;if((t=m===null||m===void 0?void 0:m.errors)===null||t===void 0?void 0:t.message){u(__assign(__assign({},(r=c.data)===null||r===void 0?void 0:r.viewer),{error:e.networkRequestMessage}))}}),[m===null||m===void 0?void 0:m.errors]);var f=function(e){var r;a(false);var n=(r=e.detail)===null||r===void 0?void 0:r.formData;n===null||n===void 0?void 0:n.forEach((function(e,t){jsonpointer.set(n,t,e)}));p({userInput:{id:t===null||t===void 0?void 0:t.id,accountId:t===null||t===void 0?void 0:t.accountId,marketingEmailOptIn:Boolean(n.marketingEmailOptIn)}});u((function(e){return __assign(__assign({},e),{errors:{},error:""})}));return};return{states:{success:n,loading:(c===null||c===void 0?void 0:c.loading)||m.loading,submitDisabled:false,formState:d,user:i,text:{emailPreferencesHeader:e.emailPreferencesHeader,marketingCheckboxLabel:e.marketingCheckboxLabel,submitChangeButtonText:e.submitChangeButtonText,successMessage:e.successMessage}},callbacks:{onSubmit:f,setChecked:function(e){return u(__assign(__assign({},d),{marketingEmailOptIn:e}))}}}}var PortalChangeMarketing=function(){function e(e){registerInstance(this,e);this.ignored=true;this.emailPreferencesHeader="Email preferences";this.marketingCheckboxLabel="I want to receive marketing emails and promotions for this referral program from impact.com";this.submitChangeButtonText="Save";this.networkRequestMessage="An error occurred while loading this page. Please refresh the page.";this.successMessage="Opt-in preference has been changed.";h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=isDemo()?usePortalProfileDemo(getProps(this)):usePortalProfile(getProps(this));return h$1(ChangeMarktingView,Object.assign({},e))};return e}();function usePortalProfileDemo(e){return cjs({states:{success:false,loading:false,submitDisabled:false,user:{id:"01",accountId:"111100000",marketingEmailOptIn:false},text:{emailPreferencesHeader:e.emailPreferencesHeader,marketingCheckboxLabel:e.marketingCheckboxLabel,submitChangeButtonText:e.submitChangeButtonText,successMessage:e.successMessage},formState:{marketingEmailOptIn:false,errors:null,error:""}},callbacks:{onSubmit:function(e){return console.log(e)},setChecked:function(){}}},e.demoData||{},{arrayMerge:function(e,t){return t}})}function usePortalChangePassword(e){var t=this;var r,n,a,o,i,s,l;var d=Ue(),u=d[0],c=d[1],h=c.loading,p=c.errors,m=c.data;var f=useState(false),g=f[0],v=f[1];var b=useState(""),y=b[0],x=b[1];var w=useState(false),_=w[0],k=w[1];var C=J();var E=function(r){return __awaiter(t,void 0,void 0,(function(){var t,n,a,o,i;return __generator(this,(function(s){switch(s.label){case 0:k(false);a=(t=r.detail)===null||t===void 0?void 0:t.formData;a===null||a===void 0?void 0:a.forEach((function(e,t){jsonpointer.set(a,t,e)}));if(!(C===null||C===void 0?void 0:C.jwt)){x(e.invalidSessionErrorText);return[2]}if(a.password!==a.confirmPassword){x(e.nonMatchingPasswordErrorText);return[2]}x("");o={password:a.password};return[4,u(o)];case 1:i=s.sent();if(!(i instanceof Error)&&((n=i.changeManagedIdentityPassword)===null||n===void 0?void 0:n.success)){k(true)}return[2]}}))}))};return{states:{open:g,loading:h,success:_,error:y||((o=(a=(n=(r=p===null||p===void 0?void 0:p.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)||((l=(s=(i=p===null||p===void 0?void 0:p.response)===null||i===void 0?void 0:i.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,meetsRequirementsText:e.meetsRequirementsText,doesNotMeetRequirementsText:e.doesNotMeetRequirementsText,minErrorText:e.minErrorText,uppercaseErrorText:e.uppercaseErrorText,lowercaseErrorText:e.lowercaseErrorText,hasErrorText:e.hasErrorText}},data:{},callbacks:{setOpen:v,submit:E}}}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...";this.meetsRequirementsText="Password has met all requirements";this.doesNotMeetRequirementsText="Password must meet the following requirements:";this.minErrorText="be a minimum of 8 characters";this.uppercaseErrorText="contain at least 1 uppercase character";this.lowercaseErrorText="contain at least 1 lowercase character";this.nonMatchingPasswordErrorText="contain at least 1 lowercase character";this.invalidSessionErrorText="Please log in again to change your password.";this.hasErrorText="contain at least 1 number or symbol";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,meetsRequirementsText:e.meetsRequirementsText,doesNotMeetRequirementsText:e.doesNotMeetRequirementsText,minErrorText:e.minErrorText,uppercaseErrorText:e.uppercaseErrorText,lowercaseErrorText:e.lowercaseErrorText,hasErrorText:e.hasErrorText}},callbacks:{setOpen:function(e){return n(e)},submit:function(e){return console.log("Submit",e)}}},e.demoData||{},{arrayMerge:function(e,t){return t}})}var PortalFooter=function(){function e(e){registerInstance(this,e);this.ignored=true;this.hideSupportText=false;this.supportEmail="support@example.com";this.supportText="For program support, contact {email}";this.hidePoweredBy=false;this.poweredByLink="https://impact.com/advocate/";this.paddingTop="large";this.paddingRight="large";this.paddingBottom="large";this.paddingLeft="large";h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){return h$1(PortalFooterView,Object.assign({},getProps(this)))};Object.defineProperty(e,"assetsDirs",{get:function(){return["../../assets"]},enumerable:false,configurable:true});return e}();function usePortalFrame(e,t,r){var n=yn(),a=n[1];return{data:{footer:e,header:t},callbacks:{rerender:a},backgroundColor:r.backgroundColor,border:r.border,headerAndFooterBackgroundColor:r.headerAndFooterBackgroundColor}}var PortalFrame=function(){function e(e){registerInstance(this,e);this.ignored=true;this.notFullScreen=false;this.backgroundColor="var(--sqm-portal-background, #fff);";this.border="1px solid var(--sqm-text, #eaeaea);";this.headerAndFooterBackgroundColor="var(--sqm-portal-background, #fff);";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,this);return h$1(PortalFrameView,Object.assign({},r),h$1("slot",null))};return e}();function usePortalFrameDemo(e,t,r){return cjs({notFullScreen:true,backgroundColor:r.backgroundColor,headerAndFooterBackgroundColor:r.headerAndFooterBackgroundColor,border:r.border,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}})}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";this.networkErrorMessage="An error occurred while logging you in. Please refresh the page and try again.";this.registerCTA="Don't have an 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={RegisterButton:{"&::part(label)":{padding:"0"}}};var a=createStyleSheet(n);var o=a.toString();var i={forgotPasswordButton:h$1("slot",{name:"forgotPassword"},h$1("a",{onClick:function(){return jn.push(t.forgotPasswordPath)}},this.forgotPasswordLabel)),googleButton:null,secondaryButton:h$1("slot",{name:"secondaryButton"},h$1("style",null,o),h$1("sl-button",{type:"text",disabled:t.loading,onClick:function(){return jn.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:i})};return e}();function useLoginDemo(e){var t=this;return cjs({states:{error:"",loading:false,forgotPasswordPath:"/forgotPassword",registerPath:"/register",showLoginForm:"manual"},callbacks:{googleSubmit:function(){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(e){console.log("google submit");return[2]}))}))},submit:function(e){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(e){console.log("submit");return[2]}))}))}},content:{googleButton:null}},e.demoData||{},{arrayMerge:function(e,t){return t}})}function usePortalRegister(e){var t=this;var r,n,a,o,i,s,l,d,u;var c=useRef(null);var h=useRegistrationFormState({}),p=h.registrationFormState,m=h.setRegistrationFormState;var f=Ve(),g=f[0],v=f[1],b=v.loading,y=v.errors,x=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 w=function(r){return __awaiter(t,void 0,void 0,(function(){var t,n,a,o,i,s,l,d,u,c;return __generator(this,(function(h){switch(h.label){case 0:n=r.target.getFormControls();a={};o={};n===null||n===void 0?void 0:n.forEach((function(t){if(!t.name)return;var r=t.name;var n=t.value;jsonpointer.set(a,r,n);if(t.required&&!n){jsonpointer.set(o,r,e.requiredFieldErrorMessage)}if(typeof t.validationError==="function"){var i=t.validationError;var s=i({control:t,key:r,value:n});if(s)jsonpointer.set(o,r,s)}}));if((e.confirmPassword||a.confirmPassword)&&a.password!==a.confirmPassword){o=__assign(__assign({},o),{confirmPassword:e.passwordMismatchErrorMessage})}if(Object.keys(o).length){m({loading:false,error:"",validationErrors:o});return[2]}m({loading:true,error:"",validationErrors:{}});i=a.email,s=a.password;delete a.email;delete a.password;delete a.confirmPassword;a=__assign({},a);l=e.redirectPath;d={email:i,password:s,formData:a,redirectPath:l};h.label=1;case 1:h.trys.push([1,3,,4]);return[4,g(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){jn.push(e.nextPage)}return[3,4];case 3:c=h.sent();m({loading:false,error:e.networkErrorMessage,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 k="";if((r=y===null||y===void 0?void 0:y.response)===null||r===void 0?void 0:r["error"]){k=e.networkErrorMessage}else if((y===null||y===void 0?void 0:y.message)&&!((n=y===null||y===void 0?void 0:y.response)===null||n===void 0?void 0:n.errors.length)){k=e.networkErrorMessage}else{k=((s=(i=(o=(a=y===null||y===void 0?void 0:y.response)===null||a===void 0?void 0:a.errors)===null||o===void 0?void 0:o[0])===null||i===void 0?void 0:i.extensions)===null||s===void 0?void 0:s.message)||((u=(d=(l=y===null||y===void 0?void 0:y.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)||(p===null||p===void 0?void 0:p.error)}return{states:{loading:b,error:k,registrationFormState:p,confirmPassword:e.confirmPassword,hideInputs:e.hideInputs,loginPath:e.loginPath,disablePasswordValidation:e.disablePasswordValidation},callbacks:{submit:w,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";this.requiredFieldErrorMessage="Cannot be empty";this.networkErrorMessage="Network request failed.";this.passwordMismatchErrorMessage="Passwords do not match.";this.invalidEmailErrorMessage="Must be a valid email address";this.meetsRequirementsText="Password has met all requirements";this.doesNotMeetRequirementsText="Password must meet the following requirements:";this.minErrorText="be a minimum of 8 characters";this.uppercaseErrorText="contain at least 1 uppercase character";this.lowercaseErrorText="contain at least 1 lowercase character";this.hasErrorText="contain at least 1 number or symbol";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 jn.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,invalidEmailErrorMessage:this.invalidEmailErrorMessage,requiredFieldErrorMessage:this.requiredFieldErrorMessage,meetsRequirementsText:this.meetsRequirementsText,doesNotMeetRequirementsText:this.doesNotMeetRequirementsText,minErrorText:this.minErrorText,uppercaseErrorText:this.uppercaseErrorText,lowercaseErrorText:this.lowercaseErrorText,hasErrorText:this.hasErrorText};return 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(--sqm-text)",background:e.backgroundColor||""},Header:{fontSize:"var(--sl-font-size-x-large)",fontWeight:"var(--sl-font-weight-bold)",lineHeight:"var(--sl-line-height-dense)",marginBottom:"var(--sl-spacing-large)",textAlign:"center"},Grid:{display:"flex",flexDirection:"row",gap:"var(--sl-spacing-large)","@media (max-width: 499px)":{flexDirection:"column"}}};var n=createStyleSheet(r);var a=n.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 h$1("div",{class:n.classes.Container,part:"sqm-base"},h$1("style",{type:"text/css"},a,o),h$1("div",{class:n.classes.Header},h$1("div",{class:n.classes.Header,part:"sqm-header"},e.header)),h$1("div",{class:n.classes.Grid,part:"sqm-grid-container"},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)",borderRadius:e.borderRadius?e.borderRadius+"px":"var(--sqm-border-radius-normal)",color:e.textColor||"var(--sqm-text)",background:e.backgroundColor||"var(--sqm-accent-color-background)","@media (max-width: 499px)":{flexDirection:"row",width:"auto",paddingBottom:"var(--sl-spacing-large)"}},Text:{"@media (max-width: 499px)":{marginLeft:"var(--sl-spacing-large)"}},Header:{color:e.textColor||"var(--sqm-text)",fontSize:"var(--sl-font-size-large)",fontWeight:"var(--sl-font-weight-bold)",marginTop:"var(--sl-spacing-x-large)","@media (max-width: 499px)":{margin:"0"}},Description:{color:e.textColor||"var(--sqm-text)",fontSize:"var(--sl-font-size-medium)",marginTop:"var(--sl-spacing-small)","@media (max-width: 499px)":{marginTop:"var(--sl-spacing-x-small)"}},Media:{width:"64px",height:"64px",borderRadius:"100%",objectFit:"cover",userSelect:"none",background:e.iconBackgroundColor||"var(--sl-color-white)",color:e.iconColor||"var(--sqm-accent-color-icon)",fontSize:"26px",textAlign:"center",lineHeight:"72px",display:"flex",alignItems:"center",justifyContent:"center"}};var r=createStyleSheet(t);var n=r.toString();return h$1("div",{class:r.classes.Container,part:"sqm-base"},h$1("style",{type:"text/css"},n),h$1("div",null,e.imageUrl?h$1("img",{class:r.classes.Media,src:e.imageUrl,part:"sqm-media"}):h$1("div",{class:r.classes.Media,part:"sqm-media"},h$1("sl-icon",{name:e.icon}))),h$1("div",{class:r.classes.Text},h$1("div",{class:r.classes.Header,part:"sqm-header"},e.header),h$1("div",{class:r.classes.Description,part:"sqm-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=H();var r=_$1();debug({programId:t,props:e});var n=useRef();var a=yn(),o=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:o},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 vanillaStyle$1="\n    :host{\n      display: block;   \n    }\n  ";function ReferralCardView(e){var t={Container:{borderRadius:e.borderRadius||"var(--sqm-border-radius-normal)",color:e.textColor||"var(--sqm-text)",background:e.backgroundColor||"var(--sqm-portal-background)",display:"flex",flexDirection:"column",rowGap:"var(--sl-spacing-large)"},EndContainer:{display:"flex",flexDirection:"column",alignItems:"center"},ColumnContainer:{"& p":{margin:"0"},display:"grid",gridAutoColumns:"minmax(0, 1fr)",gridAutoFlow:"column",gap:"calc(2 * var(--sl-spacing-medium))","@media (max-width: 499px)":{gridAutoFlow:"unset",gridAutoColumns:"unset",gridTemplateColumns:"1fr",border:"none"}}};var r=createStyleSheet(t);var n=r.toString();var a=e.borderColor||"var(--sqm-border-color)";return h$1("div",{part:"sqm-base",class:r.classes.Container,style:{border:""+(e.hideBorder?"none":"1px solid "+a),"padding-top":"var(--sl-spacing-"+e.paddingTop+")","padding-right":"var(--sl-spacing-"+e.paddingRight+")","padding-bottom":"var(--sl-spacing-"+e.paddingBottom+")","padding-left":"var(--sl-spacing-"+e.paddingLeft+")",backgroundColor:e.backgroundColor,maxWidth:""+(e.limitWidth?"600px":"none"),margin:""+(e.limitWidth?"auto":"none")}},h$1("style",{type:"text/css"},n,vanillaStyle$1),e.hasHeader&&h$1("div",{class:r.classes.EndContainer},e.slots.header),h$1("div",{part:"sqm-column-container",class:r.classes.ColumnContainer,style:{alignItems:e.verticalAlignment}},e.slots.left,e.slots.right),e.hasFooter&&h$1("div",{class:r.classes.EndContainer},e.slots.footer))}var ReferralCard=function(){function e(e){registerInstance(this,e);this.ignored=true;this.verticalAlignment="start";this.hideBorder=false;this.paddingTop="large";this.paddingRight="large";this.paddingBottom="large";this.paddingLeft="large";this.backgroundColor="#ffffff";this.limitWidth=false;h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e={left:h$1("slot",{name:"left"}),right:h$1("slot",{name:"right"}),header:h$1("slot",{name:"header"}),footer:h$1("slot",{name:"footer"})};var t=useChildElements();var r=t.findIndex((function(e){return e.slot==="header"}))>-1;var n=t.findIndex((function(e){return e.slot==="footer"}))>-1;return h$1(ReferralCardView,Object.assign({},getProps(this),{slots:e,hasHeader:r,hasFooter:n}),h$1("slot",null))};return e}();var GET_USER_DETAILS=dist.gql(templateObject_12||(templateObject_12=__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=H();var n=J();var a=wn(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 o=!!(t.Worker&&t.Blob&&t.Promise&&t.OffscreenCanvas&&t.OffscreenCanvasRenderingContext2D&&t.HTMLCanvasElement&&t.HTMLCanvasElement.prototype.transferControlToOffscreen&&t.URL&&t.URL.createObjectURL);function i(){}function s(e){var n=r.exports.Promise;var a=n!==void 0?n:t.Promise;if(typeof a==="function"){return new a(e)}e(i,i);return null}var l=function(){var e=Math.floor(1e3/60);var t,r;var n={};var a=0;if(typeof requestAnimationFrame==="function"&&typeof cancelAnimationFrame==="function"){t=function(t){var r=Math.random();n[r]=requestAnimationFrame((function o(i){if(a===i||a+e-1<i){a=i;delete n[r];t()}else{n[r]=requestAnimationFrame(o)}}));return r};r=function(e){if(n[e]){cancelAnimationFrame(n[e])}}}else{t=function(t){return setTimeout(t,e)};r=function(e){return clearTimeout(e)}}return{frame:t,cancel:r}}();var d=function(){var t;var r;var a={};function i(e){function t(t,r){e.postMessage({options:t||{},callback:r})}e.init=function t(r){var n=r.transferControlToOffscreen();e.postMessage({canvas:n},[n])};e.fire=function n(o,i,l){if(r){t(o,null);return r}var d=Math.random().toString(36).slice(2);r=s((function(n){function i(t){if(t.data.callback!==d){return}delete a[d];e.removeEventListener("message",i);r=null;l();n()}e.addEventListener("message",i);t(o,d);a[d]=i.bind(null,{data:{callback:d}})}));return r};e.reset=function t(){e.postMessage({reset:true});for(var r in a){a[r]();delete a[r]}}}return function(){if(t){return t}if(!n&&o){var r=["var CONFETTI, SIZE = {}, module = {};","("+e.toString()+")(this, module, true, SIZE);","onmessage = function(msg) {","  if (msg.data.options) {","    CONFETTI(msg.data.options).then(function () {","      if (msg.data.callback) {","        postMessage({ callback: msg.data.callback });","      }","    });","  } else if (msg.data.reset) {","    CONFETTI.reset();","  } else if (msg.data.resize) {","    SIZE.width = msg.data.resize.width;","    SIZE.height = msg.data.resize.height;","  } else if (msg.data.canvas) {","    SIZE.width = msg.data.canvas.width;","    SIZE.height = msg.data.canvas.height;","    CONFETTI = module.exports.create(msg.data.canvas);","  }","}"].join("\n");try{t=new Worker(URL.createObjectURL(new Blob([r])))}catch(e){typeof console!==undefined&&typeof console.warn==="function"?console.warn("🎊 Could not load worker",e):null;return null}i(t)}return t}}();var u={particleCount:50,angle:90,spread:45,startVelocity:45,decay:.9,gravity:1,drift:0,ticks:200,x:.5,y:.5,shapes:["square","circle"],zIndex:100,colors:["#26ccff","#a25afd","#ff5e7e","#88ff5a","#fcff42","#ffa62d","#ff36ff"],disableForReducedMotion:false,scalar:1};function c(e,t){return t?t(e):e}function h(e){return!(e===null||e===undefined)}function p(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 f(e,t){return Math.floor(Math.random()*(t-e))+e}function g(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:g(t.substring(0,2)),g:g(t.substring(2,4)),b:g(t.substring(4,6))}}function y(e){var t=p(e,"origin",Object);t.x=p(t,"x",Number);t.y=p(t,"y",Number);return t}function x(e){e.width=document.documentElement.clientWidth;e.height=document.documentElement.clientHeight}function w(e){var t=e.getBoundingClientRect();e.width=t.width;e.height=t.height}function _(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,r,n,a,o,i,s,l){e.save();e.translate(t,r);e.rotate(o);e.scale(n,a);e.arc(0,0,1,i,s,l);e.restore()}function C(e){var t=e.angle*(Math.PI/180);var r=e.spread*(Math.PI/180);return{x:e.x,y:e.y,wobble:Math.random()*10,velocity:e.startVelocity*.5+Math.random()*e.startVelocity,angle2D:-t+(.5*r-Math.random()*r),tiltAngle:Math.random()*Math.PI,color:e.color,shape:e.shape,tick:0,totalTicks:e.ticks,decay:e.decay,drift:e.drift,random:Math.random()+5,tiltSin:0,tiltCos:0,wobbleX:0,wobbleY:0,gravity:e.gravity*3,ovalScalar:.6,scalar:e.scalar}}function E(e,t){t.x+=Math.cos(t.angle2D)*t.velocity+t.drift;t.y+=Math.sin(t.angle2D)*t.velocity+t.gravity;t.wobble+=.1;t.velocity*=t.decay;t.tiltAngle+=.1;t.tiltSin=Math.sin(t.tiltAngle);t.tiltCos=Math.cos(t.tiltAngle);t.random=Math.random()+5;t.wobbleX=t.x+10*t.scalar*Math.cos(t.wobble);t.wobbleY=t.y+10*t.scalar*Math.sin(t.wobble);var r=t.tick++/t.totalTicks;var n=t.x+t.random*t.tiltCos;var a=t.y+t.random*t.tiltSin;var o=t.wobbleX+t.random*t.tiltCos;var i=t.wobbleY+t.random*t.tiltSin;e.fillStyle="rgba("+t.color.r+", "+t.color.g+", "+t.color.b+", "+(1-r)+")";e.beginPath();if(t.shape==="circle"){e.ellipse?e.ellipse(t.x,t.y,Math.abs(o-n)*t.ovalScalar,Math.abs(i-a)*t.ovalScalar,Math.PI/10*t.wobble,0,2*Math.PI):k(e,t.x,t.y,Math.abs(o-n)*t.ovalScalar,Math.abs(i-a)*t.ovalScalar,Math.PI/10*t.wobble,0,2*Math.PI)}else{e.moveTo(Math.floor(t.x),Math.floor(t.y));e.lineTo(Math.floor(t.wobbleX),Math.floor(a));e.lineTo(Math.floor(o),Math.floor(i));e.lineTo(Math.floor(n),Math.floor(t.wobbleY))}e.closePath();e.fill();return t.tick<t.totalTicks}function T(e,t,r,o,i){var d=t.slice();var u=e.getContext("2d");var c;var h;var p=s((function(t){function s(){c=h=null;u.clearRect(0,0,o.width,o.height);i();t()}function p(){if(n&&!(o.width===a.width&&o.height===a.height)){o.width=e.width=a.width;o.height=e.height=a.height}if(!o.width&&!o.height){r(e);o.width=e.width;o.height=e.height}u.clearRect(0,0,o.width,o.height);d=d.filter((function(e){return E(u,e)}));if(d.length){c=l.frame(p)}else{s()}}c=l.frame(p);h=s}));return{addFettis:function(e){d=d.concat(e);return p},canvas:e,promise:p,reset:function(){if(c){l.cancel(c)}if(h){h()}}}}function S(e,r){var n=!e;var a=!!p(r||{},"resize");var i=p(r,"disableForReducedMotion",Boolean);var l=o&&!!p(r||{},"useWorker");var u=l?d():null;var c=n?x:w;var h=e&&u?!!e.__confetti_initialized:false;var g=typeof matchMedia==="function"&&matchMedia("(prefers-reduced-motion)").matches;var b;function k(t,r,n){var a=p(t,"particleCount",m);var o=p(t,"angle",Number);var i=p(t,"spread",Number);var s=p(t,"startVelocity",Number);var l=p(t,"decay",Number);var d=p(t,"gravity",Number);var u=p(t,"drift",Number);var h=p(t,"colors",v);var g=p(t,"ticks",Number);var x=p(t,"shapes");var w=p(t,"scalar");var _=y(t);var k=a;var E=[];var S=e.width*_.x;var I=e.height*_.y;while(k--){E.push(C({x:S,y:I,angle:o,spread:i,startVelocity:s,color:h[k%h.length],shape:x[f(0,x.length)],ticks:g,decay:l,gravity:d,drift:u,scalar:w}))}if(b){return b.addFettis(E)}b=T(e,E,c,r,n);return b.promise}function E(r){var o=i||p(r,"disableForReducedMotion",Boolean);var l=p(r,"zIndex",Number);if(o&&g){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 f(){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,f)}return k(r,d,f)}E.reset=function(){if(u){u.reset()}if(b){b.reset()}};return E}r.exports=S(null,{useWorker:true,resize:true});r.exports.create=S})(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_13||(templateObject_13=__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_14||(templateObject_14=__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,o;var i=useReducer((function(e,t){return __assign(__assign({},e),t)}),{selectedItem:undefined,selectedStep:undefined,redeemStage:"chooseReward",amount:0,exchangeError:false}),s=i[0],l=i[1];var d=useState(false),u=d[0],c=d[1];var h=s.selectedItem,p=s.selectedStep,m=s.redeemStage,f=s.amount,g=s.exchangeError;var v=J();var b=$e(EXCHANGE),y=b[0],x=b[1],w=x.data,_=x.loading,k=x.errors;var C=wn(GET_EXCHANGE_LIST,{},!(v===null||v===void 0?void 0:v.jwt)),E=C.data,T=C.loading,S=C.refetch,I=C.errors;useEffect((function(){var e,t;if((t=(e=w===null||w===void 0?void 0:w.exchangeReward)===null||e===void 0?void 0:e.reward)===null||t===void 0?void 0:t.id){l({redeemStage:"success",exchangeError:false})}if(!!k){l({exchangeError:true})}}),[w,k]);var $=useRef();useEffect((function(){if(!$.current)return;var e=$.current;e.confetti=e.confetti||confetti.create(e,{resize:true});e.confetti()}),[$.current]);var R=Qe().refresh;function P(){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:p.sourceValue,unit:h.sourceUnit},globalRewardKey:p.globalRewardKey});break;case"VARIABLE_GLOBAL_REWARD":e=__assign(__assign({},e),{redeemCreditInput:{amount:f,unit:h.sourceUnit},globalRewardKey:h.globalRewardKey,rewardInput:p.rewardInput});break;case"VARIABLE_CREDIT_REWARD":e=__assign(__assign({},e),{redeemCreditInput:{amount:f,unit:h.sourceUnit},rewardInput:{type:"CREDIT",unit:h.destinationUnit,assignedCredit:p.destinationValue}});break;default:e=__assign(__assign({},e),p.rewardInput)}return[4,y({exchangeRewardInput:e})];case 1:t.sent();R();return[2]}}))}))}var q=function(e){e&&S();l({amount:0,selectedStep:undefined,selectedItem:undefined,exchangeError:false,redeemStage:"chooseReward"})};function D(e){l({redeemStage:e})}function M(){var e,t;navigator.clipboard.writeText((t=(e=w===null||w===void 0?void 0:w.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:f,selectedStep:p,exchangeError:g,queryError:!!I,loading:T||_,open:u,noExchangeOptions:((t=E===null||E===void 0?void 0:E.viewer)===null||t===void 0?void 0:t.visibleRewardExchangeItems.totalCount)===0},data:{exchangeList:(n=(r=E===null||E===void 0?void 0:E.viewer)===null||r===void 0?void 0:r.visibleRewardExchangeItems)===null||n===void 0?void 0:n.data,fuelTankCode:(o=(a=w===null||w===void 0?void 0:w.exchangeReward)===null||a===void 0?void 0:a.reward)===null||o===void 0?void 0:o.fuelTankCode},callbacks:{exchangeReward:P,setExchangeState:l,setStage:D,resetState:q,copyFuelTankCode:M},refs:{canvasRef:$}}}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,o=t.refs;return h$1(Host,{style:{display:"contents"}},h$1(RewardExchangeView,{states:r,data:n,callbacks:a,refs:o}))};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=kn();var t=_$1();var r=useState(undefined),n=r[0],a=r[1];var o=useState(undefined),i=o[0],s=o[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(!i||!n){debug$1("DOM not ready for navigation rendering on:",l);return}var r=n.querySelectorAll("template");var a=Array.from(r);var o=a.find((function(e){var t,r,n;var a=(r=(t=e.attributes)===null||t===void 0?void 0:t.path)===null||r===void 0?void 0:r.nodeValue;if((n=matchPath(a,l))===null||n===void 0?void 0:n.length)return e}));var s=(t=(e=o===null||o===void 0?void 0:o.attributes)===null||e===void 0?void 0:e.path)===null||t===void 0?void 0:t.nodeValue;debug$1({containerDatasetPage:i.dataset.page,templatePath:s,page:l});if(!o){debug$1("No matching page found for ",l,", so render nothing");i.innerHTML="";i.dataset.page=l;return}debug$1("Page updated to ",l,o);if(!!matchPath(s,i.dataset.page)){debug$1("don't rerender")}else if(o){i.innerHTML=o.innerHTML;i.dataset.page=l}}),[n,i,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 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;this.undefinedLinkText="Error: message link undefined!";this.unsupportedPlatformText="Error: not on a supported device";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_15||(templateObject_15=__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$1=dist.gql(templateObject_16||(templateObject_16=__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?H():n;var o=J();var i=B();var s=wn(MessageLinkQuery,{programId:a},!(o===null||o===void 0?void 0:o.jwt)).data;var l=$e(WIDGET_ENGAGEMENT_EVENT$1)[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 p(){navigator.clipboard.writeText(d);h(true);setTimeout((function(){return h(false)}),e.tooltiplifespan);l({eventMeta:{programId:a,id:o===null||o===void 0?void 0:o.id,accountId:o===null||o===void 0?void 0:o.accountId,type:"USER_REFERRAL_PROGRAM_ENGAGEMENT_EVENT",meta:{engagementMedium:i,shareMedium:"DIRECT"}}})}return __assign(__assign({},e),{onClick:p,open:c,copyString:d})}var ShareCode=function(){function e(e){registerInstance(this,e);this.tooltiptext="Copied to Clipboard";this.tooltiplifespan=1e3;this.textAlign="left";this.copyButtonLabel="Copy Code";this.buttonStyle="icon";this.buttonType="primary";h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=getProps(this);var t=isDemo()?useDemoShareCode(e):useShareCode(e);return h$1(CopyTextView,Object.assign({},t))};return e}();function useDemoShareCode(e){var t=useState(false),r=t[0],n=t[1];var a="SHARECODE001";return cjs({copyString:a,tooltiptext:e.tooltiptext,textAlign:e.textAlign,copyButtonLabel:e.copyButtonLabel,buttonStyle:e.buttonStyle,backgroundColor:e.backgroundColor,textColor:e.textColor,borderRadius:e.borderRadius,borderColor:e.borderColor,buttonType:e.buttonType,rewardStatus:"AVAILABLE",open:r,onClick:function(){navigator.clipboard.writeText(a);n(true);setTimeout((function(){return n(false)}),e.tooltiplifespan)}},e.demoData||{},{arrayMerge:function(e,t){return t}})}var ShareLink=function(){function e(e){registerInstance(this,e);this.tooltiptext="Copied to Clipboard";this.tooltiplifespan=1e3;this.textAlign="left";this.copyButtonLabel="Copy Link";this.buttonType="primary";this.buttonStyle="icon";h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=getProps(this);var t=isDemo()?useDemoShareLink(e):useShareLink(e);return h$1(CopyTextView,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({copyString:a,tooltiptext:e.tooltiptext,textAlign:e.textAlign,buttonStyle:e.buttonStyle,backgroundColor:e.backgroundColor,textColor:e.textColor,borderRadius:e.borderRadius,buttonType:e.buttonType,copyButtonLabel:e.copyButtonLabel,borderColor:e.borderColor,rewardStatus:"AVAILABLE",open:r,onClick:function(){navigator.clipboard.writeText(a);n(true);setTimeout((function(){return n(false)}),e.tooltiplifespan)}},e.demoData||{},{arrayMerge:function(e,t){return t}})}var StatContainer=function(){function e(e){registerInstance(this,e);this.ignored=true;this.space="xxx-large";this.display="flex";this.alignment="center";this.gap="x-large";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 SEND_EVENT=dist.gql(templateObject_17||(templateObject_17=__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=J();var r=L();var n=$e(SEND_EVENT),a=n[0],o=n[1],i=o.data,s=o.loading;var l=Qe().refresh;useEffect((function(){if(i){l();d()}}),[i]);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()}var h={card:{backgroundColor:e.backgroundColor,textColor:e.textColor,borderColor:e.borderColor,borderRadius:e.borderRadius,buttonType:e.buttonType}};return{states:{loadingEvent:s,locale:r},styles:h,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;this.hideButton=false;this.buttonType="primary";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,o=n.callbacks;return h$1(TaskCardView,{callbacks:o,states:{loading:r,loadingEvent:a.loadingEvent,progress:t,locale:a.locale},content:__assign({},getProps(this))})};return e}();function useTaskCardDemo(e){return cjs({content:__assign({},e),states:{loadingEvent:false,locale:"en"},callbacks:{sendEvent:function(e){return console.log(e)},onClick:function(){return console.log("clicked")}}},e.demoData||{},{arrayMerge:function(e,t){return t}})}var 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 vanillaStyle$2="\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;var n={TimelineReward:{color:e.textColor||"var(--sqm-text)",lineHeight:"var(--sl-line-height-dense)","& .container":{display:"flex"},"& .line":{display:"none",color:"transparent",userSelect:"none",background:e.lineColor||"var(--sqm-accent-color-icon)",width:"4px",borderRadius:"4px",margin:"-2px",position:"relative",left:"12px",top:"34px"},"& .step":{display:"flex"},"& .icon":{position:"relative",top:"4px",zIndex:"1",color:e.lineColor||"var(--sqm-accent-color-icon)",marginRight:"var(--sl-spacing-large)"},"& .reward":{marginRight:"var(--sl-spacing-x-small)",fontSize:"var(--sl-font-size-x-large)",fontWeight:"var(--sl-font-weight-semibold)"},"& .unit":{textTransform:"uppercase",fontSize:"var(--sl-font-size-small)"},"& .description":{fontSize:"var(--sl-font-size-medium)"}}};var a=createStyleSheet(n);var o=a.toString();return h$1("div",{class:a.classes.TimelineReward,part:"sqm-base"},h$1("style",{type:"text/css"},o,vanillaStyle$2),h$1("div",{class:"container",part:"sqm-entry-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",part:"sqm-reward"},e.reward),h$1("span",{class:"unit",part:"sqm-unit"},e.unit)),h$1("div",{class:"description",part:"sqm-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_18||(templateObject_18=__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,o,i,s,l;var d=J();var u=wn(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)?((i=(o=u.data)===null||o===void 0?void 0:o.viewer)===null||i===void 0?void 0:i.firstName)+" "+((l=(s=u.data)===null||s===void 0?void 0:s.viewer)===null||l===void 0?void 0:l.lastName):e.fallback;return{loadingText:e.loadingText,loading:c,username: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,SqmBrandSelector as sqm_brand_selector,CardFeed as sqm_card_feed,CheckboxField as sqm_checkbox_field,CouponCode as sqm_coupon_code,DividedLayout as sqm_divided_layout,DropdownField as sqm_dropdown_field,EditProfile as sqm_edit_profile,Hero as sqm_hero,HeroImage as sqm_hero_image,SqmHookStoryContainer as sqm_hook_story_container,Image as sqm_image,InputField as sqm_input_field,Leaderboard as sqm_leaderboard,LinkButton as sqm_link_button,MarketingEmailsCheckbox as sqm_marketing_emails_checkbox,NameFields as sqm_name_fields,NavigationMenu as sqm_navigation_menu,PayoutButtonScroll as sqm_payout_button_scroll,PayoutStatusAlert as sqm_payout_status_alert,PortalChangeMarketing as sqm_portal_change_marketing,PortalChangePassword as sqm_portal_change_password,PortalFooter as sqm_portal_footer,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,ShareButton as sqm_share_button,ShareCode as sqm_share_code,ShareLink as sqm_share_link,StatContainer as sqm_stat_container,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,templateObject_12,templateObject_13,templateObject_14,templateObject_15,templateObject_16,templateObject_17,templateObject_18;

package/dist/esm-es5/{sqm-close-button-view-f9819751.js → sqm-close-button-view-bc2bc10e.js}

@@ -1 +1 @@
-import{h}from"./index-91e7729f.js";import{c as createStyleSheet}from"./JSS-67b5cff8.js";import{H as HostBlock}from"./mixins-83f90fa1.js";var style={HostBlock:HostBlock,icon:{cursor:"pointer",position:"absolute",right:"var(--sl-spacing-medium)",top:"var(--sl-spacing-x-small)",zIndex:"100"}};var sheet=createStyleSheet(style);var styleString=sheet.toString();function CloseButtonView(t){var e=t.onClick;return h("div",null,h("style",{type:"text/css"},styleString),h("span",{class:sheet.classes.icon,onClick:e},h("svg",{width:"16",height:"16",viewBox:"0 0 56 56",fill:"none",xmlns:"http://www.w3.org/2000/svg"},h("path",{d:"M56 5.64L50.36 0L28 22.36L5.64 0L0 5.64L22.36 28L0 50.36L5.64 56L28 33.64L50.36 56L56 50.36L33.64 28L56 5.64Z",fill:t.color||"black"}))))}export{CloseButtonView as C};
+import{h}from"./index-91e7729f.js";import{c as createStyleSheet}from"./JSS-67b5cff8.js";import{H as HostBlock}from"./mixins-f750863a.js";var style={HostBlock:HostBlock,icon:{cursor:"pointer",position:"absolute",right:"var(--sl-spacing-medium)",top:"var(--sl-spacing-x-small)",zIndex:"100"}};var sheet=createStyleSheet(style);var styleString=sheet.toString();function CloseButtonView(t){var e=t.onClick;return h("div",null,h("style",{type:"text/css"},styleString),h("span",{class:sheet.classes.icon,onClick:e},h("svg",{width:"16",height:"16",viewBox:"0 0 56 56",fill:"none",xmlns:"http://www.w3.org/2000/svg"},h("path",{d:"M56 5.64L50.36 0L28 22.36L5.64 0L0 5.64L22.36 28L0 50.36L5.64 56L28 33.64L50.36 56L56 50.36L33.64 28L56 5.64Z",fill:t.color||"black"}))))}export{CloseButtonView as C};

package/dist/esm-es5/sqm-close-button.entry.js

@@ -1 +1 @@
-import{r as registerInstance,h as h$1}from"./index-91e7729f.js";import{n as h}from"./stencil-hooks.module-4bc38af4.js";import{g as getEnvironmentSDK}from"./index.module-89a79f66.js";import"./JSS-67b5cff8.js";import"./mixins-83f90fa1.js";import{C as CloseButtonView}from"./sqm-close-button-view-f9819751.js";var CloseButton=function(){function t(t){registerInstance(this,t);this.color="#000000";h(this)}t.prototype.disconnectedCallback=function(){};t.prototype.render=function(){var t;var o=getEnvironmentSDK();var e=o.type==="SquatchJS2"&&((t=o.widgetIdent)===null||t===void 0?void 0:t.engagementMedium)==="POPUP";if(!e)return h$1("div",{style:{display:"none"}});var n=function(){var t,e;if(o.type==="SquatchJS2"){(e=(t=o.api).close)===null||e===void 0?void 0:e.call(t)}};return h$1(CloseButtonView,{onClick:n,color:this.color})};return t}();export{CloseButton as sqm_close_button};
+import{r as registerInstance,h as h$1}from"./index-91e7729f.js";import{n as h}from"./stencil-hooks.module-4bc38af4.js";import{g as getEnvironmentSDK}from"./index.module-89a79f66.js";import"./JSS-67b5cff8.js";import"./mixins-f750863a.js";import{C as CloseButtonView}from"./sqm-close-button-view-bc2bc10e.js";var CloseButton=function(){function t(t){registerInstance(this,t);this.color="#000000";h(this)}t.prototype.disconnectedCallback=function(){};t.prototype.render=function(){var t;var o=getEnvironmentSDK();var e=o.type==="SquatchJS2"&&((t=o.widgetIdent)===null||t===void 0?void 0:t.engagementMedium)==="POPUP";if(!e)return h$1("div",{style:{display:"none"}});var n=function(){var t,e;if(o.type==="SquatchJS2"){(e=(t=o.api).close)===null||e===void 0?void 0:e.call(t)}};return h$1(CloseButtonView,{onClick:n,color:this.color})};return t}();export{CloseButton as sqm_close_button};

package/dist/esm-es5/sqm-code-verification.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,r=1,i=arguments.length;r<i;r++){t=arguments[r];for(var n in t)if(Object.prototype.hasOwnProperty.call(t,n))e[n]=t[n]}return e};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(e,t,r,i){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(i.next(e))}catch(e){a(e)}}function o(e){try{l(i["throw"](e))}catch(e){a(e)}}function l(e){e.done?r(e.value):n(e.value).then(s,o)}l((i=i.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:[]},i,n,a,s;return s={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function o(e){return function(t){return l([e,t])}}function l(s){if(i)throw new TypeError("Generator is already executing.");while(r)try{if(i=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{i=a=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};import{h,r as registerInstance}from"./index-91e7729f.js";import{l,k as useState,f as useEffect,n as h$1}from"./stencil-hooks.module-4bc38af4.js";import{i as intl}from"./global-632fb2fa.js";import{d as dist,t as Pn,F as Fn,i as isDemo,q as En}from"./index.module-89a79f66.js";import{c as cjs}from"./cjs-bdfb4486.js";import{g as getProps}from"./utils-334c1e34.js";import{c as createStyleSheet}from"./JSS-67b5cff8.js";import{E as ErrorStyles}from"./mixins-f750863a.js";import{T as TextSpanView}from"./sqm-text-span-view-cd3902e5.js";import{p as parseStates}from"./parseStates-ed75e224.js";import{V as VERIFICATION_EMAIL_NAMESPACE,S as SHOW_CODE_NAMESPACE,a as VERIFICATION_PARENT_NAMESPACE}from"./keys-406491dc.js";import{u as useVerificationEmail}from"./useVerificationEmail-edc318cb.js";var style={Wrapper:{display:"flex",flexDirection:"column",gap:"var(--sl-spacing-medium)",maxWidth:"550px"},HeaderContainer:{display:"flex",flexDirection:"column"},InputsContainer:{display:"flex",gap:"var(--sl-spacing-medium)",position:"relative",flexDirection:"column"},CodeInputContainer:{display:"flex",gap:"var(--sl-spacing-medium)"},CodeInput:{maxWidth:"40px","&::part(input)":{margin:"0",padding:"0 var(--sl-input-spacing-small)",fontSize:"var(--sl-font-size-large)"}},CodeInputError:__assign(__assign({},ErrorStyles),{maxWidth:"40px","&::part(input)":{margin:"0",padding:"0 var(--sl-input-spacing-small)",fontSize:"var(--sl-font-size-large)"}}),ErrorText:{color:"var(--sl-color-danger-500)",fontSize:"var(--sl-font-size-small)",margin:"0"},ContinueButton:{width:"100%",maxWidth:"100px"},FooterContainer:{display:"flex",flexDirection:"column"},SkeletonOne:{width:"50%",height:"16px"},SkeletonTwo:{width:"30%",height:"34px"},SkeletonThree:{width:"15%",height:"24px"}};var vanillaStyle="\n:host {\n  display: block;\n}\n:host([hidden]): {\n  display: none;\n}\n\n\n";var sheet=createStyleSheet(style);var styleString=sheet.toString();function WidgetCodeVerificationView(e){var t=e.states,r=e.refs,i=e.callbacks,n=e.text;var a=intl.formatMessage({id:"resendCodeText",defaultMessage:n.resendCodeText},{resendCodeLink:h("a",{href:"",style:{textDecoration:"none"},onClick:function(e){e.preventDefault();i.resendEmail()}},n.resendCodeLabel)});var s=intl.formatMessage({id:"codeResentSuccessfully",defaultMessage:n.codeResentSuccessfullyText},{email:t.email});var o=t.verifyFailed?sheet.classes.CodeInputError:sheet.classes.CodeInput;return h("div",{part:"sqm-base"},h("style",{type:"text/css"},vanillaStyle,styleString),h("div",{class:sheet.classes.Wrapper},h("div",{class:sheet.classes.HeaderContainer},h(TextSpanView,{type:"p"},intl.formatMessage({id:"emailHeaderText",defaultMessage:t.verifyFailed?n.reverifyCodeHeaderText:n.verifyCodeHeaderText},{email:t.email}))),t.emailResent&&h("sqm-form-message",{type:"success",exportparts:"successalert-icon"},h("b",null,s)),h("div",{class:sheet.classes.InputsContainer},h("div",{ref:r.codeWrapperRef,class:sheet.classes.CodeInputContainer},h("sl-input",{class:o,name:"code"}),h("sl-input",{class:o,name:"code"}),h("sl-input",{class:o,name:"code"}),h("sl-input",{class:o,name:"code"}),h("sl-input",{class:o,name:"code"}),h("sl-input",{class:o,name:"code"})),t.verifyFailed&&h("p",{class:sheet.classes.ErrorText},n.invalidCodeText),h("sl-button",{class:sheet.classes.ContinueButton,onClick:i.submitCode,disabled:t.loading||t.initialiseLoading,loading:t.loading||t.initialiseLoading,exportparts:"base: primarybutton-base",type:"primary"},n.verifyText)),h("div",{class:sheet.classes.FooterContainer},h(TextSpanView,{type:"p"},a))))}var VerifyEmailWithCodeMutation=dist.gql(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  mutation submitImpactPublisherEmail2FACode(\n    $user: UserIdInput!\n    $code: String!\n  ) {\n    submitImpactPublisherEmail2FACode(user: $user, code: $code) {\n      verifiedEmail\n      accessKey\n    }\n  }\n"],["\n  mutation submitImpactPublisherEmail2FACode(\n    $user: UserIdInput!\n    $code: String!\n  ) {\n    submitImpactPublisherEmail2FACode(user: $user, code: $code) {\n      verifiedEmail\n      accessKey\n    }\n  }\n"])));function useWidgetCodeVerification(e){var t=this;var r=l();var i=Pn(SHOW_CODE_NAMESPACE),n=i[0],a=i[1];var s=Fn(VERIFICATION_EMAIL_NAMESPACE);var o=useState(false),c=o[0],u=o[1];var d=useState(false),f=d[0],p=d[1];var m=useState(null),h=m[0],v=m[1];var g=useState(false),y=g[0],C=g[1];var b=useState(false),x=b[0],E=b[1];var _=useVerificationEmail(),S=_.initialized,w=_.verificationEmail,T=_.send,I=T[0],A=T[1],k=A.loading,j=A.errors,P=_.verify,V=P[0],O=P[1],W=O.loading,F=O.errors;useEffect((function(){if(!h)return;var e=h.querySelectorAll("sl-input");var t=Array.from(e).map((function(e){return e.shadowRoot.querySelector('input[name="code"]')}));t.forEach((function(e,r){e.addEventListener("focus",(function(e){e.target.select()}));e.addEventListener("keydown",(function(e){if(e.key==="Backspace"&&e.target.value===""){t[Math.max(0,r-1)].focus()}}));e.addEventListener("input",(function(e){var i=e.data;if(!i)return;if(r===t.length-1){e.target.value=i.slice(0,1);return}if(i.length>1){var n=i.slice(1);e.target.value=i.slice(0,1);t[r+1].dispatchEvent(new InputEvent("input",{inputType:"insertFromPaste",data:n}))}t[r+1].focus()}))}))}),[h]);var M=function(){a(false);C(false)};var R=function(){return __awaiter(t,void 0,void 0,(function(){var e;return __generator(this,(function(t){switch(t.label){case 0:if(!S)return[2];return[4,I()];case 1:e=t.sent();if(!e){E(true);return[2]}if(c)p(true);u(true);return[2]}}))}))};var D=function(){return __awaiter(t,void 0,void 0,(function(){var t,r,i,n;return __generator(this,(function(a){switch(a.label){case 0:t=h.querySelectorAll("sl-input");r=Array.from(t).map((function(e){return e.shadowRoot.querySelector('input[name="code"]')}));if(r.find((function(e){return!e.value}))){C(true);return[2]}i="";r.forEach((function(e){i=""+i+e.value}));if(!S)return[2];C(false);return[4,V(i)];case 1:n=a.sent();if(n===null||n===void 0?void 0:n.success){e.onVerification(n.accessKey);M()}else{C(true)}return[2]}}))}))};useEffect((function(){if(!S)return;if(!s)R();else u(true)}),[S]);return{refs:{codeWrapperRef:v},states:{email:w,emailResent:f,resendError:j||F,initialiseLoading:!S,loading:k||W,verifyFailed:!!y},callbacks:{resendEmail:R,submitCode:D},text:e.getTextProps()}}var WidgetCodeVerification=function(){function e(e){registerInstance(this,e);this.verifyCodeHeaderText="Enter the code sent to {email} from our referral provider, impact.com.";this.reverifyCodeHeaderText="Enter the code sent to {email} from our referral provider, impact.com.";this.resendCodeText="Didn't receive your code? {resendCodeLink}";this.resendCodeLabel="Resend code";this.codeResentSuccessfullyText="Another code has been sent to {email}";this.invalidCodeText="Please check your code and try again. If you’re still having trouble, try resending your code.";this.verifyText="Verify";this.networkErrorMessage="An error occurred while verifying your email. Please refresh the page and try again.";this.stateController="{}";h$1(this)}e.prototype.disconnectedCallback=function(){};e.prototype.getTextProps=function(){return getProps(this)};e.prototype.render=function(){var e=isDemo()?useDemoWidgetCodeVerification(this):useWidgetCodeVerification(this);return h(WidgetCodeVerificationView,Object.assign({},e))};return e}();function useDemoWidgetCodeVerification(e){var t=this;var r=useState(false),i=r[0],n=r[1];var a=En(VERIFICATION_PARENT_NAMESPACE);return cjs({states:{initialiseLoading:false,loading:false,email:"test@example.com",emailResent:i,verifyFailed:false},refs:{codeWrapperRef:function(){}},callbacks:{resendEmail:function(){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(e){return[2,n(true)]}))}))},submitCode:function(){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(e){return[2,a(true)]}))}))}},text:e.getTextProps()},e.demoData||parseStates(e.stateController)||{},{arrayMerge:function(e,t){return t}})}export{WidgetCodeVerification as sqm_code_verification};var templateObject_1;

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

@@ -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 __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 s(e){try{l(n.next(e))}catch(e){i(e)}}function o(e){try{l(n["throw"](e))}catch(e){i(e)}}function l(e){e.done?r(e.value):a(e.value).then(s,o)}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,s;return s={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function o(e){return function(t){return l([e,t])}}function l(s){if(n)throw new TypeError("Generator is already executing.");while(r)try{if(n=1,a&&(i=s[0]&2?a["return"]:s[0]?a["throw"]||((i=a["return"])&&i.call(a),0):a.next)&&!(i=i.call(a,s[1])).done)return i;if(a=0,i)s=[s[0]&2,i.value];switch(s[0]){case 0:case 1:i=s;break;case 4:r.label++;return{value:s[1],done:false};case 5:r.label++;a=s[1];s=[0];continue;case 7:s=r.ops.pop();r.trys.pop();continue;default:if(!(i=r.trys,i=i.length>0&&i[i.length-1])&&(s[0]===6||s[0]===2)){r=0;continue}if(s[0]===3&&(!i||s[1]>i[0]&&s[1]<i[3])){r.label=s[1];break}if(s[0]===6&&r.label<i[1]){r.label=i[1];i=s;break}if(i&&r.label<i[2]){r.label=i[2];r.ops.push(s);break}if(i[2])r.ops.pop();r.trys.pop();continue}s=t.call(e,r)}catch(e){s=[6,e];a=0}finally{n=i=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};import{h,r as registerInstance}from"./index-91e7729f.js";import{k as useState,f as useEffect,n as h$1}from"./stencil-hooks.module-4bc38af4.js";import{i as intl}from"./global-1d207c9e.js";import{d as dist,t as Pn,w as wn,J,$ as $e,i as isDemo,q as En}from"./index.module-89a79f66.js";import{c as cjs}from"./cjs-bdfb4486.js";import{g as getProps}from"./utils-334c1e34.js";import{c as createStyleSheet}from"./JSS-67b5cff8.js";import{T as TextSpanView}from"./sqm-text-span-view-ca32495e.js";import{S as SHOW_CODE_NAMESPACE,V as VERIFICATION_EMAIL_NAMESPACE}from"./keys-406491dc.js";import{u as useVerificationEmail}from"./useVerificationEmail-edc318cb.js";var UpsertUserEmailMutation=dist.gql(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  mutation upsertUser($userInput: UserInput!) {\n    upsertUser(userInput: $userInput) {\n      id\n      accountId\n      email\n    }\n  }\n"],["\n  mutation upsertUser($userInput: UserInput!) {\n    upsertUser(userInput: $userInput) {\n      id\n      accountId\n      email\n    }\n  }\n"])));var UserLookupQuery=dist.gql(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  query user {\n    viewer {\n      ... on User {\n        id\n        accountId\n        email\n        impactConnection {\n          user {\n            id\n            email\n          }\n        }\n      }\n    }\n  }\n"],["\n  query user {\n    viewer {\n      ... on User {\n        id\n        accountId\n        email\n        impactConnection {\n          user {\n            id\n            email\n          }\n        }\n      }\n    }\n  }\n"])));function useUpsertUserEmail(){var e=this;var t=J();var r=$e(UpsertUserEmailMutation),n=r[0],a=r[1],i=a.loading,s=a.data,o=a.errors;var l=function(r){return __awaiter(e,void 0,void 0,(function(){var e,a;return __generator(this,(function(i){switch(i.label){case 0:i.trys.push([0,2,,3]);return[4,n({userInput:{id:t.id,accountId:t.accountId,email:r}})];case 1:e=i.sent();if(e instanceof Error||!e)throw new Error;return[2,e];case 2:a=i.sent();console.error("Could not set email on user",a);return[2,undefined];case 3:return[2]}}))}))};return[l,{loading:i,data:s,errors:o}]}function useWidgetEmailVerification(e){var t=this;var r=Pn(SHOW_CODE_NAMESPACE),n=r[0],a=r[1];var i=Pn(VERIFICATION_EMAIL_NAMESPACE),s=i[0],o=i[1];var l=useState(false),u=l[0],c=l[1];var d=useState(false),p=d[0],m=d[1];var f=useState(false),h=f[0],v=f[1];var b=useVerificationEmail(),g=b.initialized,E=b.send,y=E[0],_=E[1],w=_.loading,x=_.errors;var S=useUpsertUserEmail()[0];var k=useState(true),C=k[0],I=k[1];var j=wn(UserLookupQuery,{}),T=j.data,O=j.loading;var V=/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;useEffect((function(){if(!(T===null||T===void 0?void 0:T.viewer))return;c(!!T.viewer.email)}),[T]);useEffect((function(){if(g)I(false)}),[g]);var A=function(e){return __awaiter(t,void 0,void 0,(function(){var t,r,n,i,s;return __generator(this,(function(l){switch(l.label){case 0:e.preventDefault();if(!(T===null||T===void 0?void 0:T.viewer))return[2];I(true);t=T.viewer.email;if(!!t)return[3,2];r=e.detail.formData;n=r.get("email").toString();if(!V.test(n)){m(true);return[2]}return[4,S(n)];case 1:i=l.sent();if(!i||!i.user.email)m(true);l.label=2;case 2:if(!g)return[2];return[4,y()];case 3:s=l.sent();if(!s||!s.success)v(true);else{o(t);a(true)}I(false);return[2]}}))}))};return{callbacks:{submitEmail:A},states:{loading:C,initialLoading:O&&!g,error:p,email:T===null||T===void 0?void 0:T.viewer.email,sendCodeError:h},text:e.getTextProps()}}var style={Wrapper:{display:"flex",flexDirection:"column",gap:"var(--sl-spacing-medium)",marginTop:"var(--sl-spacing-medium)"},InputsContainer:{display:"flex",gap:"var(--sl-spacing-medium)",position:"relative",flexDirection:"column",maxWidth:"320px"},ErrorAlertContainer:{"&::part(base)":{backgroundColor:"var(--sl-color-red-100)",borderTop:"none"},"&::part(message)":{}},ContinueButton:{width:"100%",maxWidth:"100px"},SkeletonOne:{width:"50%",height:"16px"},SkeletonTwo:{width:"30%",height:"34px"},SkeletonThree:{width:"15%",height:"24px"},ErrorInput:{"&::part(base)":{border:"1px solid var(--sl-color-danger-500)",borderRadius:"var(--sl-input-border-radius-medium)"},"&::part(help-text)":{color:"var(--sl-color-danger-500)"}}};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 WidgetEmailVerificationView(e){var t=e.states,r=e.callbacks,n=e.text;var a=function(){return h("div",{class:sheet.classes.Wrapper},h("sl-skeleton",{class:sheet.classes.SkeletonOne}),h("sl-skeleton",{class:sheet.classes.SkeletonTwo}),h("sl-skeleton",{class:sheet.classes.SkeletonThree}))};return h("div",{part:"sqm-base"},h("style",{type:"text/css"},vanillaStyle,styleString),t.sendCodeError&&h("sl-alert",{exportparts:"base: alert-base, icon:alert-icon",type:"danger",class:sheet.classes.ErrorAlertContainer,open:true},h("sl-icon",{slot:"icon",name:"exclamation-octagon"}),h("b",null,n.sendCodeErrorHeader),h("br",null),intl.formatMessage({id:"sendCodeErrorDescription",defaultMessage:n.sendCodeErrorDescription},{supportLink:h("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},n.supportLink)})),t.initialLoading?a():h("div",{class:sheet.classes.Wrapper},h(TextSpanView,{type:"p"},n.verifyEmailHeaderText),h("sl-form",{"onSl-submit":r.submitEmail},h("div",{class:sheet.classes.InputsContainer},h("sl-input",Object.assign({exportparts:"label: input-label, base: input-base",label:n.emailLabel,value:t.email||"",type:"email",id:"email",name:"email",disabled:!!t.email||t.loading},t.error?{class:sheet.classes.ErrorInput,helpText:n.emailValidationErrorText}:{})),h("sl-button",{submit:true,class:sheet.classes.ContinueButton,loading:t.loading,exportparts:"base: primarybutton-base",type:"primary"},n.sendCodeText)))))}var WidgetEmailVerification=function(){function e(e){registerInstance(this,e);this.verifyEmailHeaderText="Start by verifying your email. We’ll send you a code through our referral provider, impact.com.";this.sendCodeErrorHeader="There was an error sending your code";this.supportLink="support team";this.sendCodeErrorDescription="Please try again. If this problem continues, contact our program {supportLink}.";this.emailLabel="Email";this.sendCodeText="Send code";this.emailValidationErrorText="Please enter a valid email";h$1(this)}e.prototype.disconnectedCallback=function(){};e.prototype.getTextProps=function(){return getProps(this)};e.prototype.render=function(){var e=isDemo()?useDemoWidgetEmailVerification(this):useWidgetEmailVerification(this);return h(WidgetEmailVerificationView,Object.assign({},e))};return e}();function useDemoWidgetEmailVerification(e){var t=this;var r=En(SHOW_CODE_NAMESPACE);return cjs({states:{error:true,initialLoading:false,loading:false,email:"test@example.com",sendCodeError:true},callbacks:{submitEmail:function(){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(e){return[2,r(true)]}))}))}},text:e.getTextProps()},e.demoData||{},{arrayMerge:function(e,t){return t}})}export{WidgetEmailVerification as sqm_email_verification};var templateObject_1,templateObject_2;
+var __makeTemplateObject=this&&this.__makeTemplateObject||function(e,t){if(Object.defineProperty){Object.defineProperty(e,"raw",{value:t})}else{e.raw=t}return e};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 s(e){try{l(n.next(e))}catch(e){i(e)}}function o(e){try{l(n["throw"](e))}catch(e){i(e)}}function l(e){e.done?r(e.value):a(e.value).then(s,o)}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,s;return s={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function o(e){return function(t){return l([e,t])}}function l(s){if(n)throw new TypeError("Generator is already executing.");while(r)try{if(n=1,a&&(i=s[0]&2?a["return"]:s[0]?a["throw"]||((i=a["return"])&&i.call(a),0):a.next)&&!(i=i.call(a,s[1])).done)return i;if(a=0,i)s=[s[0]&2,i.value];switch(s[0]){case 0:case 1:i=s;break;case 4:r.label++;return{value:s[1],done:false};case 5:r.label++;a=s[1];s=[0];continue;case 7:s=r.ops.pop();r.trys.pop();continue;default:if(!(i=r.trys,i=i.length>0&&i[i.length-1])&&(s[0]===6||s[0]===2)){r=0;continue}if(s[0]===3&&(!i||s[1]>i[0]&&s[1]<i[3])){r.label=s[1];break}if(s[0]===6&&r.label<i[1]){r.label=i[1];i=s;break}if(i&&r.label<i[2]){r.label=i[2];r.ops.push(s);break}if(i[2])r.ops.pop();r.trys.pop();continue}s=t.call(e,r)}catch(e){s=[6,e];a=0}finally{n=i=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};import{h,r as registerInstance}from"./index-91e7729f.js";import{k as useState,f as useEffect,n as h$1}from"./stencil-hooks.module-4bc38af4.js";import{i as intl}from"./global-632fb2fa.js";import{d as dist,t as Pn,w as wn,J,$ as $e,i as isDemo,q as En}from"./index.module-89a79f66.js";import{c as cjs}from"./cjs-bdfb4486.js";import{g as getProps}from"./utils-334c1e34.js";import{c as createStyleSheet}from"./JSS-67b5cff8.js";import{T as TextSpanView}from"./sqm-text-span-view-cd3902e5.js";import{S as SHOW_CODE_NAMESPACE,V as VERIFICATION_EMAIL_NAMESPACE}from"./keys-406491dc.js";import{u as useVerificationEmail}from"./useVerificationEmail-edc318cb.js";var UpsertUserEmailMutation=dist.gql(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  mutation upsertUser($userInput: UserInput!) {\n    upsertUser(userInput: $userInput) {\n      id\n      accountId\n      email\n    }\n  }\n"],["\n  mutation upsertUser($userInput: UserInput!) {\n    upsertUser(userInput: $userInput) {\n      id\n      accountId\n      email\n    }\n  }\n"])));var UserLookupQuery=dist.gql(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  query user {\n    viewer {\n      ... on User {\n        id\n        accountId\n        email\n        impactConnection {\n          user {\n            id\n            email\n          }\n        }\n      }\n    }\n  }\n"],["\n  query user {\n    viewer {\n      ... on User {\n        id\n        accountId\n        email\n        impactConnection {\n          user {\n            id\n            email\n          }\n        }\n      }\n    }\n  }\n"])));function useUpsertUserEmail(){var e=this;var t=J();var r=$e(UpsertUserEmailMutation),n=r[0],a=r[1],i=a.loading,s=a.data,o=a.errors;var l=function(r){return __awaiter(e,void 0,void 0,(function(){var e,a;return __generator(this,(function(i){switch(i.label){case 0:i.trys.push([0,2,,3]);return[4,n({userInput:{id:t.id,accountId:t.accountId,email:r}})];case 1:e=i.sent();if(e instanceof Error||!e)throw new Error;return[2,e];case 2:a=i.sent();console.error("Could not set email on user",a);return[2,undefined];case 3:return[2]}}))}))};return[l,{loading:i,data:s,errors:o}]}function useWidgetEmailVerification(e){var t=this;var r=Pn(SHOW_CODE_NAMESPACE),n=r[0],a=r[1];var i=Pn(VERIFICATION_EMAIL_NAMESPACE),s=i[0],o=i[1];var l=useState(false),u=l[0],c=l[1];var d=useState(false),p=d[0],m=d[1];var f=useState(false),h=f[0],v=f[1];var b=useVerificationEmail(),g=b.initialized,E=b.send,y=E[0],_=E[1],w=_.loading,x=_.errors;var S=useUpsertUserEmail()[0];var k=useState(true),C=k[0],I=k[1];var j=wn(UserLookupQuery,{}),T=j.data,O=j.loading;var V=/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;useEffect((function(){if(!(T===null||T===void 0?void 0:T.viewer))return;c(!!T.viewer.email)}),[T]);useEffect((function(){if(g)I(false)}),[g]);var A=function(e){return __awaiter(t,void 0,void 0,(function(){var t,r,n,i,s;return __generator(this,(function(l){switch(l.label){case 0:e.preventDefault();if(!(T===null||T===void 0?void 0:T.viewer))return[2];I(true);t=T.viewer.email;if(!!t)return[3,2];r=e.detail.formData;n=r.get("email").toString();if(!V.test(n)){m(true);return[2]}return[4,S(n)];case 1:i=l.sent();if(!i||!i.user.email)m(true);l.label=2;case 2:if(!g)return[2];return[4,y()];case 3:s=l.sent();if(!s||!s.success)v(true);else{o(t);a(true)}I(false);return[2]}}))}))};return{callbacks:{submitEmail:A},states:{loading:C,initialLoading:O&&!g,error:p,email:T===null||T===void 0?void 0:T.viewer.email,sendCodeError:h},text:e.getTextProps()}}var style={Wrapper:{display:"flex",flexDirection:"column",gap:"var(--sl-spacing-medium)",marginTop:"var(--sl-spacing-medium)"},InputsContainer:{display:"flex",gap:"var(--sl-spacing-medium)",position:"relative",flexDirection:"column",maxWidth:"320px"},ErrorAlertContainer:{"&::part(base)":{backgroundColor:"var(--sl-color-red-100)",borderTop:"none"},"&::part(message)":{}},ContinueButton:{width:"100%",maxWidth:"100px"},SkeletonOne:{width:"50%",height:"16px"},SkeletonTwo:{width:"30%",height:"34px"},SkeletonThree:{width:"15%",height:"24px"},ErrorInput:{"&::part(base)":{border:"1px solid var(--sl-color-danger-500)",borderRadius:"var(--sl-input-border-radius-medium)"},"&::part(help-text)":{color:"var(--sl-color-danger-500)"}}};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 WidgetEmailVerificationView(e){var t=e.states,r=e.callbacks,n=e.text;var a=function(){return h("div",{class:sheet.classes.Wrapper},h("sl-skeleton",{class:sheet.classes.SkeletonOne}),h("sl-skeleton",{class:sheet.classes.SkeletonTwo}),h("sl-skeleton",{class:sheet.classes.SkeletonThree}))};return h("div",{part:"sqm-base"},h("style",{type:"text/css"},vanillaStyle,styleString),t.sendCodeError&&h("sl-alert",{exportparts:"base: alert-base, icon:alert-icon",type:"danger",class:sheet.classes.ErrorAlertContainer,open:true},h("sl-icon",{slot:"icon",name:"exclamation-octagon"}),h("b",null,n.sendCodeErrorHeader),h("br",null),intl.formatMessage({id:"sendCodeErrorDescription",defaultMessage:n.sendCodeErrorDescription},{supportLink:h("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},n.supportLink)})),t.initialLoading?a():h("div",{class:sheet.classes.Wrapper},h(TextSpanView,{type:"p"},n.verifyEmailHeaderText),h("sl-form",{"onSl-submit":r.submitEmail},h("div",{class:sheet.classes.InputsContainer},h("sl-input",Object.assign({exportparts:"label: input-label, base: input-base",label:n.emailLabel,value:t.email||"",type:"email",id:"email",name:"email",disabled:!!t.email||t.loading},t.error?{class:sheet.classes.ErrorInput,helpText:n.emailValidationErrorText}:{})),h("sl-button",{submit:true,class:sheet.classes.ContinueButton,loading:t.loading,exportparts:"base: primarybutton-base",type:"primary"},n.sendCodeText)))))}var WidgetEmailVerification=function(){function e(e){registerInstance(this,e);this.verifyEmailHeaderText="Start by verifying your email. We’ll send you a code through our referral provider, impact.com.";this.sendCodeErrorHeader="There was an error sending your code";this.supportLink="support team";this.sendCodeErrorDescription="Please try again. If this problem continues, contact our program {supportLink}.";this.emailLabel="Email";this.sendCodeText="Send code";this.emailValidationErrorText="Please enter a valid email";h$1(this)}e.prototype.disconnectedCallback=function(){};e.prototype.getTextProps=function(){return getProps(this)};e.prototype.render=function(){var e=isDemo()?useDemoWidgetEmailVerification(this):useWidgetEmailVerification(this);return h(WidgetEmailVerificationView,Object.assign({},e))};return e}();function useDemoWidgetEmailVerification(e){var t=this;var r=En(SHOW_CODE_NAMESPACE);return cjs({states:{error:true,initialLoading:false,loading:false,email:"test@example.com",sendCodeError:true},callbacks:{submitEmail:function(){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(e){return[2,r(true)]}))}))}},text:e.getTextProps()},e.demoData||{},{arrayMerge:function(e,t){return t}})}export{WidgetEmailVerification as sqm_email_verification};var templateObject_1,templateObject_2;

package/dist/esm-es5/sqm-empty_4.entry.js

@@ -1 +1 @@
-var __assign=this&&this.__assign||function(){__assign=Object.assign||function(t){for(var e,n=1,a=arguments.length;n<a;n++){e=arguments[n];for(var s in e)if(Object.prototype.hasOwnProperty.call(e,s))t[s]=e[s]}return t};return __assign.apply(this,arguments)};import{h,r as registerInstance,c as Host}from"./index-91e7729f.js";import{n as h$1}from"./stencil-hooks.module-4bc38af4.js";import{i as intl}from"./global-1d207c9e.js";import"./index.module-89a79f66.js";import{g as getProps}from"./utils-334c1e34.js";import"./JSS-67b5cff8.js";import{P as PortalContainerView,a as PortalSectionView}from"./sqm-portal-container-view-1683ae32.js";function EmptyStateView(t){var e=t.emptyStateHeader,n=t.emptyStateImage,a=t.emptyStateText,s=t.supportText,r=t.missingFeature,o=r===void 0?"":r;return h("sqm-portal-container",{padding:"large",gap:"medium",part:"sqm-base"},h("img",{style:{height:"100px",margin:"auto"},src:n}),h("sqm-titled-section",{style:{maxHeight:"400px"},"label-margin":"xxx-small","text-align":"center"},h("sqm-text",{slot:"label"},h("p",{part:"header-text"},e)),h("sqm-text",{slot:"content"},h("p",{part:"description-text"},intl.formatMessage({id:"emptyStateText",defaultMessage:a},{supportText:h("a",{target:"_blank",href:"mailto:saasquatch-support@impact.com?subject=Next steps for "+o+" feature&body=Hi Support Team, %0D%0A\n                  %0D%0A  \n                  I am interested to learn more about the "+o+" feature. Please let me know the next steps to access this feature, including any necessary plan upgrades.%0D%0A\n                  %0D%0A \n                  - Feature Interested In: "+o+"%0D%0A\n                  - Company Name: [Please fill out your company name here]%0D%0A\n                  %0D%0A\n                  Thank you"},s)})))))}var Empty=function(){function t(t){registerInstance(this,t);this.emptyStateImage="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png"}t.prototype.render=function(){return h(Host,{slot:"empty"},h(EmptyStateView,{emptyStateImage:this.emptyStateImage,emptyStateHeader:this.emptyStateHeader,emptyStateText:this.emptyStateText,supportText:this.supportText}))};return t}();var PortalContainer=function(){function t(t){registerInstance(this,t);this.ignored=true;this.direction="column";this.gap="xxx-large";this.display="grid";this.maxWidth="100%";this.flexWrap="wrap";this.backgroundColor="#ffffff00";h$1(this)}t.prototype.disconnectedCallback=function(){};t.prototype.render=function(){return h(PortalContainerView,Object.assign({},getProps(this)),h("slot",null))};return t}();var vanillaStyle="\n  sqm-text {\n    display: block;\n    color: var(--sqm-text);\n  }\n\n  sqm-text h1 {\n    font-size: var(--sl-font-size-xxx-large);\n    font-weight: var(--sl-font-weight-semibold);\n    color: var(--sqm-text);\n    margin: 0;\n  }\n\n  sqm-text h2 {\n    font-size: var(--sl-font-size-xx-large);\n    font-weight: var(--sl-font-weight-semibold);\n    color: var(--sqm-text);\n    margin: 0;\n  }\n\n  sqm-text h3 {\n    font-size: var(--sl-font-size-x-large);\n    font-weight: var(--sl-font-weight-semibold);\n    color: var(--sqm-text);\n    margin: 0;\n  }\n\n  sqm-text h4 {\n    font-size: var(--sl-font-size-large);\n    font-weight: var(--sl-font-weight-bold);\n    color: var(--sqm-text);\n    margin: 0;\n  }\n\n  sqm-text p {\n    font-size: var(--sl-font-size-medium);\n    font-weight: var(--sl-font-weight-normal);\n    color: var(--sqm-text);\n    margin: 0;\n  }\n\n  sqm-text sub {\n    font-size: var(--sl-font-size-small);\n    font-weight: var(--sl-font-weight-normal);\n    color: var(--sqm-text);\n    margin: 0;\n  }\n";var Text=function(){function t(t){registerInstance(this,t);this.ignored=true;h$1(this)}t.prototype.disconnectedCallback=function(){};t.prototype.componentWillLoad=function(){};t.prototype.render=function(){return h("div",null,h("style",null,vanillaStyle),h("slot",null))};return t}();var TitledSection=function(){function t(t){registerInstance(this,t);this.textAlign="left";this.labelMargin="small";this.padding="none";h$1(this)}t.prototype.disconnectedCallback=function(){};t.prototype.render=function(){var t=h("slot",{name:"label"},this.label);var e=h("slot",{name:"content"});return h(PortalSectionView,Object.assign({},__assign(__assign({},getProps(this)),{label:t,content:e})))};return t}();export{Empty as sqm_empty,PortalContainer as sqm_portal_container,Text as sqm_text,TitledSection as sqm_titled_section};
+var __assign=this&&this.__assign||function(){__assign=Object.assign||function(t){for(var e,n=1,s=arguments.length;n<s;n++){e=arguments[n];for(var o in e)if(Object.prototype.hasOwnProperty.call(e,o))t[o]=e[o]}return t};return __assign.apply(this,arguments)};import{h,r as registerInstance,c as Host}from"./index-91e7729f.js";import{n as h$1}from"./stencil-hooks.module-4bc38af4.js";import{i as intl}from"./global-632fb2fa.js";import"./index.module-89a79f66.js";import{g as getProps}from"./utils-334c1e34.js";import"./JSS-67b5cff8.js";import{P as PortalContainerView,a as PortalSectionView}from"./sqm-portal-container-view-1683ae32.js";function EmptyStateView(t){var e=t.emptyStateHeader,n=t.emptyStateImage,s=t.emptyStateText,o=t.supportText,i=t.missingFeature,a=i===void 0?"":i;return h("sqm-portal-container",{padding:"large",gap:"medium",part:"sqm-base"},h("img",{style:{height:"100px",margin:"auto"},src:n}),h("sqm-titled-section",{style:{maxHeight:"400px"},"label-margin":"xxx-small","text-align":"center"},h("sqm-text",{slot:"label"},h("p",{part:"header-text"},e)),h("sqm-text",{slot:"content"},h("p",{part:"description-text"},intl.formatMessage({id:"emptyStateText",defaultMessage:s},{supportText:h("a",{target:"_blank",href:"mailto:saasquatch-support@impact.com?subject=Next steps for "+a+" feature&body=Hi Support Team, %0D%0A\n                  %0D%0A  \n                  I am interested to learn more about the "+a+" feature. Please let me know the next steps to access this feature, including any necessary plan upgrades.%0D%0A\n                  %0D%0A \n                  - Feature Interested In: "+a+"%0D%0A\n                  - Company Name: [Please fill out your company name here]%0D%0A\n                  %0D%0A\n                  Thank you"},o)})))))}var Empty=function(){function t(t){registerInstance(this,t);this.emptyStateImage="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png"}t.prototype.render=function(){return h(Host,{slot:"empty"},h(EmptyStateView,{emptyStateImage:this.emptyStateImage,emptyStateHeader:this.emptyStateHeader,emptyStateText:this.emptyStateText,supportText:this.supportText}))};return t}();var PortalContainer=function(){function t(t){registerInstance(this,t);this.ignored=true;this.direction="column";this.gap="xxx-large";this.display="grid";this.maxWidth="100%";this.flexWrap="wrap";this.backgroundColor="#ffffff00";h$1(this)}t.prototype.disconnectedCallback=function(){};t.prototype.render=function(){return h(PortalContainerView,Object.assign({},getProps(this)),h("slot",null))};return t}();var Text=function(){function t(t){registerInstance(this,t);this.ignored=true;h$1(this)}t.prototype.disconnectedCallback=function(){};t.prototype.componentWillLoad=function(){};t.prototype.render=function(){var t="\n    sqm-text {\n      display: block;\n      color: "+(this.textColor||"var(--sqm-text)")+";\n    }\n\n    sqm-text h1 {\n      font-size: "+(this.fontSize?this.fontSize+"px":"var(--sl-font-size-xxx-large)")+";\n      font-weight: var(--sl-font-weight-semibold);\n      color: "+(this.textColor||"var(--sqm-text)")+";\n      margin: 0;\n    }\n\n    sqm-text h2 {\n      font-size: "+(this.fontSize?this.fontSize+"px":"var(--sl-font-size-xx-large)")+";\n      font-weight: var(--sl-font-weight-semibold);\n      color: "+(this.textColor||"var(--sqm-text)")+";\n      margin: 0;\n    }\n\n    sqm-text h3 {\n      font-size: "+(this.fontSize?this.fontSize+"px":"var(--sl-font-size-x-large)")+";\n      font-weight: var(--sl-font-weight-semibold);\n      color: "+(this.textColor||"var(--sqm-text)")+";\n      margin: 0;\n    }\n\n    sqm-text h4 {\n      font-size: "+(this.fontSize?this.fontSize+"px":"var(--sl-font-size-large)")+";\n      font-weight: var(--sl-font-weight-bold);\n      color: "+(this.textColor||"var(--sqm-text)")+";\n      margin: 0;\n    }\n\n    sqm-text p {\n      font-size: "+(this.fontSize?this.fontSize+"px":"var(--sl-font-size-medium)")+";\n      font-weight: var(--sl-font-weight-normal);\n      color: "+(this.textColor||"var(--sqm-text)")+";\n      margin: 0;\n    }\n\n    sqm-text sub {\n      font-size: "+(this.fontSize?this.fontSize+"px":"var(--sl-font-size-small)")+";\n      font-weight: var(--sl-font-weight-normal);\n      color: "+(this.textColor||"var(--sqm-text)")+";\n      margin: 0;\n    }\n    ";return h("div",null,h("style",null,t),h("slot",null))};return t}();var TitledSection=function(){function t(t){registerInstance(this,t);this.textAlign="left";this.labelMargin="small";this.padding="none";h$1(this)}t.prototype.disconnectedCallback=function(){};t.prototype.render=function(){var t=h("slot",{name:"label"},this.label);var e=h("slot",{name:"content"});return h(PortalSectionView,Object.assign({},__assign(__assign({},getProps(this)),{label:t,content:e})))};return t}();export{Empty as sqm_empty,PortalContainer as sqm_portal_container,Text as sqm_text,TitledSection as sqm_titled_section};

package/dist/esm-es5/sqm-instant-access-registration.entry.js

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(e,t,i,r){function a(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,s){function n(e){try{l(r.next(e))}catch(e){s(e)}}function o(e){try{l(r["throw"](e))}catch(e){s(e)}}function l(e){e.done?i(e.value):a(e.value).then(n,o)}l((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},r,a,s,n;return n={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function o(e){return function(t){return l([e,t])}}function l(n){if(r)throw new TypeError("Generator is already executing.");while(i)try{if(r=1,a&&(s=n[0]&2?a["return"]:n[0]?a["throw"]||((s=a["return"])&&s.call(a),0):a.next)&&!(s=s.call(a,n[1])).done)return s;if(a=0,s)n=[n[0]&2,s.value];switch(n[0]){case 0:case 1:s=n;break;case 4:i.label++;return{value:n[1],done:false};case 5:i.label++;a=n[1];n=[0];continue;case 7:n=i.ops.pop();i.trys.pop();continue;default:if(!(s=i.trys,s=s.length>0&&s[s.length-1])&&(n[0]===6||n[0]===2)){i=0;continue}if(n[0]===3&&(!s||n[1]>s[0]&&n[1]<s[3])){i.label=n[1];break}if(n[0]===6&&i.label<s[1]){i.label=s[1];s=n;break}if(s&&i.label<s[2]){i.label=s[2];i.ops.push(n);break}if(s[2])i.ops.pop();i.trys.pop();continue}n=t.call(e,i)}catch(e){n=[6,e];a=0}finally{r=s=0}if(n[0]&5)throw n[1];return{value:n[0]?n[1]:void 0,done:true}}};import{r as registerInstance,h as h$1}from"./index-91e7729f.js";import{n as h}from"./stencil-hooks.module-4bc38af4.js";import{i as isDemo,b as setUserIdentity}from"./index.module-89a79f66.js";import"./jsonpointer-388a7082.js";import{c as cjs}from"./cjs-bdfb4486.js";import"./JSS-67b5cff8.js";import"./mixins-83f90fa1.js";import{E as EmailRegistrationView}from"./email-registration-view-a7818cf2.js";import"./useRegistrationFormState-d6f33135.js";import{u as useInstantAccessRegistration}from"./useInstantAccessRegistration-dc4ad9f2.js";var InstantAccessRegistration=function(){function e(e){registerInstance(this,e);this.ignored=true;this.emailLabel="Email";this.firstNameLabel="First Name";this.lastNameLabel="Last Name";this.registerLabel="Start Referring";this.includeName=false;this.hideBorder=false;this.requiredFieldErrorMessage="Cannot be empty";this.invalidEmailErrorMessage="Please enter a valid email address";this.networkErrorMessage="There was a problem signing you in. Please wait a moment and try again. If this problem continues, contact Support for help resolving this issue.";this.paddingTop="large";this.paddingRight="large";this.paddingBottom="large";this.paddingLeft="large";this.backgroundColor="#ffffff";this.includeCookies=false;h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=isDemo()?useRegistrationDemo(this):useInstantAccessRegistration(this),t=e.states,i=e.callbacks;var r={emailLabel:this.emailLabel,registerLabel:this.registerLabel,firstNameLabel:this.firstNameLabel,lastNameLabel:this.lastNameLabel,includeName:this.includeName,hideBorder:this.hideBorder,invalidEmailErrorMessage:this.invalidEmailErrorMessage,requiredFieldErrorMessage:this.requiredFieldErrorMessage,paddingTop:this.paddingTop,paddingBottom:this.paddingBottom,paddingLeft:this.paddingLeft,paddingRight:this.paddingRight,backgroundColor:this.backgroundColor,topSlot:h$1("slot",{name:"top"}),bottomSlot:h$1("slot",{name:"bottom"})};return h$1(EmailRegistrationView,{states:t,callbacks:i,content:r})};return e}();function useRegistrationDemo(e){var t=this;var i=function(e){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(e){setUserIdentity({id:"referrer@example.com",accountId:"referrer@example.com",jwt:"eyJraWQiOiJlNjI2NzQxNy1jMzZlLTRlM2EtYjM5NS1lYTFmY2YyNmU3YzIiLCJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiJ9.eyJzdWIiOiJjbVZtWlhKeVpYSkFaWGhoYlhCc1pTNWpiMjA9OmNtVm1aWEp5WlhKQVpYaGhiWEJzWlM1amIyMD1AdGVzdF9heGJndGF0dzF0Y2NwOnVzZXJzIiwicGFzc3dvcmRsZXNzIjp0cnVlLCJpc3MiOiJodHRwczovL3N0YWdpbmcucmVmZXJyYWxzYWFzcXVhdGNoLmNvbS8iLCJleHAiOjE2ODA4ODU5MTksImlhdCI6MTY4MDc5OTUxOX0.kjmTVVf_BTb-uMNKnadLyNLxMFwpkefsY02O3iAfBVIJJZZfeZMwunPlKsS3Vbp28aYRClBjH5Wj4pYxDn23D0CdZx8KNCqiJ8yF6149O9SPMkRseoJkliqS6LyvMOEDjGDkuLfcC8_hq1AHBXFt5BdCtWOk1gwf_5R9A0w5gXEIvprBzbNDLbuo88bVAlrmFNvfttXXryrpUeruMal7cBKuy02YblBrB4kKoyJiprU5GLEjciBA4A56u8TwQc0kbsPf2YcQaJsY_IvkC7S1u4sPyObpq6iF6Ed8UYHAo6nU5KjZXyVtoUyeIS11mf_6OtDO6LyMNHV2FtEUUDdPCg"});return[2]}))}))};return cjs({states:{loading:false,error:""},callbacks:{submit:i}},e.demoData||{},{arrayMerge:function(e,t){return t}})}export{InstantAccessRegistration as sqm_instant_access_registration};
+var __awaiter=this&&this.__awaiter||function(e,t,i,r){function a(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,s){function n(e){try{l(r.next(e))}catch(e){s(e)}}function o(e){try{l(r["throw"](e))}catch(e){s(e)}}function l(e){e.done?i(e.value):a(e.value).then(n,o)}l((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},r,a,s,n;return n={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function o(e){return function(t){return l([e,t])}}function l(n){if(r)throw new TypeError("Generator is already executing.");while(i)try{if(r=1,a&&(s=n[0]&2?a["return"]:n[0]?a["throw"]||((s=a["return"])&&s.call(a),0):a.next)&&!(s=s.call(a,n[1])).done)return s;if(a=0,s)n=[n[0]&2,s.value];switch(n[0]){case 0:case 1:s=n;break;case 4:i.label++;return{value:n[1],done:false};case 5:i.label++;a=n[1];n=[0];continue;case 7:n=i.ops.pop();i.trys.pop();continue;default:if(!(s=i.trys,s=s.length>0&&s[s.length-1])&&(n[0]===6||n[0]===2)){i=0;continue}if(n[0]===3&&(!s||n[1]>s[0]&&n[1]<s[3])){i.label=n[1];break}if(n[0]===6&&i.label<s[1]){i.label=s[1];s=n;break}if(s&&i.label<s[2]){i.label=s[2];i.ops.push(n);break}if(s[2])i.ops.pop();i.trys.pop();continue}n=t.call(e,i)}catch(e){n=[6,e];a=0}finally{r=s=0}if(n[0]&5)throw n[1];return{value:n[0]?n[1]:void 0,done:true}}};import{r as registerInstance,h as h$1}from"./index-91e7729f.js";import{n as h}from"./stencil-hooks.module-4bc38af4.js";import{i as isDemo,b as setUserIdentity}from"./index.module-89a79f66.js";import"./jsonpointer-388a7082.js";import{c as cjs}from"./cjs-bdfb4486.js";import"./JSS-67b5cff8.js";import"./mixins-f750863a.js";import{E as EmailRegistrationView}from"./email-registration-view-8782c01b.js";import"./useRegistrationFormState-d6f33135.js";import{u as useInstantAccessRegistration}from"./useInstantAccessRegistration-dc4ad9f2.js";var InstantAccessRegistration=function(){function e(e){registerInstance(this,e);this.ignored=true;this.emailLabel="Email";this.firstNameLabel="First Name";this.lastNameLabel="Last Name";this.registerLabel="Start Referring";this.includeName=false;this.hideBorder=false;this.requiredFieldErrorMessage="Cannot be empty";this.invalidEmailErrorMessage="Please enter a valid email address";this.networkErrorMessage="There was a problem signing you in. Please wait a moment and try again. If this problem continues, contact Support for help resolving this issue.";this.paddingTop="large";this.paddingRight="large";this.paddingBottom="large";this.paddingLeft="large";this.backgroundColor="var(--sqm-portal-background)";this.includeCookies=false;h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=isDemo()?useRegistrationDemo(this):useInstantAccessRegistration(this),t=e.states,i=e.callbacks;var r={emailLabel:this.emailLabel,registerLabel:this.registerLabel,firstNameLabel:this.firstNameLabel,lastNameLabel:this.lastNameLabel,includeName:this.includeName,hideBorder:this.hideBorder,invalidEmailErrorMessage:this.invalidEmailErrorMessage,requiredFieldErrorMessage:this.requiredFieldErrorMessage,paddingTop:this.paddingTop,paddingBottom:this.paddingBottom,paddingLeft:this.paddingLeft,paddingRight:this.paddingRight,backgroundColor:this.backgroundColor,topSlot:h$1("slot",{name:"top"}),bottomSlot:h$1("slot",{name:"bottom"})};return h$1(EmailRegistrationView,{states:t,callbacks:i,content:r})};return e}();function useRegistrationDemo(e){var t=this;var i=function(e){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(e){setUserIdentity({id:"referrer@example.com",accountId:"referrer@example.com",jwt:"eyJraWQiOiJlNjI2NzQxNy1jMzZlLTRlM2EtYjM5NS1lYTFmY2YyNmU3YzIiLCJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiJ9.eyJzdWIiOiJjbVZtWlhKeVpYSkFaWGhoYlhCc1pTNWpiMjA9OmNtVm1aWEp5WlhKQVpYaGhiWEJzWlM1amIyMD1AdGVzdF9heGJndGF0dzF0Y2NwOnVzZXJzIiwicGFzc3dvcmRsZXNzIjp0cnVlLCJpc3MiOiJodHRwczovL3N0YWdpbmcucmVmZXJyYWxzYWFzcXVhdGNoLmNvbS8iLCJleHAiOjE2ODA4ODU5MTksImlhdCI6MTY4MDc5OTUxOX0.kjmTVVf_BTb-uMNKnadLyNLxMFwpkefsY02O3iAfBVIJJZZfeZMwunPlKsS3Vbp28aYRClBjH5Wj4pYxDn23D0CdZx8KNCqiJ8yF6149O9SPMkRseoJkliqS6LyvMOEDjGDkuLfcC8_hq1AHBXFt5BdCtWOk1gwf_5R9A0w5gXEIvprBzbNDLbuo88bVAlrmFNvfttXXryrpUeruMal7cBKuy02YblBrB4kKoyJiprU5GLEjciBA4A56u8TwQc0kbsPf2YcQaJsY_IvkC7S1u4sPyObpq6iF6Ed8UYHAo6nU5KjZXyVtoUyeIS11mf_6OtDO6LyMNHV2FtEUUDdPCg"});return[2]}))}))};return cjs({states:{loading:false,error:""},callbacks:{submit:i}},e.demoData||{},{arrayMerge:function(e,t){return t}})}export{InstantAccessRegistration as sqm_instant_access_registration};

package/dist/esm-es5/sqm-invoice-table-data-cell_5.entry.js

@@ -0,0 +1 @@
+import{r as registerInstance,h as h$1,c as Host}from"./index-91e7729f.js";import{n as h}from"./stencil-hooks.module-4bc38af4.js";import{l as luxonLocale}from"./utils-334c1e34.js";import{l as luxon}from"./luxon-8d51c92b.js";var InvoiceTableDataCell=function(){function t(t){registerInstance(this,t);this.ignored=true;h(this)}t.prototype.disconnectedCallback=function(){};t.prototype.render=function(){return this.data};return t}();var RewardTableDateCell=function(){function t(t){registerInstance(this,t);this.ignored=true;this.locale="en";h(this)}t.prototype.disconnectedCallback=function(){};t.prototype.render=function(){var t,e;var n=!this.date?"-":(e=(t=luxon.DateTime.fromMillis(this.date))===null||t===void 0?void 0:t.setLocale(luxonLocale(this.locale)))===null||e===void 0?void 0:e.toLocaleString(luxon.DateTime.DATE_MED);return n};return t}();var InvoiceTableDownloadCell=function(){function t(t){registerInstance(this,t);this.ignored=true;h(this)}t.prototype.disconnectedCallback=function(){};t.prototype.render=function(){var t="svg:hover, svg:hover * {\n      cursor: pointer;\n    }";return h$1(Host,null,h$1("style",null,t),!!this.downloadUrl&&h$1("a",{href:this.downloadUrl,target:"_blank"},h$1("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},h$1("path",{d:"M0.625 12.4375C0.79076 12.4375 0.949732 12.5033 1.06694 12.6206C1.18415 12.7378 1.25 12.8967 1.25 13.0625V16.1875C1.25 16.519 1.3817 16.837 1.61612 17.0714C1.85054 17.3058 2.16848 17.4375 2.5 17.4375H17.5C17.8315 17.4375 18.1495 17.3058 18.3839 17.0714C18.6183 16.837 18.75 16.519 18.75 16.1875V13.0625C18.75 12.8967 18.8158 12.7378 18.9331 12.6206C19.0503 12.5033 19.2092 12.4375 19.375 12.4375C19.5408 12.4375 19.6997 12.5033 19.8169 12.6206C19.9342 12.7378 20 12.8967 20 13.0625V16.1875C20 16.8505 19.7366 17.4864 19.2678 17.9553C18.7989 18.4241 18.163 18.6875 17.5 18.6875H2.5C1.83696 18.6875 1.20107 18.4241 0.732233 17.9553C0.263392 17.4864 0 16.8505 0 16.1875V13.0625C0 12.8967 0.065848 12.7378 0.183058 12.6206C0.300269 12.5033 0.45924 12.4375 0.625 12.4375Z",fill:"var(--sqm-text-subdued)"}),h$1("path",{d:"M9.5575 14.88C9.61556 14.9382 9.68453 14.9844 9.76046 15.0159C9.83639 15.0474 9.91779 15.0636 10 15.0636C10.0822 15.0636 10.1636 15.0474 10.2395 15.0159C10.3155 14.9844 10.3844 14.9382 10.4425 14.88L14.1925 11.13C14.3099 11.0126 14.3758 10.8535 14.3758 10.6875C14.3758 10.5215 14.3099 10.3624 14.1925 10.245C14.0751 10.1276 13.916 10.0617 13.75 10.0617C13.584 10.0617 13.4249 10.1276 13.3075 10.245L10.625 12.9288V1.9375C10.625 1.77174 10.5592 1.61277 10.4419 1.49556C10.3247 1.37835 10.1658 1.3125 10 1.3125C9.83424 1.3125 9.67527 1.37835 9.55806 1.49556C9.44085 1.61277 9.375 1.77174 9.375 1.9375V12.9288L6.6925 10.245C6.57514 10.1276 6.41597 10.0617 6.25 10.0617C6.08403 10.0617 5.92486 10.1276 5.8075 10.245C5.69014 10.3624 5.62421 10.5215 5.62421 10.6875C5.62421 10.8535 5.69014 11.0126 5.8075 11.13L9.5575 14.88Z",fill:"var(--sqm-text-subdued)"}))))};return t}();var TableCell=function(){function t(t){registerInstance(this,t);this.colspan=1;this.padding="15px 10px"}t.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 t}();var TableRow=function(){function t(t){registerInstance(this,t);this.border="1px solid #EAEAEA"}t.prototype.render=function(){return h$1(Host,{style:{display:"contents"}},h$1("tr",{style:{border:this.border}},h$1("slot",null)))};return t}();export{InvoiceTableDataCell as sqm_invoice_table_data_cell,RewardTableDateCell as sqm_invoice_table_date_cell,InvoiceTableDownloadCell as sqm_invoice_table_download_cell,TableCell as sqm_table_cell,TableRow as sqm_table_row};

package/dist/esm-es5/sqm-leaderboard-rank-view-84b3c539.js

@@ -0,0 +1 @@
+import{h}from"./index-91e7729f.js";function LeaderboardRankView(a){var e=a.data;return h("span",{style:{marginTop:"0px",fontSize:"var(--sl-font-size-small)"}},e.rank)}export{LeaderboardRankView as L};

package/dist/esm-es5/sqm-leaderboard-rank.entry.js

@@ -1 +1 @@
-var __makeTemplateObject=this&&this.__makeTemplateObject||function(e,r){if(Object.defineProperty){Object.defineProperty(e,"raw",{value:r})}else{e.raw=r}return e};import{r as registerInstance,h as h$1}from"./index-91e7729f.js";import{n as h}from"./stencil-hooks.module-4bc38af4.js";import{i as intl}from"./global-1d207c9e.js";import{d as dist,H,J,w as wn,i as isDemo}from"./index.module-89a79f66.js";import{c as cjs}from"./cjs-bdfb4486.js";import{L as LeaderboardRankView}from"./sqm-leaderboard-rank-view-753c8d4a.js";var GET_RANK=dist.gql(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  query ($type: String!, $filter: UserLeaderboardFilterInput) {\n    viewer {\n      ... on User {\n        leaderboardRank(type: $type, filter: $filter) {\n          rowNumber\n          rank\n          denseRank\n        }\n      }\n    }\n  }\n"],["\n  query ($type: String!, $filter: UserLeaderboardFilterInput) {\n    viewer {\n      ... on User {\n        leaderboardRank(type: $type, filter: $filter) {\n          rowNumber\n          rank\n          denseRank\n        }\n      }\n    }\n  }\n"])));function useLeaderboardRank(e){var r,a,n,t;var o=H();var d=(r=e.programId)!==null&&r!==void 0?r:o;var i=J();var s=d?{type:e.leaderboardType,filter:{programId_eq:d}}:{type:e.leaderboardType,filter:{}};if(e.interval){s.filter["interval"]=e.interval}var l=wn(GET_RANK,s,!(i===null||i===void 0?void 0:i.jwt)).data;var u=((a=l===null||l===void 0?void 0:l.viewer)===null||a===void 0?void 0:a.leaderboardRank)?intl.formatMessage({id:"rankText",defaultMessage:e.rankText},{rank:(t=(n=l===null||l===void 0?void 0:l.viewer)===null||n===void 0?void 0:n.leaderboardRank)===null||t===void 0?void 0:t[e.rankType]}):e.unrankedText||"unranked";return{data:{rank:u}}}var sqmLeaderboardRankCss="p,.P{font-size:var(--sl-font-size-small);color:var(--sl-color-gray-800);margin-top:0px}p.Subtitle,.P.Subtitle{color:var(--sl-color-gray-500);margin:0px}";var LeaderboardRank=function(){function e(e){registerInstance(this,e);this.rankText="You are currently in {rank, selectordinal, one {#st} two {#nd} few {#rd} other {#th} } place!";h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=isDemo()?useLeaderboardRankDemo(this):useLeaderboardRank(this);return h$1(LeaderboardRankView,Object.assign({},e))};return e}();function useLeaderboardRankDemo(e){var r=intl.formatMessage({id:"rankText",defaultMessage:e.rankText},{rank:1})||"1st";return cjs({data:{rank:r}},e.demoData||{},{arrayMerge:function(e,r){return r}})}LeaderboardRank.style=sqmLeaderboardRankCss;export{LeaderboardRank as sqm_leaderboard_rank};var templateObject_1;
+var __makeTemplateObject=this&&this.__makeTemplateObject||function(e,r){if(Object.defineProperty){Object.defineProperty(e,"raw",{value:r})}else{e.raw=r}return e};import{r as registerInstance,h as h$1}from"./index-91e7729f.js";import{n as h}from"./stencil-hooks.module-4bc38af4.js";import{i as intl}from"./global-632fb2fa.js";import{d as dist,H,J,w as wn,i as isDemo}from"./index.module-89a79f66.js";import{c as cjs}from"./cjs-bdfb4486.js";import{L as LeaderboardRankView}from"./sqm-leaderboard-rank-view-84b3c539.js";var GET_RANK=dist.gql(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  query ($type: String!, $filter: UserLeaderboardFilterInput) {\n    viewer {\n      ... on User {\n        leaderboardRank(type: $type, filter: $filter) {\n          rowNumber\n          rank\n          denseRank\n        }\n      }\n    }\n  }\n"],["\n  query ($type: String!, $filter: UserLeaderboardFilterInput) {\n    viewer {\n      ... on User {\n        leaderboardRank(type: $type, filter: $filter) {\n          rowNumber\n          rank\n          denseRank\n        }\n      }\n    }\n  }\n"])));function useLeaderboardRank(e){var r,a,n,t;var o=H();var d=(r=e.programId)!==null&&r!==void 0?r:o;var i=J();var s=d?{type:e.leaderboardType,filter:{programId_eq:d}}:{type:e.leaderboardType,filter:{}};if(e.interval){s.filter["interval"]=e.interval}var l=wn(GET_RANK,s,!(i===null||i===void 0?void 0:i.jwt)).data;var u=((a=l===null||l===void 0?void 0:l.viewer)===null||a===void 0?void 0:a.leaderboardRank)?intl.formatMessage({id:"rankText",defaultMessage:e.rankText},{rank:(t=(n=l===null||l===void 0?void 0:l.viewer)===null||n===void 0?void 0:n.leaderboardRank)===null||t===void 0?void 0:t[e.rankType]}):e.unrankedText||"unranked";return{data:{rank:u}}}var sqmLeaderboardRankCss="p,.P{font-size:var(--sl-font-size-small);color:var(--sqm-text);margin-top:0px}p.Subtitle,.P.Subtitle{color:var(--sqm-text-subdued);margin:0px}";var LeaderboardRank=function(){function e(e){registerInstance(this,e);this.rankText="You are currently in {rank, selectordinal, one {#st} two {#nd} few {#rd} other {#th} } place!";h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=isDemo()?useLeaderboardRankDemo(this):useLeaderboardRank(this);return h$1(LeaderboardRankView,Object.assign({},e))};return e}();function useLeaderboardRankDemo(e){var r=intl.formatMessage({id:"rankText",defaultMessage:e.rankText},{rank:1})||"1st";return cjs({data:{rank:r}},e.demoData||{},{arrayMerge:function(e,r){return r}})}LeaderboardRank.style=sqmLeaderboardRankCss;export{LeaderboardRank as sqm_leaderboard_rank};var templateObject_1;

package/dist/esm-es5/sqm-navigation-sidebar-item-view-6e046743.js

@@ -0,0 +1 @@
+var __assign=this&&this.__assign||function(){__assign=Object.assign||function(a){for(var r,e=1,o=arguments.length;e<o;e++){r=arguments[e];for(var t in r)if(Object.prototype.hasOwnProperty.call(r,t))a[t]=r[t]}return a};return __assign.apply(this,arguments)};import{h}from"./index-91e7729f.js";import{j as jn}from"./index.module-89a79f66.js";import{c as createStyleSheet}from"./JSS-67b5cff8.js";import{g as gap}from"./mixins-f750863a.js";function NavigationSidebarItemView(a){var r=a.states,e=a.data;var o=a.backgroundColor||"var(--sqm-portal-background)";var t=a.backgroundHoverColor||"var(--sl-color-gray-50)";var s=a.backgroundFocusedColor||"var(--sl-color-gray-200)";var i=a.textFocusedColor||"var(--sqm-text)";var n={ItemContainer:__assign(__assign({display:"flex","background-color":""+(r.active?s:o),borderRadius:a.borderRadius?a.borderRadius+"px":"var(--sl-border-radius-large)",padding:"var(--sl-spacing-"+a.padding+")","text-decoration":"none",color:r.active?i:a.textColor||"var(--sqm-text)","align-items":"center"},gap({direction:"row",size:"var(--sl-font-size-small)"})),{"&:hover":{cursor:"pointer",background:r.active?s:t,color:r.active?i:a.textHoverColor||"var(--sqm-text)"}}),Label:{margin:"0"},Icon:{"flex-shrink":"0"}};var l=createStyleSheet(n);var c=l.toString();return h("a",{part:"sqm-link",href:e.path,onClick:function(a){a.preventDefault();jn.push(e.path)},class:l.classes.ItemContainer},h("style",{type:"text/css"},c),h("sl-icon",{class:l.classes.Icon,name:e.icon}),h("p",{class:l.classes.Label,part:"sqm-label"},e.label))}export{NavigationSidebarItemView as N};

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

@@ -1 +1 @@
-import{r as registerInstance,h as h$1}from"./index-91e7729f.js";import{n as h}from"./stencil-hooks.module-4bc38af4.js";import{k as kn,i as isDemo}from"./index.module-89a79f66.js";import{c as cjs}from"./cjs-bdfb4486.js";import{g as getProps}from"./utils-334c1e34.js";import"./JSS-67b5cff8.js";import"./mixins-83f90fa1.js";import{N as NavigationSidebarItemView}from"./sqm-navigation-sidebar-item-view-8f1c72bc.js";function useNavigationSidebarItem(e){var t=kn();return{states:{active:t.pathname===e.path},data:{label:e.label,icon:e.icon,path:e.path}}}var NavigationSidebarItem=function(){function e(e){registerInstance(this,e);h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=isDemo()?useSidebarItemDemo(getProps(this)):useNavigationSidebarItem(getProps(this));return h$1(NavigationSidebarItemView,Object.assign({},e))};return e}();function useSidebarItemDemo(e){return cjs({states:{active:false},data:{label:e.label||"Dashboard",icon:e.icon||"house"}},e.demoData||{},{arrayMerge:function(e,t){return t}})}export{NavigationSidebarItem as sqm_navigation_sidebar_item};
+import{r as registerInstance,h as h$1}from"./index-91e7729f.js";import{n as h}from"./stencil-hooks.module-4bc38af4.js";import{k as kn,i as isDemo}from"./index.module-89a79f66.js";import{c as cjs}from"./cjs-bdfb4486.js";import{g as getProps}from"./utils-334c1e34.js";import"./JSS-67b5cff8.js";import"./mixins-f750863a.js";import{N as NavigationSidebarItemView}from"./sqm-navigation-sidebar-item-view-6e046743.js";function useNavigationSidebarItem(o){var e=kn();return{states:{active:e.pathname===o.path},data:{label:o.label,icon:o.icon,path:o.path},backgroundColor:o.backgroundColor,backgroundHoverColor:o.backgroundHoverColor,textColor:o.textColor,textHoverColor:o.textHoverColor,borderRadius:o.borderRadius,backgroundFocusedColor:o.backgroundFocusedColor,textFocusedColor:o.textFocusedColor,padding:o.padding}}var NavigationSidebarItem=function(){function o(o){registerInstance(this,o);this.padding="x-small";h(this)}o.prototype.disconnectedCallback=function(){};o.prototype.render=function(){var o=isDemo()?useSidebarItemDemo(getProps(this)):useNavigationSidebarItem(getProps(this));return h$1(NavigationSidebarItemView,Object.assign({},o))};return o}();function useSidebarItemDemo(o){return cjs({states:{active:false},data:{label:o.label||"Dashboard",icon:o.icon||"house"},backgroundColor:o.backgroundColor,backgroundHoverColor:o.backgroundHoverColor,textColor:o.textColor,textHoverColor:o.textHoverColor,borderRadius:o.borderRadius,backgroundFocusedColor:o.backgroundFocusedColor,textFocusedColor:o.textFocusedColor,padding:o.padding},o.demoData||{},{arrayMerge:function(o,e){return e}})}export{NavigationSidebarItem as sqm_navigation_sidebar_item};

package/dist/esm-es5/sqm-navigation-sidebar-view-f898265a.js

@@ -0,0 +1 @@
+import{h}from"./index-91e7729f.js";function NavigationSidebarView(n,e){var i="\n\n* {\n  padding: 0;\n  margin: 0;\n  box-sizing: border-box;\n}\n\n.container {\n  background: var(--sqm-portal-background);\n}\n\n.menu-items {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n@keyframes slideIn {\n  0% {\n    left: -350px;\n  }\n  100% {\n    left: 0;\n  }\n}\n\n@media screen and (min-width: 800px) {\n  :host {\n    max-width: 300px;\n  }\n  .toggler,\n  .hamburger {\n     user-select: none;\n     visibility:hidden;\n  }\n  .container{\n    position: sticky;\n    top: 0;\n  }\n  .menu-items {\n    min-width: 290px;\n    max-width: 320px;\n    box-sizing: border-box;\n    padding: 0px 15px;\n  }\n  .menu-items > :not(:last-child): {\n    margin-bottom: 4px;\n  }\n}\n@media screen and (max-width: 799px) {\n  .toggler {\n    border: 2px solid #eee;\n    cursor: pointer;\n    opacity: 0;\n    z-index: 5;\n  }\n\n  .container {\n    position: sticky;\n    top: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 60px;\n    width: 60px;\n    flex-direction: column;\n    z-index: 100;\n  }\n  .menu-items {\n    display: none;\n    padding: 20px;\n    border-right: 1px solid #eaeaea;\n    padding-top: 60px;\n    background: var(--sqm-portal-background); \n    width: 100vw;\n    height: 100vh;\n    position: absolute;\n    top: 0;\n    right: 0;\n    left: 0px;\n    margin: 0;\n    animation: slideIn 500ms ease-in-out;\n  }\n\n  .toggler,\n  .hamburger {\n    visibility: visible !important;\n  }\n\n  .container {\n    display: flex;\n  }\n\n  .hamburger > .line {\n    visibility: visible !important;\n  }\n\n\n  .toggler,\n  .hamburger {\n    position: absolute;\n    padding: 20px 10px;\n  }\n\n  .toggler {\n    z-index: 100;\n    width: 100%;\n    height: 100%;\n  }\n\n  .hamburger {\n    z-index: 10;\n    width: 75%;\n    height: 100%;\n  }\n\n  .toggler:checked ~ .menu-items {\n    display: block;\n  }\n\n  /***** Turn hamburger into an X *****/\n  .toggler:checked ~ .hamburger > .line:nth-child(1) {\n    opacity: 0;\n  }\n\n  .toggler:checked ~ .hamburger > .line:nth-child(2) {\n    transform: rotate(45deg) translate(0px, -0.5px);\n  }\n\n  .toggler:checked ~ .hamburger > .line:nth-child(3) {\n    transform: rotate(-45deg) translate(3px, -3.5px);\n  }\n\n  .toggler:checked ~ .hamburger > .line:nth-child(1),\n  .toggler:checked ~ .hamburger > .line:nth-child(2),\n  .toggler:checked ~ .hamburger > .line:nth-child(3) {\n    width: 75%;\n    border-bottom: 3px solid "+n.mobileMenuColor+";\n    margin: 0;\n  }\n\n  .hamburger > .line {\n    visibility:hidden;\n    z-index: 2;\n    height: 4px;\n    width: 100%;\n    margin-bottom: 3px;\n    border-bottom: 5px solid "+n.mobileMenuColor+";\n  }\n}\n";return h("div",{class:"container",part:"sqm-base"},h("style",null,i),h("input",Object.assign({type:"checkbox",class:"toggler"},n)),h("div",{class:"hamburger"},h("div",{class:"line"}),h("div",{class:"line"}),h("div",{class:"line"})),h("div",{class:"menu-items",part:"sqm-items-container"},e))}export{NavigationSidebarView as N};

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

@@ -1 +1 @@
-import{r as registerInstance,h as h$1}from"./index-91e7729f.js";import{n as h,k as useState,f as useEffect}from"./stencil-hooks.module-4bc38af4.js";import{k as kn,H}from"./index.module-89a79f66.js";import{N as NavigationSidebarView}from"./sqm-navigation-sidebar-view-9d802b78.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=kn();var a=H();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};
+import{r as registerInstance,h as h$1}from"./index-91e7729f.js";import{n as h,k as useState,f as useEffect}from"./stencil-hooks.module-4bc38af4.js";import{i as isDemo,k as kn,H}from"./index.module-89a79f66.js";import{c as cjs}from"./cjs-bdfb4486.js";import{N as NavigationSidebarView}from"./sqm-navigation-sidebar-view-f898265a.js";var NavigationSidebar=function(){function e(e){registerInstance(this,e);this.ignored=true;this.mobileMenuColor="var(--sqm-text, #444445)";h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=isDemo()?useDemoNavigationSidebar(this):useNavigationSidebar(this);return h$1(NavigationSidebarView,Object.assign({},e),h$1("slot",null))};return e}();function useNavigationSidebar(e){var i=kn();var a=H();var o=useState(false),t=o[0],n=o[1];useEffect((function(){n(false)}),[i.pathname,a]);function r(e){n(e.target.checked)}return{mobileMenuColor:e.mobileMenuColor,checked:t,onClick:r}}function useDemoNavigationSidebar(e){return cjs({mobileMenuColor:e.mobileMenuColor},e.demoData||{},{arrayMerge:function(e,i){return i}})}export{NavigationSidebar as sqm_navigation_sidebar};