@saasquatch/mint-components 1.10.2-9 → 1.10.3-1

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