@saasquatch/mint-components 1.15.5-5 → 1.15.6
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.
- package/dist/cjs/{ShadowViewAddon-28865623.js → ShadowViewAddon-e9dc77e3.js} +2 -2
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/mint-components.cjs.js +1 -1
- package/dist/cjs/sqm-banking-info-form_17.cjs.entry.js +234 -384
- package/dist/cjs/{sqm-base-registration-form-view-8029d30e.js → sqm-base-registration-form-view-66f99821.js} +9 -4
- package/dist/cjs/sqm-big-stat_43.cjs.entry.js +10 -150
- package/dist/cjs/sqm-header-logo.cjs.entry.js +1 -8
- package/dist/cjs/{sqm-invoice-table-view-3f60fba9.js → sqm-invoice-table-view-5c74607f.js} +0 -1
- package/dist/cjs/sqm-portal-google-registration-form.cjs.entry.js +25 -18
- package/dist/cjs/sqm-stencilbook.cjs.entry.js +8 -5
- package/dist/cjs/{usePayoutStatus-7892433f.js → usePayoutStatus-1ffd1cd4.js} +4 -176
- package/dist/collection/components/sqm-base-registration/BaseRegistrationForm.stories.js +2 -2
- package/dist/collection/components/sqm-base-registration/sqm-base-registration-form-view.js +9 -4
- package/dist/collection/components/sqm-checkbox-field/sqm-checkbox-field.js +1 -1
- package/dist/collection/components/sqm-dropdown-field/sqm-dropdown-field.js +1 -1
- package/dist/collection/components/sqm-header-logo/sqm-header-logo.js +3 -73
- package/dist/collection/components/sqm-input-field/sqm-input-field.js +1 -1
- package/dist/collection/components/sqm-marketing-emails-checkbox/sqm-marketing-emails-checkbox.js +1 -1
- package/dist/collection/components/sqm-name-fields/NameFields.stories.js +2 -0
- package/dist/collection/components/sqm-name-fields/sqm-name-fields-view.js +3 -3
- package/dist/collection/components/sqm-name-fields/sqm-name-fields.js +31 -1
- package/dist/collection/components/sqm-name-fields/useNameFields.js +1 -0
- package/dist/collection/components/sqm-password-field/sqm-password-field.js +2 -2
- package/dist/collection/components/sqm-portal-google-registration-form/PortalGoogleRegistrationForm.stories.js +1 -0
- package/dist/collection/components/sqm-portal-google-registration-form/sqm-portal-google-registration-form.js +4 -4
- package/dist/collection/components/sqm-portal-google-registration-form/usePortalGoogleRegistrationForm.js +22 -15
- package/dist/collection/components/tax-and-cash/TaxForm.stories.js +0 -1
- package/dist/collection/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.js +40 -46
- package/dist/collection/components/tax-and-cash/sqm-payout-status-alert/sqm-payout-status-alert-view.js +2 -90
- package/dist/collection/components/tax-and-cash/sqm-payout-status-alert/sqm-payout-status-alert.js +0 -353
- package/dist/collection/components/tax-and-cash/sqm-payout-status-alert/usePayoutStatus.js +5 -36
- package/dist/collection/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.js +0 -300
- package/dist/collection/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.js +2 -92
- package/dist/collection/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.js +0 -300
- package/dist/collection/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.js +12 -23
- package/dist/collection/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.js +1 -1
- package/dist/collection/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.js +9 -92
- package/dist/esm/{ShadowViewAddon-f2176779.js → ShadowViewAddon-e0d5f1c9.js} +2 -2
- package/dist/esm/loader.js +1 -1
- package/dist/esm/mint-components.js +1 -1
- package/dist/esm/sqm-banking-info-form_17.entry.js +189 -339
- package/dist/esm/{sqm-base-registration-form-view-dafba287.js → sqm-base-registration-form-view-d81e316a.js} +9 -4
- package/dist/esm/sqm-big-stat_43.entry.js +11 -151
- package/dist/esm/sqm-header-logo.entry.js +1 -8
- package/dist/esm/{sqm-invoice-table-view-01453fa3.js → sqm-invoice-table-view-3491dd80.js} +0 -1
- package/dist/esm/sqm-portal-google-registration-form.entry.js +25 -18
- package/dist/esm/sqm-stencilbook.entry.js +8 -5
- package/dist/esm/{usePayoutStatus-c21ef382.js → usePayoutStatus-f09f2ec8.js} +6 -163
- package/dist/esm-es5/{ShadowViewAddon-f2176779.js → ShadowViewAddon-e0d5f1c9.js} +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/mint-components.js +1 -1
- package/dist/esm-es5/sqm-banking-info-form_17.entry.js +1 -1
- package/dist/esm-es5/sqm-base-registration-form-view-d81e316a.js +1 -0
- package/dist/esm-es5/sqm-big-stat_43.entry.js +1 -1
- package/dist/esm-es5/sqm-header-logo.entry.js +1 -1
- package/dist/esm-es5/sqm-invoice-table-view-3491dd80.js +1 -0
- package/dist/esm-es5/sqm-portal-google-registration-form.entry.js +1 -1
- package/dist/esm-es5/sqm-stencilbook.entry.js +1 -1
- package/dist/esm-es5/usePayoutStatus-f09f2ec8.js +6 -0
- package/dist/mint-components/mint-components.esm.js +1 -1
- package/dist/mint-components/p-15364635.entry.js +273 -0
- package/dist/mint-components/{p-4a731079.entry.js → p-1edebab1.entry.js} +2 -2
- package/dist/mint-components/p-2d8045c2.entry.js +220 -0
- package/dist/mint-components/p-3439af2f.system.entry.js +1 -0
- package/dist/mint-components/p-37996351.system.js +1 -1
- package/dist/mint-components/{p-02832118.system.entry.js → p-3ac8613d.system.entry.js} +1 -1
- package/dist/mint-components/{p-c1b074b6.js → p-3b6dccec.js} +1 -1
- package/dist/mint-components/p-3df72337.js +46 -0
- package/dist/mint-components/p-43e274e9.entry.js +1 -0
- package/dist/mint-components/p-49932f12.system.js +1 -0
- package/dist/mint-components/p-5cda9960.system.entry.js +1 -0
- package/dist/mint-components/p-7dabdca6.system.entry.js +1 -0
- package/dist/mint-components/p-8db18561.system.entry.js +1 -0
- package/dist/mint-components/p-9308221f.js +1 -0
- package/dist/mint-components/p-bc021969.system.js +1 -0
- package/dist/mint-components/{p-0d939b73.system.js → p-d15b642f.system.js} +1 -1
- package/dist/mint-components/p-e8e48982.js +1 -0
- package/dist/mint-components/p-f82e3152.system.js +6 -0
- package/dist/mint-components/p-faba3198.entry.js +1 -0
- package/dist/types/components/sqm-base-registration/sqm-base-registration-form-view.d.ts +2 -1
- package/dist/types/components/sqm-checkbox-field/sqm-checkbox-field.d.ts +1 -1
- package/dist/types/components/sqm-dropdown-field/sqm-dropdown-field.d.ts +1 -1
- package/dist/types/components/sqm-header-logo/sqm-header-logo.d.ts +1 -14
- package/dist/types/components/sqm-input-field/sqm-input-field.d.ts +1 -1
- package/dist/types/components/sqm-marketing-emails-checkbox/sqm-marketing-emails-checkbox.d.ts +1 -1
- package/dist/types/components/sqm-name-fields/sqm-name-fields-view.d.ts +1 -0
- package/dist/types/components/sqm-name-fields/sqm-name-fields.d.ts +5 -0
- package/dist/types/components/sqm-name-fields/useNameFields.d.ts +1 -0
- package/dist/types/components/sqm-password-field/sqm-password-field.d.ts +1 -1
- package/dist/types/components/sqm-portal-google-registration-form/usePortalGoogleRegistrationForm.d.ts +2 -1
- package/dist/types/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.d.ts +0 -23
- package/dist/types/components/tax-and-cash/sqm-payout-status-alert/sqm-payout-status-alert-view.d.ts +0 -16
- package/dist/types/components/tax-and-cash/sqm-payout-status-alert/sqm-payout-status-alert.d.ts +0 -57
- package/dist/types/components/tax-and-cash/sqm-payout-status-alert/usePayoutStatus.d.ts +1 -3
- package/dist/types/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.d.ts +0 -48
- package/dist/types/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.d.ts +0 -12
- package/dist/types/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.d.ts +0 -48
- package/dist/types/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.d.ts +0 -2
- package/dist/types/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.d.ts +0 -1
- package/dist/types/components.d.ts +11 -331
- package/dist/types/global/android.d.ts +7 -0
- package/dist/types/global/demo.d.ts +2 -0
- package/dist/types/stories/features.d.ts +4 -0
- package/dist/types/stories/templates.d.ts +4 -0
- package/docs/docs.docx +0 -0
- package/docs/raisins.json +1 -1
- package/grapesjs/grapesjs.js +1 -1
- package/package.json +1 -1
- package/dist/esm-es5/sqm-base-registration-form-view-dafba287.js +0 -1
- package/dist/esm-es5/sqm-invoice-table-view-01453fa3.js +0 -1
- package/dist/esm-es5/usePayoutStatus-c21ef382.js +0 -6
- package/dist/mint-components/p-2651ef99.system.js +0 -1
- package/dist/mint-components/p-35701119.js +0 -1
- package/dist/mint-components/p-48552798.system.entry.js +0 -1
- package/dist/mint-components/p-498bbce7.system.entry.js +0 -1
- package/dist/mint-components/p-59fe6066.js +0 -1
- package/dist/mint-components/p-67035b70.system.entry.js +0 -1
- package/dist/mint-components/p-86a5db85.system.js +0 -1
- package/dist/mint-components/p-9c4f4cd6.entry.js +0 -1
- package/dist/mint-components/p-a3647f70.system.entry.js +0 -1
- package/dist/mint-components/p-aa595246.system.js +0 -6
- package/dist/mint-components/p-bdbf26da.entry.js +0 -273
- package/dist/mint-components/p-cb87eadd.entry.js +0 -1
- package/dist/mint-components/p-d289d251.entry.js +0 -109
- package/dist/mint-components/p-d9da598f.js +0 -157
|
@@ -1,273 +0,0 @@
|
|
|
1
|
-
import{r as t,h as e,c as r,F as a}from"./p-f708da7b.js";import{n as s,f as i,i as o,k as n,m as l,u as c,b as d,j as u}from"./p-cd651f81.js";import{i as h}from"./p-65069b66.js";import{i as m,_ as p,d as v,J as g,H as f,$ as b,w as y,B as x,u as w,L as k,y as E,j as C,r as I,V as R,Q as S,k as _}from"./p-94a876b9.js";import{j as T}from"./p-e7e129ac.js";import{c as N}from"./p-c1086930.js";import{g as M,a as A}from"./p-9ec99ced.js";import{c as q}from"./p-cef45012.js";import"./p-3f7b81b8.js";import"./p-91521e9d.js";import{C as L}from"./p-31015791.js";import{a as D}from"./p-4e451f75.js";import{u as P}from"./p-19ccb4ce.js";import"./p-5bedb58c.js";import"./p-c9f1dde7.js";import{p as F}from"./p-8d363802.js";import{R as O,u as V}from"./p-98698131.js";import{R as $,L as j,u as U}from"./p-f98a4354.js";import{P as B}from"./p-dbcb5359.js";import{u as H}from"./p-4e526a94.js";import{A as z}from"./p-121cdc60.js";import{i as W}from"./p-8c23d1b8.js";import{b as Y,W as G,B as K,U as Z,J as X,i as Q,K as J,D as tt,E as et,H as rt,I as at,Q as st,O as it,X as ot,L as nt,N as lt,C as ct,d as dt,h as ut,P as ht,e as mt,R as pt,Y as vt,j as gt,a as ft,S as bt,u as yt,c as xt,T as wt}from"./p-c1b074b6.js";import"./p-a9f4ddb1.js";import{u as kt}from"./p-d9da598f.js";const Et=class{constructor(e){t(this,e),this.flexReverse=!1,this.ignored=!0,s(this)}disconnectedCallback(){}render(){var t;const{props:r,label:a}=m()?Y(this):G(this),s=!!(null===(t=p().innerHTML)||void 0===t?void 0:t.trim()),i=e("slot",{name:"label"},s?e("slot",null):a);return e(K,Object.assign({},r,{labelSlot:i}))}},Ct=class{constructor(e){t(this,e),s(this)}disconnectedCallback(){}render(){var t,a;const s=null!==(t=function(t){if(t)try{return Z(t)}catch{}}(this.brandColor))&&void 0!==t?t:"",o=(null!==(a=this.brandFont)&&void 0!==a?a:"Nunito Sans").trim()||void 0;i((()=>{if(!o)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("&")}`}(o)),t.setAttribute("rel","stylesheet"),document.head.appendChild(t),()=>document.head.removeChild(t)}),[o]);const n=null!=o?o:"";return e(r,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: "${n}", arial;\n --sl-input-font-family: "${n}", arial;\n --sl-tooltip-font-family: "${n}", arial;\n font-family: "${n}", arial;\n\t\t\t\n ${s}\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))}},It=class{constructor(e){t(this,e),this.ignored=!0,this.width=347,this.gap=24,s(this)}disconnectedCallback(){}render(){return e(X,Object.assign({},M(this)),e("slot",null))}};function Rt(t){var e;const r=o(O),[a,s]=n(!1);return i((()=>{var e,a;(null===(e=null==r?void 0:r.initialData)||void 0===e?void 0:e[t.checkboxName])&&s(!!(null===(a=null==r?void 0:r.initialData)||void 0===a?void 0:a[t.checkboxName]))}),[null===(e=null==r?void 0:r.initialData)||void 0===e?void 0:e[t.checkboxName]]),{states:{registrationFormState:r,checked:a},callbacks:{setChecked:s}}}const St=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,s(this)}disconnectedCallback(){}render(){const t=A([{attribute:"checkbox-name",value:this.checkboxName}]);if(!m()&&t)return e($,{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 r={...M(this)},{states:a,callbacks:s}=m()?N({states:{registrationFormState:{},checked:!1},callbacks:{setChecked:()=>{}}},this.demoData||{},{arrayMerge:(t,e)=>e}):Rt(this);return e(Q,{states:a,content:r,callbacks:s})}},_t=v.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
|
-
pendingReasons
|
|
19
|
-
}
|
|
20
|
-
count
|
|
21
|
-
totalCount
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
`,Tt=v.gql`
|
|
27
|
-
mutation loadEvent($eventMeta: UserAnalyticsEvent!) {
|
|
28
|
-
createUserAnalyticsEvent(eventMeta: $eventMeta)
|
|
29
|
-
}
|
|
30
|
-
`;const Nt=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.codeSyncErrorRetryText="We're experiencing an issue generating your coupon code. If it doesn't appear shortly, please contact {supportEmail}. Retrying in {timeRemaining} seconds.",this.codeSyncErrorText="We're still experiencing an issue generating your coupon code. Please contact {supportEmail} for assistance.",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="...",s(this)}disconnectedCallback(){}render(){const t=M(this),r=m()?function(t){const[e,r]=n(!1),a="THANKSJANE125uv125";return N({copyString:a,tooltiptext:t.tooltiptext,textAlign:t.textAlign,buttonStyle:t.buttonStyle,copyButtonLabel:t.copyButtonLabel,error:!1,couponCodePlaceholder:t.couponCodePlaceholder,couponCodeLabel:t.couponCodeLabel,codeSyncErrorText:t.codeSyncErrorText,codeSyncErrorRetryText:t.codeSyncErrorRetryText,open:e,onClick:()=>{navigator.clipboard.writeText(a),r(!0),setTimeout((()=>r(!1)),t.tooltiplifespan)}},t.demoData||{},{arrayMerge:(t,e)=>e})}(t):function(t){var e,r,a;const s=g(),o=f(),c=x(),[d]=b(Tt),[u,m]=n(!1),[p,v]=n(60),w=l(void 0),k=l(void 0),{data:E,loading:C,refetch:I}=y(_t,{programId:o},!(null==s?void 0:s.jwt));async function R(){var t,e,r,a,s,i;const o=await I();if(m(!0),!(null===(i=null===(s=null===(a=null===(r=null===(e=null===(t=o)||void 0===t?void 0:t.user)||void 0===e?void 0:e.instantAccessRewards)||void 0===r?void 0:r.data)||void 0===a?void 0:a[0])||void 0===s?void 0:s.pendingReasons)||void 0===i?void 0:i.includes("ERROR_SYNCING_FUEL_TANK_CODE")))return clearInterval(w.current)}const S=null===(a=null===(r=null===(e=null==E?void 0:E.user)||void 0===e?void 0:e.instantAccessRewards)||void 0===r?void 0:r.data)||void 0===a?void 0:a[0],_=(t=61e3)=>setInterval(R,t);i((()=>{var t,e;return!w.current&&(null===(t=null==S?void 0:S.statuses)||void 0===t?void 0:t.includes("PENDING"))&&(null===(e=null==S?void 0:S.pendingReasons)||void 0===e?void 0:e.includes("ERROR_SYNCING_FUEL_TANK_CODE"))&&(w.current=_()),()=>{clearInterval(w.current)}}),[]),i((()=>{var t,e;return p>0&&(null===(t=null==S?void 0:S.statuses)||void 0===t?void 0:t.includes("PENDING"))&&(null===(e=null==S?void 0:S.pendingReasons)||void 0===e?void 0:e.includes("ERROR_SYNCING_FUEL_TANK_CODE"))&&(clearInterval(k.current),k.current=(t=>setInterval((()=>v(t)),1e3))(p-1)),()=>{clearInterval(k.current)}}),[p,S]),i((()=>{var t,e;(null===(t=null==S?void 0:S.statuses)||void 0===t?void 0:t.includes("PENDING"))&&(null===(e=null==S?void 0:S.pendingReasons)||void 0===e?void 0:e.includes("ERROR_SYNCING_FUEL_TANK_CODE"))&&_()}),[S]);const T=(t=>{if(!t||!t.statuses)return"ERROR";const e=t.statuses[t.statuses.length-1];return"PENDING"===e&&t.pendingReasons.includes("ERROR_SYNCING_FUEL_TANK_CODE")?"ERROR_SYNCING_FUEL_TANK_CODE":"PENDING"===e&&null===t.dateScheduledFor?"EMPTY_TANK":e})(S),N="PENDING"===T&&S.dateScheduledFor?new Date(S.dateScheduledFor).toLocaleDateString("default",{day:"numeric",month:"long",year:"numeric"}):void 0,M=(null==S?void 0:S.fuelTankCode)||"...",[A,q]=n(!1),L=(e=>{switch(e){case"CANCELLED":return t.cancelledErrorText;case"EXPIRED":return t.expiredErrorText;case"EMPTY_TANK":return t.fullfillmentErrorText;case"ERROR_SYNCING_FUEL_TANK_CODE":return u?h.formatMessage({id:"codeSyncErrorText",defaultMessage:t.codeSyncErrorText},{supportEmail:"advocate-support@impact.com"}):h.formatMessage({id:"codeSyncErrorText",defaultMessage:t.codeSyncErrorRetryText},{supportEmail:"advocate-support@impact.com",timeRemaining:p});case"PENDING":return t.pendingErrorText.replace("{unpendDate}",N);case"REDEEMED":return t.redeemedErrorText;case"AVAILABLE":return"";default:return t.genericErrorText}})(T),D=(t=>{switch(t){case"EXPIRED":case"EMPTY_TANK":case"CANCELLED":case"ERROR":case"ERROR_SYNCING_FUEL_TANK_CODE":return"warning";case"PENDING":return"info";case"REDEEMED":return"success";default:return}})(T),P="AVAILABLE"!==T;return{...t,onClick:function(){navigator.clipboard.writeText(M),q(!0),setTimeout((()=>q(!1)),t.tooltiplifespan),d({eventMeta:{programId:o,id:null==s?void 0:s.id,accountId:null==s?void 0:s.accountId,type:"USER_REFERRAL_PROGRAM_ENGAGEMENT_EVENT",meta:{engagementMedium:c,shareMedium:"DIRECT"}}})},open:A,copyString:M,error:P,errorText:L,dateAvailable:N,loading:C,errorType:D}}(t);return e(J,Object.assign({},r))}};function Mt(t,r){const a=()=>"row"===t.direction?{"border-right":t.dividerStyle||"1px solid #EAEAEA"}:{"border-bottom":t.dividerStyle||"1px solid #EAEAEA"},s={LayoutContainer:{display:"contents","& > :not(:last-child)":{...a()},"& > ::slotted(*:not(:last-child))":{...a()}}},i=`\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 `,o=`\n :host{\n ${i}\n }\n @media screen and (max-width: 570px) {\n :host {\n display: flex;\n flex-direction: column;\n }\n }\n sqm-divided-layout {\n ${i}\n }\n `,n=q(s),l=n.toString();return e("div",{class:n.classes.LayoutContainer,part:"sqm-base"},e("style",{type:"text/css"},o,l),r)}const At=class{constructor(e){t(this,e),this.dividerStyle="1px solid #EAEAEA",s(this)}disconnectedCallback(){}render(){return e(Mt,Object.assign({},M(this)),e("slot",null))}},qt=class{constructor(e){t(this,e),this.ignored=!0,this.dropdownLabel="Select an option",this.errorMessage="Select an option",this.dropdownOptional=!1,s(this)}disconnectedCallback(){}render(){const t=A([{attribute:"dropdown-name",value:this.dropdownName}]);if(!m()&&t)return e($,{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 r={...M(this),selectOptions:e("slot",null)},{states:a}=m()?N({states:{registrationFormState:{}}},this.demoData||{},{arrayMerge:(t,e)=>e}):{states:{registrationFormState:o(O)}};return e(tt,{states:a,content:r})}},Lt=v.gql`
|
|
31
|
-
query {
|
|
32
|
-
viewer {
|
|
33
|
-
... on User {
|
|
34
|
-
id
|
|
35
|
-
accountId
|
|
36
|
-
firstName
|
|
37
|
-
lastName
|
|
38
|
-
email
|
|
39
|
-
countryCode
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
`,Dt=v.gql`
|
|
44
|
-
mutation (
|
|
45
|
-
$id: String!
|
|
46
|
-
$accountId: String!
|
|
47
|
-
$firstName: String!
|
|
48
|
-
$lastName: String!
|
|
49
|
-
) {
|
|
50
|
-
upsertUser(
|
|
51
|
-
userInput: {
|
|
52
|
-
id: $id
|
|
53
|
-
accountId: $accountId
|
|
54
|
-
firstName: $firstName
|
|
55
|
-
lastName: $lastName
|
|
56
|
-
}
|
|
57
|
-
) {
|
|
58
|
-
firstName
|
|
59
|
-
lastName
|
|
60
|
-
}
|
|
61
|
-
}
|
|
62
|
-
`,Pt={currentRegion:"",firstName:"",lastName:"",errors:{},error:""},Ft=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.",s(this)}disconnectedCallback(){}render(){const t=m()?function(t){return N({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})}(M(this)):function(t){const e=g(),[r,a]=n(!1),[s,o]=n(""),[l,c]=n(void 0),[d,u]=n(Pt),m=y(Lt,{},!(null==e?void 0:e.jwt)),[p,v]=b(Dt);return i((()=>{!(null==v?void 0:v.loading)&&r&&((null==v?void 0:v.errors)?u((t=>{var e,r,a;return{...t,error:null===(a=null===(r=null===(e=null==v?void 0:v.errors)||void 0===e?void 0:e.response)||void 0===r?void 0:r.errors)||void 0===a?void 0:a[0].message}})):(c((t=>{var e;return{...t,...null===(e=null==v?void 0:v.data)||void 0===e?void 0:e.upsertUser}})),a(!1)))}),[null==v?void 0:v.loading]),i((()=>{c((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]),i((()=>{var e;(null===(e=null==v?void 0:v.errors)||void 0===e?void 0:e.message)&&u((e=>({...e,error:t.networkErrorMessage})))}),[null==v?void 0:v.errors]),{states:{loading:(null==m?void 0:m.loading)||v.loading,submitDisabled:!1,formState:d,user:l,showEdit:r,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(d.firstName&&d.lastName)return p({id:null==e?void 0:e.id,accountId:null==e?void 0:e.accountId,firstName:d.firstName,lastName:d.lastName}),void u((t=>({...t,errors:{}})));const r={};d.firstName||(r.firstName={message:t.fieldEmptyText}),d.lastName||(r.lastName={message:t.fieldEmptyText}),W(r)||u((e=>({...e,error:t.formErrorText}))),u((t=>({...t,errors:r})))},resetForm:()=>{var t,e,r,a,s,i;const o=(null===(e=null===(t=null==m?void 0:m.data)||void 0===t?void 0:t.viewer)||void 0===e?void 0:e.countryCode)?h.formatDisplayName(m.data.viewer.countryCode,{type:"region"}):"";c({...null===(r=m.data)||void 0===r?void 0:r.viewer,...null===(a=v.data)||void 0===a?void 0:a.upsertUser}),u({...Pt,...null===(s=m.data)||void 0===s?void 0:s.viewer,...null===(i=v.data)||void 0===i?void 0:i.upsertUser,currentRegion:o})},onChange:t=>{const{name:e,value:r}=t.target;u((t=>({...t,[e]:r})))},setShowEdit:a}}}(M(this));return e(et,Object.assign({},t))}};Ft.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 Ot=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",s(this)}disconnectedCallback(){}render(){const t={states:{...M(this)},content:{primaryColumn:e("slot",null),secondaryColumn:e("slot",{name:"secondary-column"})}};return e(rt,Object.assign({},t))}};function Vt(t,r){const a=Boolean((t.header||t.description||t.buttonText)&&"overlay"===t.layout),s=q({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%"}}}),i=s.toString();return e("div",{class:s.classes.Container,part:"sqm-base"},e("style",{type:"text/css"},"\n :host{\n display: block;\n }",i),"overlay"===t.layout&&e("div",{class:s.classes.Background},e("div",{class:s.classes.Overlay,part:"sqm-overlay"},t.header&&e("div",{class:s.classes.Header},t.header),t.description&&e("div",{class:s.classes.Description},t.description),t.buttonText&&e("sl-button",{class:s.classes.Button,type:"primary",onClick:()=>t.buttonNewTab?window.open(t.buttonLink):window.open(t.buttonLink,"_parent")},t.buttonText),r&&r)),"columns"===t.layout&&e("div",null,e("div",{class:s.classes.Column},e("div",{class:"image-area"},e("img",{class:s.classes.Image,src:t.imageUrl,part:"sqm-columns-image"})),e("div",{class:"text-area",part:"sqm-columns-text-area"},t.header&&e("div",{class:s.classes.Header,part:"sqm-columns-header"},t.header),t.description&&e("div",{class:s.classes.Description,part:"sqm-columns-description"},t.description),t.buttonText&&e("sl-button",{exportparts:"base: sqm-hero-image-button",class:s.classes.Button,type:"primary",onClick:()=>t.buttonNewTab?window.open(t.buttonLink):window.open(t.buttonLink,"_parent")},t.buttonText)))))}const $t=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",s(this)}disconnectedCallback(){}render(){return e(Vt,Object.assign({},M(this)),e("slot",null))}},jt=class{constructor(e){t(this,e),this.ignored=!0,s(this)}disconnectedCallback(){}render(){return e(this.hookStory,null)}};function Ut(t){const r=q({Container:{display:"flex",width:"100%",justifyContent:t.alignment||"center",background:t.backgroundColor||""},Image:{minHeight:t.minHeight||"100%",width:t.width||"100%",maxWidth:"max-content",objectFit:"cover"}}),a=r.toString();return e("div",null,e("style",{type:"text/css"},a,"\n :host{\n display: block; \n }\n "),e("div",{class:r.classes.Container,part:"sqm-base"},e("img",{part:"sqm-image",src:t.imageUrl,class:r.classes.Image})))}const Bt=class{constructor(e){t(this,e),this.alignment="center"}render(){return e(Ut,Object.assign({},M(this)))}},Ht=class{constructor(e){t(this,e),this.ignored=!0,this.fieldType="text",this.errorMessage="Cannot be empty",this.fieldOptional=!1,s(this)}disconnectedCallback(){}render(){const t={...M(this)},r=A([{attribute:"field-name",value:this.fieldName}]);if(!m()&&r)return e($,{missingProps:r,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}=m()?N({states:{registrationFormState:{}}},this.demoData||{},{arrayMerge:(t,e)=>e}):{states:{registrationFormState:o(O)}};return e(at,{states:a,content:t})}},zt=class{constructor(e){t(this,e),this.ignored=!0,this.dropdownLabel="Select an option",this.requiredFieldErrorMessage="Please select a {dropdownLabel}",this.optionalLabel="(optional)",this.dropdownOptional=!1,this.multiple=!1,s(this)}disconnectedCallback(){}render(){const t=A([{attribute:"dropdown-name",value:this.dropdownName}]);if(!m()&&t)return e($,{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 r={...M(this),selectOptions:e("slot",null)},{states:a}=m()?N({states:{leadFormState:{}},content:{dropdownName:(s=this).dropdownName,dropdownLabel:s.dropdownLabel,requiredFieldErrorMessage:s.requiredFieldErrorMessage,dropdownOptional:s.dropdownOptional}},s.demoData||{},{arrayMerge:(t,e)=>e}):{states:{leadFormState:o(j)}};var s;return e(st,{states:a,content:r})}},Wt=v.gql`
|
|
63
|
-
mutation submitForm($formSubmissionInput: FormSubmissionInput!) {
|
|
64
|
-
submitForm(formSubmissionInput: $formSubmissionInput) {
|
|
65
|
-
success
|
|
66
|
-
}
|
|
67
|
-
}
|
|
68
|
-
`,Yt=v.gql`
|
|
69
|
-
query getUser($programId: ID) {
|
|
70
|
-
viewer {
|
|
71
|
-
... on User {
|
|
72
|
-
referralCode(programId: $programId)
|
|
73
|
-
}
|
|
74
|
-
}
|
|
75
|
-
}
|
|
76
|
-
`,Gt=class{constructor(e){t(this,e),this.ignored=!0,this.emailLabel="Email",this.firstNameLabel="First name",this.lastNameLabel="Last name",this.submitLabel="Submit",this.resubmitFormLabel="Refer Another Friend",this.pageLabel="Refer your friend",this.formKey="lead-form",this.supportLinkText="Support",this.submitSuccessHeader="Lead submitted",this.submitSuccessDescription="Our team will contact your friend to see if they’re a good fit. In the meantime, you can track this referral on Activity page.",this.submitErrorHeader="An error occurred while submitting",this.submitErrorDescription="Please try again later. If the problem continues, contact {supportLink}",this.requiredFieldErrorMessage="Please enter a valid {fieldLabel}",this.networkErrorMessage="Network request failed.",this.invalidEmailErrorMessage="Must be a valid email address",s(this)}disconnectedCallback(){}render(){const{states:t,callbacks:r,refs:a}=m()?N({states:{error:"",loading:!1,success:!1},callbacks:{submit:async()=>{console.log("submit")},inputFunction:()=>{},resetForm:()=>{}},refs:{formRef:{}}},this.demoData||{},{arrayMerge:(t,e)=>e}):function(t){var e,r,a,s,o,c,d,u,h,m;const p=l(null),{leadFormState:v,setLeadFormState:x}=U({}),k=f(),E=g(),{data:C}=y(Yt,{programId:k},!(null==E?void 0:E.jwt)||!k),[I,{loading:R,errors:S}]=b(Wt),[_,N]=n(!1);i((()=>{if(!p.current)return;const t=p.current;return t.addEventListener("sl-input",M),()=>{t.removeEventListener("sl-input",M)}}),[p.current]);const M=w((t=>{var e,r;if("tel"!==(null===(r=null===(e=t.target)||void 0===e?void 0:e.type)||void 0===r?void 0:r.toLowerCase()))return;const a=new z("US");t.target.value=a.input(t.target.value)}),[]);let A="";return A=(null===(e=null==S?void 0:S.response)||void 0===e?void 0:e.error)||(null==S?void 0:S.message)&&!(null===(r=null==S?void 0:S.response)||void 0===r?void 0:r.errors.length)?t.networkErrorMessage:(null===(c=null===(o=null===(s=null===(a=null==S?void 0:S.response)||void 0===a?void 0:a.errors)||void 0===s?void 0:s[0])||void 0===o?void 0:o.extensions)||void 0===c?void 0:c.message)||(null===(h=null===(u=null===(d=null==S?void 0:S.response)||void 0===d?void 0:d.errors)||void 0===u?void 0:u[0])||void 0===h?void 0:h.message)||(null==v?void 0:v.error),{states:{loading:R,error:A,success:_,leadFormState:v,referralCode:(null===(m=null==C?void 0:C.viewer)||void 0===m?void 0:m.referralCode)||""},callbacks:{submit:async e=>{var r;let a=e.target.getFormControls(),s={},i={};if(null==a||a.forEach((e=>{if(!e.name)return;const r=e.name,a=e.value;if(T.set(s,r,a),e.required&&!a&&T.set(i,r,t.requiredFieldErrorMessage),"function"==typeof e.validationError){const t=(0,e.validationError)({control:e,key:r,value:a});t&&T.set(i,r,t)}})),Object.keys(i).length)return void x({loading:!1,error:"",validationErrors:i});x({loading:!0,error:"",validationErrors:{}});const o={key:t.formKey,formData:s};try{const t=await I({formSubmissionInput:o});if(t instanceof Error)throw t;x({loading:!1,error:"",validationErrors:{}}),(null===(r=null==t?void 0:t.submitForm)||void 0===r?void 0:r.success)&&N(!0)}catch(e){x({loading:!1,error:t.networkErrorMessage,validationErrors:{}})}},inputFunction:M,resetForm:function(){var t,e;x({loading:!1,error:"",validationErrors:{}}),null===(e=null===(t=p.current)||void 0===t?void 0:t.getFormControls())||void 0===e||e.forEach((t=>{var e;"checkbox"===(null===(e=t.input)||void 0===e?void 0:e.type)?(t.checked=!1,t.value=!1):t.value=""})),N(!1)}},refs:{formRef:p}}}(this),s={formData:e("slot",{name:"formData"}),emailLabel:this.emailLabel,submitLabel:this.submitLabel,resubmitFormLabel:this.resubmitFormLabel,pageLabel:this.pageLabel,supportLinkText:this.supportLinkText,submitSuccessHeader:this.submitSuccessHeader,submitSuccessDescription:this.submitSuccessDescription,submitErrorHeader:this.submitErrorHeader,submitErrorDescription:this.submitErrorDescription,invalidEmailErrorMessage:this.invalidEmailErrorMessage,requiredFieldErrorMessage:this.requiredFieldErrorMessage,firstNameLabel:this.firstNameLabel,lastNameLabel:this.lastNameLabel};return e(it,{states:t,callbacks:r,content:s,refs:a})}},Kt=v.gql`
|
|
77
|
-
query (
|
|
78
|
-
$type: String!
|
|
79
|
-
$filter: UserLeaderboardFilterInput
|
|
80
|
-
$locale: RSLocale
|
|
81
|
-
$limit: Int!
|
|
82
|
-
) {
|
|
83
|
-
userLeaderboard(type: $type, filter: $filter) {
|
|
84
|
-
dateModified
|
|
85
|
-
rows(limit: $limit) {
|
|
86
|
-
textValue(locale: $locale)
|
|
87
|
-
firstName
|
|
88
|
-
lastInitial
|
|
89
|
-
rank {
|
|
90
|
-
rank
|
|
91
|
-
denseRank
|
|
92
|
-
rowNumber
|
|
93
|
-
}
|
|
94
|
-
}
|
|
95
|
-
}
|
|
96
|
-
}
|
|
97
|
-
`,Zt=v.gql`
|
|
98
|
-
query (
|
|
99
|
-
$type: String!
|
|
100
|
-
$filter: UserLeaderboardFilterInput
|
|
101
|
-
$locale: RSLocale
|
|
102
|
-
$limit: Int!
|
|
103
|
-
) {
|
|
104
|
-
userLeaderboard(type: $type, filter: $filter) {
|
|
105
|
-
dateModified
|
|
106
|
-
rows(limit: $limit) {
|
|
107
|
-
textValue(locale: $locale)
|
|
108
|
-
rank {
|
|
109
|
-
rank
|
|
110
|
-
denseRank
|
|
111
|
-
rowNumber
|
|
112
|
-
}
|
|
113
|
-
}
|
|
114
|
-
}
|
|
115
|
-
}
|
|
116
|
-
`,Xt=v.gql`
|
|
117
|
-
query (
|
|
118
|
-
$type: String!
|
|
119
|
-
$filter: UserLeaderboardFilterInput
|
|
120
|
-
$locale: RSLocale
|
|
121
|
-
) {
|
|
122
|
-
viewer {
|
|
123
|
-
... on User {
|
|
124
|
-
firstName
|
|
125
|
-
lastInitial
|
|
126
|
-
leaderboardRank(type: $type, filter: $filter) {
|
|
127
|
-
textValue(locale: $locale)
|
|
128
|
-
rank
|
|
129
|
-
denseRank
|
|
130
|
-
rowNumber
|
|
131
|
-
}
|
|
132
|
-
}
|
|
133
|
-
}
|
|
134
|
-
}
|
|
135
|
-
`,Qt=v.gql`
|
|
136
|
-
query (
|
|
137
|
-
$type: String!
|
|
138
|
-
$filter: UserLeaderboardFilterInput
|
|
139
|
-
$locale: RSLocale
|
|
140
|
-
) {
|
|
141
|
-
viewer {
|
|
142
|
-
... on User {
|
|
143
|
-
leaderboardRank(type: $type, filter: $filter) {
|
|
144
|
-
textValue(locale: $locale)
|
|
145
|
-
rank
|
|
146
|
-
denseRank
|
|
147
|
-
rowNumber
|
|
148
|
-
}
|
|
149
|
-
}
|
|
150
|
-
}
|
|
151
|
-
}
|
|
152
|
-
`,Jt=class{constructor(e){t(this,e),this.width="100%",this.hideViewer=!1,this.viewingUserText="You",this.hideNames=!1,this.anonymousUser="Anonymous User",this.maxRows=10,this.ignored=!0,s(this),ot(this)}disconnectedCallback(){}render(){const t={empty:e(te,null),usersheading:this.usersheading,statsheading:this.statsheading,rankheading:this.rankheading,rankType:this.rankType,leaderboardType:this.leaderboardType,maxRows:this.maxRows,programId:this.programId,anonymousUser:this.anonymousUser,interval:this.interval,hideViewer:this.hideViewer,viewingUserText:this.viewingUserText,hideNames:this.hideNames,showRank:this.showRank,rankSuffix:this.rankSuffix,width:this.width},r={...t,demoData:this.demoData},a=m()?function(t){var r,a;const s=(null===(a=null===(r=t.demoData)||void 0===r?void 0:r.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 N({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,viewingUserText:t.viewingUserText,hideNames:t.hideNames,rankSuffix:t.rankSuffix,width:t.width}},data:{rankType:"rowNumber",leaderboard:s},elements:{empty:e(te,null)}},t.demoData||{},{arrayMerge:(t,e)=>e})}(r):function(t){var e,r,a,s,i,o,n,l,d,u;const h=f(),m=null!==(e=t.programId)&&void 0!==e?e:h,p=g(),v=k(),b=m?{type:t.leaderboardType,filter:{programId_eq:m}}:{type:t.leaderboardType,filter:{}};t.interval&&(b.filter.interval=t.interval),v&&(b.locale=v),t.maxRows>0&&(b.limit=t.maxRows);const{data:x,loading:w,errors:E}=y(t.hideNames?Zt:Kt,b,!(null==p?void 0:p.jwt),{batch:!1}),{data:C}=y(t.hideNames?Qt:Xt,b,!(null==p?void 0:p.jwt)),I=null==(_=null===(r=null==x?void 0:x.userLeaderboard)||void 0===r?void 0:r.rows)?void 0:_.flatMap((e=>{var r,a;return{textValue:e.textValue,firstName:e.firstName,lastInitial:e.lastInitial,rank:null===(r=e.rank)||void 0===r?void 0:r[t.rankType],rowNumber:null===(a=e.rank)||void 0===a?void 0:a.rowNumber}})),R=null==I?void 0:I.sort((function(t,e){return t.rank-e.rank})),S={textValue:null===(s=null===(a=null==C?void 0:C.viewer)||void 0===a?void 0:a.leaderboardRank)||void 0===s?void 0:s.textValue,firstName:null===(i=null==C?void 0:C.viewer)||void 0===i?void 0:i.firstName,lastInitial:null===(o=null==C?void 0:C.viewer)||void 0===o?void 0:o.lastInitial,rank:null===(l=null===(n=null==C?void 0:C.viewer)||void 0===n?void 0:n.leaderboardRank)||void 0===l?void 0:l[t.rankType],rowNumber:null===(u=null===(d=null==C?void 0:C.viewer)||void 0===d?void 0:d.leaderboardRank)||void 0===u?void 0:u.rowNumber};var _;return{states:{loading:w,isEssentials:c((()=>{var t,e;return!!(null===(e=null===(t=null==E?void 0:E.response)||void 0===t?void 0:t.errors)||void 0===e?void 0:e.find((t=>{var e,r;return 403===(null===(r=null===(e=null==t?void 0:t.extensions)||void 0===e?void 0:e.apiError)||void 0===r?void 0:r.statusCode)})))}),[E]),hasLeaders:(null==R?void 0:R.length)>0,styles:t},data:{leaderboard:R,rankType:t.rankType,viewerRank:S},elements:{empty:t.empty}}}(t);return e(nt,Object.assign({},a))}};function te(){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"}))}const ee=q({Container:{display:"contents"},Link:{textDecoration:"none",color:"inherit"}}),re=ee.toString();function ae(t){const{onClick:r,buttonText:a}=t;return e("span",{class:ee.classes.Container,part:"sqm-base"},e("style",{type:"text/css"},re,"\n:host{\n display: inline; \n}\n"),e("sl-button",{onClick:r,type:"primary",exportparts:"base: primarybutton-base"},e("a",{class:ee.classes.Link,part:"sqm-link"},a)))}const se=class{constructor(e){t(this,e),this.openInNewTab=!1,this.buttonText="Click here"}render(){return e(ae,Object.assign({},{...M(this),onClick:()=>{window.open(this.link,this.openInNewTab?"_blank":"_parent")}}))}},ie=class{constructor(e){t(this,e),this.ignored=!0,this.checkboxLabel="I would like to receive marketing and promotional emails for this referral program",this.checkboxName="marketingEmailOptIn",s(this)}disconnectedCallback(){}render(){const t={...M(this)},{states:r,callbacks:a}=m()?N({states:{registrationFormState:{},checked:!1},callbacks:{setChecked:()=>{}}},this.demoData||{},{arrayMerge:(t,e)=>e}):Rt(this);return e(Q,{states:r,content:t,callbacks:a})}},oe=class{constructor(e){t(this,e),this.ignored=!0,this.firstNameLabel="First Name",this.lastNameLabel="Last Name",s(this)}disconnectedCallback(){}render(){const{states:t}=m()?N({states:{validationErrors:[],content:{firstNameLabel:this.firstNameLabel,lastNameLabel:this.lastNameLabel}}},this.demoData||{},{arrayMerge:(t,e)=>e}):function(t){return{states:{registrationFormState:o(O),content:{lastNameLabel:t.lastNameLabel,firstNameLabel:t.firstNameLabel}}}}(this);return e(lt,{states:t})}};function ne(t){const{states:r}=t,{styles:a}=r;return r.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 le=class{constructor(e){t(this,e),this.ignored=!0,s(this)}disconnectedCallback(){}render(){const t=m()?function(t){return N({states:{includeDropdown:!0,styles:{...t,menuLabel:"Menu"}},callbacks:{rerender:()=>{}},ref:{current:void 0}},t.demoData||{},{arrayMerge:(t,e)=>e})}(M(this)):function(t){const e=l(),[,r]=E(),a=g();return i((()=>{var t;null===(t=e.current)||void 0===t||t.addEventListener("sl-select",(t=>function(t){C.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:r},ref:e}}(M(this));return e(r,{slot:"sqm-navigation-menu"},e(ne,Object.assign({},t)))}};le.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 ce=q({Wrapper:{maxWidth:"200px",marginLeft:"auto"},PayoutButtonDescription:{color:"var(--sl-color-neutral-500)",fontSize:"var(--sl-font-size-small)",margin:"0"}}),de=ce.toString();function ue(t){const{text:r,states:a}=t;return a.payoutSettingsComplete?e("div",{class:ce.classes.Wrapper},e("style",{type:"text/css"},de),e("sqm-scroll",{"scroll-tag-name":"sqm-tabs","button-text":r.payoutButtonText,"scroll-animation":"smooth"}),e("p",{class:ce.classes.PayoutButtonDescription},r.payoutButtonDescription)):e("div",null)}const he=v.gql`
|
|
153
|
-
query getPayoutDetails {
|
|
154
|
-
user: viewer {
|
|
155
|
-
... on User {
|
|
156
|
-
id
|
|
157
|
-
impactConnection {
|
|
158
|
-
connected
|
|
159
|
-
publisher {
|
|
160
|
-
id
|
|
161
|
-
payoutsAccount {
|
|
162
|
-
hold
|
|
163
|
-
balance
|
|
164
|
-
}
|
|
165
|
-
}
|
|
166
|
-
}
|
|
167
|
-
}
|
|
168
|
-
}
|
|
169
|
-
}
|
|
170
|
-
`,me=class{constructor(e){t(this,e),this.payoutButtonText="Payouts & Tax Settings",this.payoutButtonDescription="Check your payout settings to see when you’ll get paid out next",this.ignored=!0,s(this)}disconnectedCallback(){}getTextProps(){return M(this)}render(){const t=m()?function(t){return N({states:{payoutSettingsComplete:!1},text:t.getTextProps()},t.demoData||{},{arrayMerge:(t,e)=>e})}(this):function(t){var e,r,a;const{data:s,refetch:o}=y(he,{});return i((()=>{const t=()=>o();return window.addEventListener("sqm:tax-form-updated",t),()=>window.removeEventListener("sqm:tax-form-updated",t)}),[]),{states:{payoutSettingsComplete:!!(null===(a=null===(r=null===(e=null==s?void 0:s.user)||void 0===e?void 0:e.impactConnection)||void 0===r?void 0:r.publisher)||void 0===a?void 0:a.payoutsAccount)},text:t.getTextProps()}}(this);return e(ue,Object.assign({},t))}},pe=q({SkeletonOne:{width:"50%",height:"16px"},AlertDescriptionText:{margin:"0",marginBottom:"var(--sl-spacing-small)"},ErrorAlertContainer:{"&::part(base)":{backgroundColor:"var(--sl-color-red-100)",borderTop:"none"},"& sl-icon::part(base)":{color:"var(--sl-color-danger-500)"}},WarningAlertContainer:{"&::part(base)":{backgroundColor:"var(--sl-color-yellow-100)",borderTop:"none"},"& sl-icon::part(base)":{color:"var(--sl-color-danger-500)"}},InfoAlertContainer:{"&::part(base)":{backgroundColor:"var(--sl-color-sky-100)",borderTop:"none"},"& sl-icon::part(base)":{color:"var(--sl-color-blue-500)"}},Dialog:{"&::part(panel)":{height:"600px"},"&::part(close-button)":{marginBottom:"var(--sl-spacing-xx-large)"},"&::part(title)":{display:"none"},"&::part(header)":{},"&::part(body)":{padding:"0"},"&::part(footer)":{}}}),ve=pe.toString();function ge(t){const{text:r,states:s,data:i,callbacks:o}=t;if(s.loading)return e("sl-skeleton",{class:pe.classes.SkeletonOne});const n=function(t){if(s.error)return{header:r.errorHeader,description:r.errorDescription,buttonText:null,alertType:"critical",icon:"exclamation-triangle",class:pe.classes.ErrorAlertContainer};switch(t){case"INFORMATION_REQUIRED":return{header:r.informationRequiredHeader,description:r.informationRequiredDescription,buttonText:r.informationRequiredButtonText,alertType:"info",icon:"info-circle",class:pe.classes.InfoAlertContainer};case"VERIFICATION:REQUIRED":return{header:r.verificationRequiredHeader,description:h.formatMessage({id:"verificationRequiredDescription",defaultMessage:r.verificationRequiredDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),buttonText:r.verificationRequiredButtonText,alertType:"warning",icon:"exclamation-triangle",class:pe.classes.WarningAlertContainer};case"VERIFICATION:INTERNAL":return{header:r.verificationRequiredInternalHeader,description:h.formatMessage({id:"verificationRequiredInternalDescription",defaultMessage:r.verificationRequiredInternalDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),alertType:"warning",icon:"exclamation-triangle",class:pe.classes.WarningAlertContainer};case"VERIFICATION:REVIEW":return{header:r.verificationReviewInternalHeader,description:h.formatMessage({id:"verificationReviewInternalDescription",defaultMessage:r.verificationReviewInternalDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),alertType:"warning",icon:"exclamation-triangle",class:pe.classes.WarningAlertContainer};case"VERIFICATION:FAILED":return{header:r.verificationFailedInternalHeader,description:h.formatMessage({id:"verificationFailedInternalDescription",defaultMessage:r.verificationFailedInternalDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),alertType:"critical",icon:"exclamation-octagon",class:pe.classes.ErrorAlertContainer};case"OVER_W9_THRESHOLD":return"CASH_ONLY_DEFER_W9"===s.enforceUsTaxComplianceOption?{header:r.w9RequiredHeader,description:h.formatMessage({id:"w9RequiredDescription",defaultMessage:r.w9RequiredDescription},{termsAndConditions:e("a",{target:"_blank",href:"https://terms.advocate.impact.com/PayoutTermsAndConditions.html"},r.termsAndConditions)}),buttonText:r.w9RequiredButtonText,alertType:"warning",icon:"exclamation-triangle",class:pe.classes.WarningAlertContainer}:{header:r.holdHeader,description:h.formatMessage({id:"holdDescription",defaultMessage:r.holdDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),buttonText:null,alertType:"warning",icon:"exclamation-triangle",class:pe.classes.WarningAlertContainer};case"NEW_PAYEE_REVIEW":return{header:r.accountReviewHeader,description:h.formatMessage({id:"accountReviewDescription",defaultMessage:r.accountReviewDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),buttonText:null,alertType:"warning",icon:"exclamation-triangle",class:pe.classes.WarningAlertContainer};case"PAYMENT_HOLD_ON_CHANGE":return{header:r.paymentHoldOnChangeHeader,description:h.formatMessage({id:"accountReviewDescription",defaultMessage:r.paymentHoldOnChangeDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),buttonText:null,alertType:"warning",icon:"exclamation-triangle",class:pe.classes.WarningAlertContainer};case"BENEFICIARY_NAME_INVALID":return{header:r.beneficiaryNameInvalidHeader,description:h.formatMessage({id:"accountReviewDescription",defaultMessage:r.beneficiaryNameInvalidDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),buttonText:r.editPaymentInformationButton,alertType:"warning",icon:"exclamation-triangle",class:pe.classes.WarningAlertContainer};case"BENEFICIARY_NAME_MISMATCH":return{header:r.beneficiaryNameMismatchHeader,description:h.formatMessage({id:"accountReviewDescription",defaultMessage:r.beneficiaryNameMismatchDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),buttonText:r.editPaymentInformationButton,alertType:"warning",icon:"exclamation-triangle",class:pe.classes.WarningAlertContainer};case"BANK_TAX_NAME_MISMATCH":return{header:r.bankTaxNameMismatchHeader,description:h.formatMessage({id:"accountReviewDescription",defaultMessage:r.bankTaxNameMismatchDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),buttonText:r.editPaymentInformationButton,alertType:"warning",icon:"exclamation-triangle",class:pe.classes.WarningAlertContainer};case"WITHDRAWAL_SETTINGS_INVALID":return{header:r.withdrawalSettingsInvalidHeader,description:h.formatMessage({id:"accountReviewDescription",defaultMessage:r.withdrawalSettingsInvalidDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),buttonText:r.editPaymentInformationButton,alertType:"warning",icon:"exclamation-triangle",class:pe.classes.WarningAlertContainer};case"PAYMENT_RETURNED":return{header:r.paymentReturnedHeader,description:h.formatMessage({id:"accountReviewDescription",defaultMessage:r.paymentReturnedDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),button:e(a,null,e("sl-button",{disabled:s.loading,type:"default",onClick:o.onPaymentInfoClick},r.editPaymentInformationButton),e("sl-button",{disabled:s.loading,type:"default",onClick:o.onNewFormClick},r.newFormButton)),alertType:"warning",icon:"exclamation-triangle",class:pe.classes.WarningAlertContainer};case"HOLD":return{header:r.holdHeader,description:h.formatMessage({id:"holdDescription",defaultMessage:r.holdDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),buttonText:null,alertType:"warning",icon:"exclamation-triangle",class:pe.classes.WarningAlertContainer};default:return}}(s.status);return"DONE"!==s.status&&n?e("div",{part:"sqm-base"},e("style",{type:"text/css"},ve),e("sl-alert",{exportparts:"base: alert-base, icon:alert-icon",type:n.alertType,class:n.class,open:!0},e("sl-icon",{slot:"icon",name:n.icon}),e("strong",null,n.header),e("p",{class:pe.classes.AlertDescriptionText},n.description),function(t){switch(t){case"OVER_W9_THRESHOLD":if("CASH_ONLY"===s.enforceUsTaxComplianceOption)return;return"SquatchJS2"===i.type?e("sqm-scroll",{"scroll-tag-name":"sqm-tabs","button-text":r.w9RequiredButtonText,"scroll-animation":"smooth"}):e("sl-button","SquatchPortal"===i.type?{type:"default",onClick:o.onTermsClick}:{type:"default"},r.w9RequiredButtonText);case"INFORMATION_REQUIRED":return"SquatchJS2"===i.type?e("sqm-scroll",{"scroll-tag-name":"sqm-tabs","button-text":r.informationRequiredButtonText,"scroll-animation":"smooth"}):e("sl-button","SquatchPortal"===i.type?{type:"default",onClick:o.onTermsClick}:{type:"default"},r.informationRequiredButtonText);case"VERIFICATION:REQUIRED":return e("sl-button",{type:"default",loading:s.veriffLoading,onClick:o.onClick},r.verificationRequiredButtonText);default:return n.button?n.button:void 0}}(s.status))):e("div",null)}const fe=class{constructor(e){t(this,e),this.informationRequiredHeader="Payout and tax information required",this.editPaymentInformationButton="Edit Payout Information",this.newFormButton="Submit new form",this.informationRequiredDescription="Submit your banking details and tax documents to receive your rewards.",this.informationRequiredButtonText="Payouts & Tax Settings",this.verificationRequiredHeader="Verify your identity",this.verificationRequiredDescription="It should only take a few minutes verify. If you run in to an issue verifying your identity contact our {supportLink}.",this.verificationRequiredButtonText="Start Verification",this.verificationRequiredInternalHeader="Identity Verification in Progress",this.verificationRequiredInternalDescription="Identity verification submission has been received. Our system is currently performing additional checks and analyzing the results. You will be updated shortly. If you don't hear from us contact our {supportLink}.",this.verificationReviewInternalHeader="Identity Verification Under Review",this.verificationReviewInternalDescription="Identity verification requires further review due to a potential error. Our team is reviewing the information and will update you shortly. If you don't hear from us contact our {supportLink}.",this.verificationFailedInternalHeader="Identity Verification Unsuccessful",this.verificationFailedInternalDescription="Identity verification has failed. Our team is reviewing the report and will contact you with further information. If you don't hear from us contact our {supportLink}.",this.accountReviewHeader="Your account is under review",this.accountReviewDescription="This process takes 48 hours, payouts are on hold until it's completed. You will receive an email from our referral provider, Impact.com, if any issues arise. It contains details on how to resolve this issue. If you need further assistance, please reach out to our {supportLink}.",this.paymentHoldOnChangeHeader="We are reviewing your new payout settings",this.paymentHoldOnChangeDescription="Your payout is temporarily on hold while we review your new payment information, this process is usually resolved within 48 hours.",this.beneficiaryNameInvalidHeader="Your payment information does not match your tax form",this.beneficiaryNameInvalidDescription="The beneficiary name in your payment information does not match what was submitted in your tax form. Please review and update your payment information or tax form so that they match exactly and do not include any invalid characters. Your payouts are on hold until this is resolved.",this.beneficiaryNameMismatchHeader="Your payment information does not match your tax form",this.beneficiaryNameMismatchDescription="The beneficiary name in your payment information does not match what was submitted in your tax form. Please review and update your payment information or tax form so that they match exactly and do not include any invalid characters. Your payouts are on hold until this is resolved.",this.bankTaxNameMismatchHeader="Your payment information does not match your tax form",this.bankTaxNameMismatchDescription="The bank name in your payment information does not match what was submitted in your tax form. Please review and update your payment information or tax form so that they match exactly and do not include any invalid characters. Your payouts are on hold until this is resolved.",this.withdrawalSettingsInvalidHeader="Your payment information includes invalid characters",this.withdrawalSettingsInvalidDescription="There are invalid characters in your payment information. Please review your information and make sure it is correct with no invalid characters. Your payouts are on hold until this is resolved.",this.paymentReturnedHeader="Payout unsuccessful",this.paymentReturnedDescription="Our recent payment attempt for your earnings was unsuccessful. Please review your payment information and make sure it is correct.",this.w9RequiredHeader="Your next payout is on hold",this.w9RequiredDescription="You have surpassed the $600 threshold requiring a W-9 form or have multiple accounts with impact.com. To remove the hold, please submit your W-9 form.",this.w9RequiredButtonText="Submit W-9",this.holdHeader="Your payouts and account are on hold",this.holdDescription="Please check your inbox for an email from our referral provider, impact.com. It contains details on how to resolve this issue. If you need further assistance, feel free to reach out to our {supportLink}.",this.cashPayoutsPageUrl="/taxAndCash",this.supportLink="support team",this.termsAndConditions="Terms and Conditions",this.errorHeader="Could not determine payout status.",this.errorDescription="There was an error with determining your payout status.",s(this)}disconnectedCallback(){}getTextProps(){return M(this)}render(){const t=m()?function(t){return N({states:{error:!1,status:"INFORMATION_REQUIRED",loading:!1,showVerifyIdentity:!1},data:{type:"SquatchAdmin"},text:t.getTextProps(),callbacks:{onTermsClick:()=>{},onClick:()=>console.log("show"),onPaymentInfoClick:()=>{},onNewFormClick:()=>{}}},t.demoData||{},{arrayMerge:(t,e)=>e})}(this):kt(this);return e(ge,Object.assign({},t))}},be=v.gql`
|
|
171
|
-
query {
|
|
172
|
-
viewer {
|
|
173
|
-
... on User {
|
|
174
|
-
id
|
|
175
|
-
accountId
|
|
176
|
-
marketingEmailOptIn
|
|
177
|
-
}
|
|
178
|
-
}
|
|
179
|
-
}
|
|
180
|
-
`,ye=v.gql`
|
|
181
|
-
mutation ($userInput: UserInput!) {
|
|
182
|
-
upsertUser(userInput: $userInput) {
|
|
183
|
-
id
|
|
184
|
-
marketingEmailOptIn
|
|
185
|
-
}
|
|
186
|
-
}
|
|
187
|
-
`,xe={marketingEmailOptIn:!1,errors:{},error:""},we=class{constructor(e){t(this,e),this.ignored=!0,this.emailPreferencesHeader="Email preferences",this.marketingCheckboxLabel="I want to receive marketing emails and promotions for this referral program from impact.com",this.submitChangeButtonText="Save",this.networkRequestMessage="An error occurred while loading this page. Please refresh the page.",this.successMessage="Opt-in preference has been changed.",s(this)}disconnectedCallback(){}render(){const t=m()?function(t){return N({states:{success:!1,loading:!1,submitDisabled:!1,user:{id:"01",accountId:"111100000",marketingEmailOptIn:!1},text:{emailPreferencesHeader:t.emailPreferencesHeader,marketingCheckboxLabel:t.marketingCheckboxLabel,submitChangeButtonText:t.submitChangeButtonText,successMessage:t.successMessage},formState:{marketingEmailOptIn:!1,errors:null,error:""}},callbacks:{onSubmit:t=>console.log(t),setChecked:()=>{}}},t.demoData||{},{arrayMerge:(t,e)=>e})}(M(this)):function(t){const e=g(),[r,a]=n(!1),[s,o]=n(void 0),[l,c]=n(xe),d=y(be,{},!(null==e?void 0:e.jwt)),[u,h]=b(ye);return i((()=>{(null==h?void 0:h.loading)||((null==h?void 0:h.errors)?c((t=>{var e,r,a;return{...t,error:null===(a=null===(r=null===(e=null==h?void 0:h.errors)||void 0===e?void 0:e.response)||void 0===r?void 0:r.errors)||void 0===a?void 0:a[0].message}})):(o((t=>{var e;return{...t,...null===(e=null==h?void 0:h.data)||void 0===e?void 0:e.upsertUser}})),(null==h?void 0:h.data)&&a(!0)))}),[null==h?void 0:h.loading]),i((()=>{var t,e;o((t=>{var e;return{...t,...null===(e=null==d?void 0:d.data)||void 0===e?void 0:e.viewer}})),c({...xe,...null===(t=d.data)||void 0===t?void 0:t.viewer,...null===(e=h.data)||void 0===e?void 0:e.upsertUser})}),[null==d?void 0:d.data]),i((()=>{var e,r;(null===(e=null==h?void 0:h.errors)||void 0===e?void 0:e.message)&&c({...null===(r=d.data)||void 0===r?void 0:r.viewer,error:t.networkRequestMessage})}),[null==h?void 0:h.errors]),{states:{success:r,loading:(null==d?void 0:d.loading)||h.loading,submitDisabled:!1,formState:l,user:s,text:{emailPreferencesHeader:t.emailPreferencesHeader,marketingCheckboxLabel:t.marketingCheckboxLabel,submitChangeButtonText:t.submitChangeButtonText,successMessage:t.successMessage}},callbacks:{onSubmit:t=>{var r;a(!1);const s=null===(r=t.detail)||void 0===r?void 0:r.formData;null==s||s.forEach(((t,e)=>{T.set(s,e,t)})),u({userInput:{id:null==e?void 0:e.id,accountId:null==e?void 0:e.accountId,marketingEmailOptIn:Boolean(s.marketingEmailOptIn)}}),c((t=>({...t,errors:{},error:""})))},setChecked:t=>c({...l,marketingEmailOptIn:t})}}}(M(this));return e(ct,Object.assign({},t))}},ke=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",s(this)}disconnectedCallback(){}render(){const{states:t,callbacks:r}=m()?function(t){const[e,r]=n(!1);return N({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=>r(t),submit:t=>console.log("Submit",t)}},t.demoData||{},{arrayMerge:(t,e)=>e})}(this):function(t){var e,r,a,s,i,o,l;const[c,{loading:d,errors:u}]=I(),[h,m]=n(!1),[p,v]=n(""),[f,b]=n(!1),y=g();return{states:{open:h,loading:d,success:f,error:p||(null===(s=null===(a=null===(r=null===(e=null==u?void 0:u.response)||void 0===e?void 0:e.errors)||void 0===r?void 0:r[0])||void 0===a?void 0:a.extensions)||void 0===s?void 0:s.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 r,a;b(!1);const s=null===(r=e.detail)||void 0===r?void 0:r.formData;if(null==s||s.forEach(((t,e)=>{T.set(s,e,t)})),!(null==y?void 0:y.jwt))return void v(t.invalidSessionErrorText);if(s.password!==s.confirmPassword)return void v(t.nonMatchingPasswordErrorText);v("");const i={password:s.password},o=await c(i);o instanceof Error||!(null===(a=o.changeManagedIdentityPassword)||void 0===a?void 0:a.success)||b(!0)}}}}(this);return e(dt,{states:t,callbacks:r})}},Ee=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",s(this)}disconnectedCallback(){}render(){return e(ut,Object.assign({},M(this)))}static get assetsDirs(){return["../../assets"]}},Ce=class{constructor(e){t(this,e),this.ignored=!0,this.notFullScreen=!1,s(this)}disconnectedCallback(){}render(){const t=e("slot",{name:"footer"}),r=e("slot",{name:"header"}),a=m()?function(t,r,a){return N({notFullScreen:!0,data:{footer:t||e("span",null,"example@example.com"),header:r||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,r,this):function(t,e){const[,r]=E();return{data:{footer:t,header:e},callbacks:{rerender:r}}}(t,r);return e(ht,Object.assign({},a),e("slot",null))}},Ie=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.",this.registerCTA="Don't have an account?",s(this)}disconnectedCallback(){}render(){const{states:t,callbacks:r}=m()?N({states:{error:"",loading:!1,forgotPasswordPath:"/forgotPassword",registerPath:"/register",showLoginForm:"manual"},callbacks:{googleSubmit:async()=>{console.log("google submit")},submit:async()=>{console.log("submit")}},content:{googleButton:null}},this.demoData||{},{arrayMerge:(t,e)=>e}):H(this),a=q({RegisterButton:{"&::part(label)":{padding:"0"}}}).toString(),s={forgotPasswordButton:e("slot",{name:"forgotPassword"},e("a",{onClick:()=>C.push(t.forgotPasswordPath)},this.forgotPasswordLabel)),googleButton:null,secondaryButton:e("slot",{name:"secondaryButton"},e("style",null,a),e("sl-button",{type:"text",disabled:t.loading,onClick:()=>C.push(t.registerPath)},this.registerLabel)),emailLabel:this.emailLabel,passwordLabel:this.passwordLabel,submitLabel:this.submitLabel,pageLabel:this.pageLabel};return e(B,{states:t,callbacks:r,content:s})}},Re=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",s(this)}disconnectedCallback(){}render(){const{states:t,callbacks:r,refs:a}=m()?N({states:{error:"",loading:!1,confirmPassword:(s=this).confirmPassword,hideInputs:s.hideInputs||!1,customPasswordField:!1,loginPath:s.loginPath,disablePasswordValidation:s.disablePasswordValidation},callbacks:{submit:async()=>{console.log("submit")},inputFunction:()=>{}},refs:{formRef:{}}},s.demoData||{},{arrayMerge:(t,e)=>e}):function(t){var e,r,a,s,o,n,c,d,u;const h=l(null),{registrationFormState:m,setRegistrationFormState:p}=V({}),[v,{loading:g,errors:f}]=R();i((()=>{if(!h.current)return;const t=h.current;return t.addEventListener("sl-input",b),()=>{t.removeEventListener("sl-input",b)}}),[h.current]);const b=w((t=>{var e,r;if("tel"!==(null===(r=null===(e=t.target)||void 0===e?void 0:e.type)||void 0===r?void 0:r.toLowerCase()))return;const a=new z("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===(r=null==f?void 0:f.response)||void 0===r?void 0:r.errors.length)?t.networkErrorMessage:(null===(n=null===(o=null===(s=null===(a=null==f?void 0:f.response)||void 0===a?void 0:a.errors)||void 0===s?void 0:s[0])||void 0===o?void 0:o.extensions)||void 0===n?void 0:n.message)||(null===(u=null===(d=null===(c=null==f?void 0:f.response)||void 0===c?void 0:c.errors)||void 0===d?void 0:d[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 r;let a=e.target.getFormControls(),s={},i={};if(null==a||a.forEach((e=>{if(!e.name)return;const r=e.name,a=e.value;if(T.set(s,r,a),e.required&&!a&&T.set(i,r,t.requiredFieldErrorMessage),"function"==typeof e.validationError){const t=(0,e.validationError)({control:e,key:r,value:a});t&&T.set(i,r,t)}})),(t.confirmPassword||s.confirmPassword)&&s.password!==s.confirmPassword&&(i={...i,confirmPassword:t.passwordMismatchErrorMessage}),Object.keys(i).length)return void p({loading:!1,error:"",validationErrors:i});p({loading:!0,error:"",validationErrors:{}});const{email:o,password:n}=s;delete s.email,delete s.password,delete s.confirmPassword,s={...s};const l={email:o,password:n,formData:s,redirectPath:t.redirectPath};try{const e=await v(l);if(e instanceof Error)throw e;p({loading:!1,error:"",validationErrors:{}}),(null===(r=e.registerManagedIdentityWithEmailAndPassword)||void 0===r?void 0:r.token)&&C.push(t.nextPage)}catch(e){p({loading:!1,error:t.networkErrorMessage,validationErrors:{}})}},inputFunction:b},refs:{formRef:h}}}(this);var s;const o={formData:e("slot",{name:"formData"}),secondaryButton:e("slot",{name:"secondaryButton"},e("sl-button",{type:"text",disabled:t.loading,onClick:()=>C.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(mt,{states:t,callbacks:r,content:o,refs:a})}};function Se(t,r){const a=q({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"}}}),s=a.toString();return e("div",{class:a.classes.Container,part:"sqm-base"},e("style",{type:"text/css"},s,"\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"},r))}const _e=class{constructor(e){t(this,e),this.ignored=!0,s(this)}disconnectedCallback(){}render(){return e(Se,Object.assign({},M(this)),e("slot",null))}};function Te(t){const r=q({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=r.toString();return e("div",{class:r.classes.Container,part:"sqm-base"},e("style",{type:"text/css"},a),e("div",null,t.imageUrl?e("img",{class:r.classes.Media,src:t.imageUrl,part:"sqm-media"}):e("div",{class:r.classes.Media,part:"sqm-media"},e("sl-icon",{name:t.icon}))),e("div",{class:r.classes.Text},e("div",{class:r.classes.Header,part:"sqm-header"},t.header),e("div",{class:r.classes.Description,part:"sqm-description"},t.description)))}const Ne=class{constructor(e){t(this,e),s(this)}disconnectedCallback(){}render(){return e(Te,Object.assign({},M(this)))}},Me=d("sq:useProgramMenu"),Ae=class{constructor(e){t(this,e),this.ignored=!0,s(this)}disconnectedCallback(){}render(){const{data:t,ref:a}=function(t){const e=f(),r=p();Me({programId:e,props:t});const a=l(),[,s]=E();return i((()=>{var t;null===(t=a.current)||void 0===t||t.addEventListener("sl-select",(t=>{r.dispatchEvent(new CustomEvent("sq:update-program-id",{detail:t.detail.item.value,bubbles:!0,composed:!0}))}))}),[a.current]),{data:{programId:e},callbacks:{rerender:s},ref:a}}(M(this));return e(r,{style:{display:"contents"}},e("sl-select",{style:{paddingBottom:"var(--sl-spacing-large)"},value:t.programId,ref:t=>a.current=t},e("slot",null)))}},qe=q({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"}}}),Le=qe.toString();function De(t){return e("div",{part:"sqm-base",class:qe.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"},Le,"\n :host{\n display: block; \n }\n "),t.hasHeader&&e("div",{class:qe.classes.EndContainer},t.slots.header),e("div",{part:"sqm-column-container",class:qe.classes.ColumnContainer,style:{alignItems:t.verticalAlignment}},t.slots.left,t.slots.right),t.hasFooter&&e("div",{class:qe.classes.EndContainer},t.slots.footer))}const Pe=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,s(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"})},r=P(),a=r.findIndex((t=>"header"===t.slot))>-1,s=r.findIndex((t=>"footer"===t.slot))>-1;return e(De,Object.assign({},M(this),{slots:t,hasHeader:a,hasFooter:s}),e("slot",null))}},Fe=v.gql`
|
|
188
|
-
query getUser($programId: ID) {
|
|
189
|
-
viewer {
|
|
190
|
-
... on User {
|
|
191
|
-
referralCode(programId: $programId)
|
|
192
|
-
}
|
|
193
|
-
}
|
|
194
|
-
}
|
|
195
|
-
`,Oe=class{constructor(e){t(this,e),this.ignored=!0,this.iframeHeight="100%",this.iframeWidth="100%",s(this)}disconnectedCallback(){}render(){const t=A([{attribute:"iframe-src",value:this.iframeSrc}]);if(t)return e($,{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:s}=m()?(i=M(this),N({states:{content:{iframeSrc:"https://example.com",...i}},data:{shareCode:"SHARECODE123"}},i.demoData||{},{arrayMerge:(t,e)=>e})):function(t){var e;const r=f(),a=g(),{data:s}=y(Fe,{programId:r},!(null==a?void 0:a.jwt)||!r);return{states:{content:t},data:{shareCode:null===(e=null==s?void 0:s.viewer)||void 0===e?void 0:e.referralCode}}}(M(this));var i;return e(r,{style:{display:"contents"}},e(pt,{data:s,states:a}))}};var Ve={};!function t(e,r,a,s){var i=!!(e.Worker&&e.Blob&&e.Promise&&e.OffscreenCanvas&&e.OffscreenCanvasRenderingContext2D&&e.HTMLCanvasElement&&e.HTMLCanvasElement.prototype.transferControlToOffscreen&&e.URL&&e.URL.createObjectURL);function o(){}function n(t){var a=r.exports.Promise,s=void 0!==a?a:e.Promise;return"function"==typeof s?new s(t):(t(o,o),null)}var l,c,d,u,h,m,p,v,g=(d=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 r(a){h===a||h+d-1<a?(h=a,delete u[e],t()):u[e]=requestAnimationFrame(r)})),e},c=function(t){u[t]&&cancelAnimationFrame(u[t])}):(l=function(t){return setTimeout(t,d)},c=function(t){return clearTimeout(t)}),{frame:l,cancel:c}),f=(v={},function(){if(m)return m;if(!a&&i){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,r){t.postMessage({options:e||{},callback:r})}t.init=function(e){var r=e.transferControlToOffscreen();t.postMessage({canvas:r},[r])},t.fire=function(r,a,s){if(p)return e(r,null),p;var i=Math.random().toString(36).slice(2);return p=n((function(a){function o(e){e.data.callback===i&&(delete v[i],t.removeEventListener("message",o),p=null,s(),a())}t.addEventListener("message",o),e(r,i),v[i]=o.bind(null,{data:{callback:i}})}))},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,r){return function(t,e){return e?e(t):t}(t&&null!=t[e]?t[e]:b[e],r)}function x(t){return t<0?0:Math.floor(t)}function w(t){return parseInt(t,16)}function k(t){return t.map(E)}function E(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 C(t){t.width=document.documentElement.clientWidth,t.height=document.documentElement.clientHeight}function I(t){var e=t.getBoundingClientRect();t.width=e.width,t.height=e.height}function R(t,r){var o,l=!t,c=!!y(r||{},"resize"),d=y(r,"disableForReducedMotion",Boolean),u=i&&y(r||{},"useWorker")?f():null,h=l?C:I,m=!(!t||!u||!t.__confetti_initialized),p="function"==typeof matchMedia&&matchMedia("(prefers-reduced-motion)").matches;function v(e,r,i){for(var l,c,d,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),E=y(e,"drift",Number),C=y(e,"colors",k),I=y(e,"ticks",Number),R=y(e,"shapes"),S=y(e,"scalar"),_=function(t){var e=y(t,"origin",Object);return e.x=y(e,"x",Number),e.y=y(e,"y",Number),e}(e),T=m,N=[],M=t.width*_.x,A=t.height*_.y;T--;)N.push((void 0,void 0,c=(l={x:M,y:A,angle:p,spread:v,startVelocity:f,color:C[T%C.length],shape:R[(0,u=R.length,Math.floor(Math.random()*(u-0))+0)],ticks:I,decay:b,gravity:w,drift:E,scalar:S}).angle*(Math.PI/180),d=l.spread*(Math.PI/180),{x:l.x,y:l.y,wobble:10*Math.random(),velocity:.5*l.startVelocity+Math.random()*l.startVelocity,angle2D:-c+(.5*d-Math.random()*d),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 o?o.addFettis(N):(o=function(t,e,r,i,o){var l,c,d=e.slice(),u=t.getContext("2d"),h=n((function(e){function n(){l=c=null,u.clearRect(0,0,i.width,i.height),o(),e()}l=g.frame((function e(){!a||i.width===s.width&&i.height===s.height||(i.width=t.width=s.width,i.height=t.height=s.height),i.width||i.height||(r(t),i.width=t.width,i.height=t.height),u.clearRect(0,0,i.width,i.height),(d=d.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 r=e.tick++/e.totalTicks,a=e.x+e.random*e.tiltCos,s=e.y+e.random*e.tiltSin,i=e.wobbleX+e.random*e.tiltCos,o=e.wobbleY+e.random*e.tiltSin;return t.fillStyle="rgba("+e.color.r+", "+e.color.g+", "+e.color.b+", "+(1-r)+")",t.beginPath(),"circle"===e.shape?t.ellipse?t.ellipse(e.x,e.y,Math.abs(i-a)*e.ovalScalar,Math.abs(o-s)*e.ovalScalar,Math.PI/10*e.wobble,0,2*Math.PI):function(t,e,r,a,s,i,o,n){t.save(),t.translate(e,r),t.rotate(i),t.scale(a,s),t.arc(0,0,1,0,n,void 0),t.restore()}(t,e.x,e.y,Math.abs(i-a)*e.ovalScalar,Math.abs(o-s)*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(s)),t.lineTo(Math.floor(i),Math.floor(o)),t.lineTo(Math.floor(a),Math.floor(e.wobbleY))),t.closePath(),t.fill(),e.tick<e.totalTicks}(u,t)}))).length?l=g.frame(e):n()})),c=n}));return{addFettis:function(t){return d=d.concat(t),h},canvas:t,promise:h,reset:function(){l&&g.cancel(l),c&&c()}}}(t,N,h,r,i)).promise}function b(r){var a=d||y(r,"disableForReducedMotion",Boolean),s=y(r,"zIndex",Number);if(a&&p)return n((function(t){t()}));l&&o?t=o.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}(s),document.body.appendChild(t)),c&&!m&&h(t);var i={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}})}i.width=i.height=null}function f(){o=null,c&&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),c&&e.addEventListener("resize",g,!1),u?u.fire(r,i,f):v(r,i,f)}return b.reset=function(){u&&u.reset(),o&&o.reset()},b}r.exports=R(null,{useWorker:!0,resize:!0}),r.exports.create=R}(function(){return"undefined"!=typeof window?window:"undefined"!=typeof self?self:this||{}}(),Ve,!1);const $e=Ve.exports,je=v.gql`
|
|
196
|
-
query getExchangeList {
|
|
197
|
-
viewer {
|
|
198
|
-
... on User {
|
|
199
|
-
visibleRewardExchangeItems(limit: 20, offset: 0) {
|
|
200
|
-
data {
|
|
201
|
-
key
|
|
202
|
-
name
|
|
203
|
-
description
|
|
204
|
-
imageUrl
|
|
205
|
-
available
|
|
206
|
-
unavailableReasonCode
|
|
207
|
-
ruleType
|
|
208
|
-
sourceUnit
|
|
209
|
-
sourceValue
|
|
210
|
-
prettySourceValue
|
|
211
|
-
sourceMinValue
|
|
212
|
-
prettySourceMinValue
|
|
213
|
-
sourceMaxValue
|
|
214
|
-
prettySourceMaxValue
|
|
215
|
-
destinationMinValue
|
|
216
|
-
prettyDestinationMinValue
|
|
217
|
-
destinationMaxValue
|
|
218
|
-
prettyDestinationMaxValue
|
|
219
|
-
globalRewardKey
|
|
220
|
-
destinationUnit
|
|
221
|
-
steps {
|
|
222
|
-
sourceValue
|
|
223
|
-
prettySourceValue
|
|
224
|
-
destinationValue
|
|
225
|
-
prettyDestinationValue
|
|
226
|
-
available
|
|
227
|
-
globalRewardKey
|
|
228
|
-
unavailableReasonCode
|
|
229
|
-
rewardInput
|
|
230
|
-
}
|
|
231
|
-
}
|
|
232
|
-
totalCount
|
|
233
|
-
}
|
|
234
|
-
}
|
|
235
|
-
}
|
|
236
|
-
}
|
|
237
|
-
`,Ue=v.gql`
|
|
238
|
-
mutation exchange($exchangeRewardInput: ExchangeRewardInput!) {
|
|
239
|
-
exchangeReward(exchangeRewardInput: $exchangeRewardInput) {
|
|
240
|
-
reward {
|
|
241
|
-
id
|
|
242
|
-
fuelTankCode
|
|
243
|
-
}
|
|
244
|
-
}
|
|
245
|
-
}
|
|
246
|
-
`,Be=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",s(this)}disconnectedCallback(){}render(){const t={...M(this),empty:e(He,null)},{states:a,data:s,callbacks:o,refs:c}=m()?function(t){return N({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:He()},data:{shareCode:"SHARECODE123",exchangeList:vt.data.exchangeList},callbacks:{exchangeReward:()=>{},setExchangeState:()=>{},setStage:()=>{},resetState:()=>{},copyFuelTankCode:()=>{}},refs:{canvasRef:{}}},t.demoData||{},{arrayMerge:(t,e)=>e})}(t):function(t){var e,r,a,s,o;const[c,d]=u(((t,e)=>({...t,...e})),{selectedItem:void 0,selectedStep:void 0,redeemStage:"chooseReward",amount:0,exchangeError:!1}),[h,m]=n(!1),{selectedItem:p,selectedStep:v,redeemStage:f,amount:x,exchangeError:w}=c,k=g(),[E,{data:C,loading:I,errors:R}]=b(Ue),{data:_,loading:T,refetch:N,errors:M}=y(je,{},!(null==k?void 0:k.jwt));i((()=>{var t,e;(null===(e=null===(t=null==C?void 0:C.exchangeReward)||void 0===t?void 0:t.reward)||void 0===e?void 0:e.id)&&d({redeemStage:"success",exchangeError:!1}),R&&d({exchangeError:!0})}),[C,R]);const A=l();i((()=>{if(!A.current)return;const t=A.current;t.confetti=t.confetti||$e.create(t,{resize:!0}),t.confetti()}),[A.current]);const{refresh:q}=S();return{states:{content:{text:t},selectedItem:p,redeemStage:f,amount:x,selectedStep:v,exchangeError:w,queryError:!!M,loading:T||I,open:h,noExchangeOptions:0===(null===(e=null==_?void 0:_.viewer)||void 0===e?void 0:e.visibleRewardExchangeItems.totalCount)},data:{exchangeList:null===(a=null===(r=null==_?void 0:_.viewer)||void 0===r?void 0:r.visibleRewardExchangeItems)||void 0===a?void 0:a.data,fuelTankCode:null===(o=null===(s=null==C?void 0:C.exchangeReward)||void 0===s?void 0:s.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:v.sourceValue,unit:p.sourceUnit},globalRewardKey:v.globalRewardKey};break;case"VARIABLE_GLOBAL_REWARD":t={...t,redeemCreditInput:{amount:x,unit:p.sourceUnit},globalRewardKey:p.globalRewardKey,rewardInput:v.rewardInput};break;case"VARIABLE_CREDIT_REWARD":t={...t,redeemCreditInput:{amount:x,unit:p.sourceUnit},rewardInput:{type:"CREDIT",unit:p.destinationUnit,assignedCredit:v.destinationValue}};break;default:t={...t,...v.rewardInput}}await E({exchangeRewardInput:t}),q()},setExchangeState:d,setStage:function(t){d({redeemStage:t})},resetState:t=>{t&&N(),d({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==C?void 0:C.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(r,{style:{display:"contents"}},e(gt,{states:a,data:s,callbacks:o,refs:c}))}static get assetsDirs(){return["assets"]}};function He(){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 ze=d("sq:useRouter");function We(t,e){if(t)return F(t).exec(e)}const Ye=class{constructor(e){t(this,e),this.ignored=!0,s(this)}disconnectedCallback(){}render(){const{callbacks:t}=function(){const t=_(),e=p(),[r,a]=n(void 0),[s,o]=n(void 0),l=t.pathname;return i((()=>{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)}))}),[]),i((()=>{var t,e;if(!s||!r)return void ze("DOM not ready for navigation rendering on:",l);const a=r.querySelectorAll("template"),i=Array.from(a).find((t=>{var e,r,a;if(null===(a=We(null===(r=null===(e=t.attributes)||void 0===e?void 0:e.path)||void 0===r?void 0:r.nodeValue,l))||void 0===a?void 0:a.length)return t})),o=null===(e=null===(t=null==i?void 0:i.attributes)||void 0===t?void 0:t.path)||void 0===e?void 0:e.nodeValue;if(ze({containerDatasetPage:s.dataset.page,templatePath:o,page:l}),!i)return ze("No matching page found for ",l,", so render nothing"),s.innerHTML="",void(s.dataset.page=l);ze("Page updated to ",l,i),We(o,s.dataset.page)?ze("don't rerender"):i&&(s.innerHTML=i.innerHTML,s.dataset.page=l)}),[r,s,l]),{callbacks:{setSlot:a,setContainer:o}}}();return e(r,null,e("div",{ref:t.setSlot,style:{display:"none"}},e("slot",null)),e("div",{style:{display:"contents"},ref:t.setContainer}))}};Ye.style="sqm-router{display:contents}";const Ge=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",s(this)}disconnectedCallback(){}render(){const t=M(this),r=m()?function(t){return N({...t,loading:!1,hide:!1,onClick:()=>{}},t.demoData||{},{arrayMerge:(t,e)=>e})}(t):ft(t);return e(bt,Object.assign({},r),e("slot",null))}};Ge.style=":host{display:block}:host([hidden]){display:none}sl-button{display:block}";const Ke=v.gql`
|
|
247
|
-
query ($programId: ID) {
|
|
248
|
-
user: viewer {
|
|
249
|
-
... on User {
|
|
250
|
-
referralCode(programId: $programId)
|
|
251
|
-
}
|
|
252
|
-
}
|
|
253
|
-
}
|
|
254
|
-
`,Ze=v.gql`
|
|
255
|
-
mutation loadEvent($eventMeta: UserAnalyticsEvent!) {
|
|
256
|
-
createUserAnalyticsEvent(eventMeta: $eventMeta)
|
|
257
|
-
}
|
|
258
|
-
`,Xe=class{constructor(e){t(this,e),this.tooltiptext="Copied to Clipboard",this.tooltiplifespan=1e3,this.textAlign="left",this.copyButtonLabel="Copy Code",this.buttonStyle="icon",s(this)}disconnectedCallback(){}render(){const t=M(this),r=m()?function(t){const[e,r]=n(!1),a="SHARECODE001";return N({copyString:a,tooltiptext:t.tooltiptext,textAlign:t.textAlign,copyButtonLabel:t.copyButtonLabel,buttonStyle:t.buttonStyle,rewardStatus:"AVAILABLE",open:e,onClick:()=>{navigator.clipboard.writeText(a),r(!0),setTimeout((()=>r(!1)),t.tooltiplifespan)}},t.demoData||{},{arrayMerge:(t,e)=>e})}(t):function(t){var e,r;const{programId:a=f()}=t,s=g(),i=x(),{data:o}=y(Ke,{programId:a},!(null==s?void 0:s.jwt)),[l]=b(Ze),c=null!==(r=null===(e=null==o?void 0:o.user)||void 0===e?void 0:e.referralCode)&&void 0!==r?r:"...",[d,u]=n(!1);return{...t,onClick:function(){navigator.clipboard.writeText(c),u(!0),setTimeout((()=>u(!1)),t.tooltiplifespan),l({eventMeta:{programId:a,id:null==s?void 0:s.id,accountId:null==s?void 0:s.accountId,type:"USER_REFERRAL_PROGRAM_ENGAGEMENT_EVENT",meta:{engagementMedium:i,shareMedium:"DIRECT"}}})},open:d,copyString:c}}(t);return e(L,Object.assign({},r))}},Qe=class{constructor(e){t(this,e),this.tooltiptext="Copied to Clipboard",this.tooltiplifespan=1e3,this.textAlign="left",this.copyButtonLabel="Copy Link",this.buttonStyle="icon",s(this)}disconnectedCallback(){}render(){const t=M(this),r=m()?function(t){const[e,r]=n(!1),a="https://www.example.com/sharelink/abc";return N({copyString:a,tooltiptext:t.tooltiptext,textAlign:t.textAlign,buttonStyle:t.buttonStyle,copyButtonLabel:t.copyButtonLabel,rewardStatus:"AVAILABLE",open:e,onClick:()=>{navigator.clipboard.writeText(a),r(!0),setTimeout((()=>r(!1)),t.tooltiplifespan)}},t.demoData||{},{arrayMerge:(t,e)=>e})}(t):yt(t);return e(L,Object.assign({},r))}},Je=class{constructor(e){t(this,e),this.ignored=!0,this.space="xxx-large",this.display="grid",s(this)}disconnectedCallback(){}render(){return e(xt,Object.assign({},M(this)),e("slot",null))}},tr=v.gql`
|
|
259
|
-
mutation taskCardEvent($userEventInput: UserEventInput!) {
|
|
260
|
-
logUserEvent(userEventInput: $userEventInput) {
|
|
261
|
-
userId
|
|
262
|
-
}
|
|
263
|
-
}
|
|
264
|
-
`,er=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,s(this)}disconnectedCallback(){}render(){const{props:t}=m()?Y(this):G({...M(this),programId:this.programId}),{value:r,loading:a}=t,{states:s,callbacks:o}=m()?function(t){return N({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=g(),r=k(),[a,{data:s,loading:o}]=b(tr),{refresh:n}=S();function l(){t.openNewTab?window.open(t.buttonLink):window.open(t.buttonLink,"_parent")}function c(t){a({userEventInput:{userId:null==e?void 0:e.id,accountId:null==e?void 0:e.accountId,events:[{key:t,fields:{}}]}})}return i((()=>{s&&(n(),l())}),[s]),{states:{loadingEvent:o,locale:r},callbacks:{sendEvent:c,onClick:function(){t.eventKey?c(t.eventKey):l()}}}}(this);return e(wt,{callbacks:o,states:{loading:a,loadingEvent:s.loadingEvent,progress:r,locale:s.locale},content:{...M(this)}})}},rr=class{constructor(e){t(this,e),this.ignored=!0,this.icon="gift",s(this)}disconnectedCallback(){}render(){return P().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))}},ar=()=>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"})),sr=()=>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"})),ir=q({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)"}}}),or=ir.toString();function nr(t){var r;const a=null!==(r=t.icon)&&void 0!==r?r:t.iconState;return e("div",{class:ir.classes.TimelineReward,part:"sqm-base"},e("style",{type:"text/css"},or,"\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(ar,null)),"circle"===a&&e("div",{class:"icon"},e(sr,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 lr=class{constructor(e){t(this,e),this.ignored=!0,this.iconState="gift",s(this)}async setIcon(t){this.iconState=t}disconnectedCallback(){}render(){return D([this.reward]),e(nr,Object.assign({},M(this)))}};function cr(t){return e(r,null,t.loading?t.loadingText:t.username)}const dr=v.gql`
|
|
265
|
-
query getUserName {
|
|
266
|
-
viewer {
|
|
267
|
-
... on User {
|
|
268
|
-
firstName
|
|
269
|
-
lastName
|
|
270
|
-
}
|
|
271
|
-
}
|
|
272
|
-
}
|
|
273
|
-
`,ur=class{constructor(e){t(this,e),this.ignored=!0,this.fallback="Anonymous User",this.loadingText="...",s(this)}disconnectedCallback(){}render(){const t=m()?function(t){return N({loading:!1,loadingText:"...",username:"John Smith"},t.demoData||{},{arrayMerge:(t,e)=>e})}(this):function(t){var e,r,a,s,i,o,n,l;const c=g(),d=y(dr,{},!(null==c?void 0:c.jwt)),u=(null===(r=null===(e=d.data)||void 0===e?void 0:e.viewer)||void 0===r?void 0:r.firstName)||(null===(s=null===(a=d.data)||void 0===a?void 0:a.viewer)||void 0===s?void 0:s.lastName)?`${null===(o=null===(i=d.data)||void 0===i?void 0:i.viewer)||void 0===o?void 0:o.firstName} ${null===(l=null===(n=d.data)||void 0===n?void 0:n.viewer)||void 0===l?void 0:l.lastName}`:t.fallback;return{loadingText:t.loadingText,loading:d.loading,username:u}}(this);return e(cr,Object.assign({},t))}};export{Et as sqm_big_stat,Ct as sqm_brand,It as sqm_card_feed,St as sqm_checkbox_field,Nt as sqm_coupon_code,At as sqm_divided_layout,qt as sqm_dropdown_field,Ft as sqm_edit_profile,Ot as sqm_hero,$t as sqm_hero_image,jt as sqm_hook_story_container,Bt as sqm_image,Ht as sqm_input_field,zt as sqm_lead_dropdown_field,Gt as sqm_lead_form,Jt as sqm_leaderboard,se as sqm_link_button,ie as sqm_marketing_emails_checkbox,oe as sqm_name_fields,le as sqm_navigation_menu,me as sqm_payout_button_scroll,fe as sqm_payout_status_alert,we as sqm_portal_change_marketing,ke as sqm_portal_change_password,Ee as sqm_portal_footer,Ce as sqm_portal_frame,Ie as sqm_portal_login,Re as sqm_portal_register,_e as sqm_program_explainer,Ne as sqm_program_explainer_step,Ae as sqm_program_menu,Pe as sqm_referral_card,Oe as sqm_referral_iframe,Be as sqm_reward_exchange_list,Ye as sqm_router,Ge as sqm_share_button,Xe as sqm_share_code,Qe as sqm_share_link,Je as sqm_stat_container,er as sqm_task_card,rr as sqm_timeline,lr as sqm_timeline_entry,ur as sqm_user_name}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as s,h as t,c as i}from"./p-f708da7b.js";import{n as h}from"./p-cd651f81.js";const r=class{constructor(t){s(this,t),this.logoTextSize="24px",this.nextPage="/",this.height=60,h(this)}disconnectedCallback(){}render(){return t(i,null,t("a",{href:this.nextPage,part:"sqm-link"},this.imageUrl?t("img",{style:{height:`${null==this?void 0:this.height}px`},src:null==this?void 0:this.imageUrl}):t("h3",{style:{fontSize:this.logoTextSize,color:this.logoTextColor||"inherit"}},this.logoText)))}};export{r as sqm_header_logo}
|