@saasquatch/mint-components 1.15.0-11 → 1.15.0-13
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-9618130b.js → ShadowViewAddon-d2ed86e8.js} +9 -4
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/mint-components.cjs.js +1 -1
- package/dist/cjs/sqm-big-stat_41.cjs.entry.js +17 -11
- package/dist/cjs/sqm-stencilbook.cjs.entry.js +39 -1
- package/dist/collection/components/sqm-leaderboard/Leaderboard.stories.js +37 -0
- package/dist/collection/components/sqm-leaderboard/sqm-leaderboard-view.js +9 -4
- package/dist/collection/components/sqm-leaderboard/sqm-leaderboard.js +193 -56
- package/dist/collection/components/sqm-text/sqm-text.js +4 -7
- package/dist/collection/components/sqm-timeline/sqm-timeline-entry-view.js +1 -1
- package/dist/collection/components/sqm-timeline/sqm-timeline-entry.js +0 -1
- package/dist/esm/{ShadowViewAddon-8f268346.js → ShadowViewAddon-3651cb42.js} +9 -4
- package/dist/esm/loader.js +1 -1
- package/dist/esm/mint-components.js +1 -1
- package/dist/esm/sqm-big-stat_41.entry.js +17 -11
- package/dist/esm/sqm-stencilbook.entry.js +39 -1
- package/dist/esm-es5/ShadowViewAddon-3651cb42.js +1 -0
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/mint-components.js +1 -1
- package/dist/esm-es5/sqm-big-stat_41.entry.js +1 -1
- package/dist/esm-es5/sqm-stencilbook.entry.js +1 -1
- package/dist/mint-components/mint-components.esm.js +1 -1
- package/dist/mint-components/p-16dba1eb.system.js +1 -0
- package/dist/mint-components/p-2e3acbb8.system.entry.js +1 -0
- package/dist/mint-components/{p-3f3ae257.entry.js → p-60e72631.entry.js} +1 -1
- package/dist/mint-components/p-70c8fea5.system.entry.js +1 -0
- package/dist/mint-components/{p-3109f2d2.js → p-a6ca754f.js} +1 -1
- package/dist/mint-components/{p-8e876dde.entry.js → p-be4b9c0e.entry.js} +7 -7
- package/dist/mint-components/p-ee06426a.system.js +1 -1
- package/dist/types/components/sqm-leaderboard/Leaderboard.stories.d.ts +1 -0
- package/dist/types/components/sqm-leaderboard/sqm-leaderboard-view.d.ts +6 -1
- package/dist/types/components/sqm-leaderboard/sqm-leaderboard.d.ts +48 -12
- package/dist/types/components/sqm-leaderboard/useLeaderboard.d.ts +6 -0
- package/dist/types/components/sqm-text/sqm-text.d.ts +3 -4
- package/dist/types/components.d.ts +79 -9
- 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/ShadowViewAddon-8f268346.js +0 -1
- package/dist/mint-components/p-70c41f97.system.js +0 -1
- package/dist/mint-components/p-c571bc61.system.entry.js +0 -1
- package/dist/mint-components/p-f219e877.system.entry.js +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{h as e,c as a,d as t,g as l}from"./p-f708da7b.js";import{k as r,b as i,u as s}from"./p-cd651f81.js";import{i as o}from"./p-776260e8.js";import{d as n,H as d,J as c,F as u,w as p,$ as v,B as m,g,L as f}from"./p-94a876b9.js";import{c as h}from"./p-c1086930.js";import{l as b}from"./p-9ec99ced.js";import{c as x,j as C,a as y}from"./p-cef45012.js";import{a as w,S as q}from"./p-3f7b81b8.js";import{H as R,A as $,a as _,b as S,E as k}from"./p-91521e9d.js";import{C as E}from"./p-2c7ebd5b.js";import{u as M}from"./p-19ccb4ce.js";import{l as I}from"./p-5bedb58c.js";import{T}from"./p-eab1c9f3.js";import{p as V}from"./p-8d363802.js";import{a as A,b as L}from"./p-8c23d1b8.js";import{a as z,P as H}from"./p-a9f4ddb1.js";const B={facebook:{color:"#1877f2",text:"#fff",icon:"facebook"},twitter:{color:"#000000",text:"#fff",icon:"twitter-x"},email:{color:"#666666",text:"#fff",icon:"envelope"},direct:{color:"var(--sl-color-primary-500)",text:"#fff",icon:"send"},linkedin:{color:"#0077b5",text:"#fff",icon:"linkedin"},sms:{color:"#34DA50",text:"#fff",icon:"chat"},fbmessenger:{color:"#0084ff",text:"#fff",icon:"messenger"},whatsapp:{color:"#25d366",text:"#fff",icon:"whatsapp"},linemessenger:{color:"#00B300",text:"#fff",icon:"line"},pinterest:{color:"#e60023",text:"#fff",icon:"pinterest"}},D=x({HostBlock:R,buttonStyle:{display:"flex",alignItems:"center",justifyContent:"center",lineHeight:"0"}}),P=D.toString();function F(t,l){const r=`\n\t*::part(base) {\n\tborder: none;\n\t\t\t--sl-focus-ring-color-primary: ${t.backgroundcolor?t.backgroundcolor:t.medium?B[t.medium].color:""}80!important;\n\n\tbackground: ${t.backgroundcolor?t.backgroundcolor:t.medium?B[t.medium].color:""};\n\tcolor: ${t.textcolor?t.textcolor:t.medium?B[t.medium].text:""};\n\tborder-radius: ${t.borderradius?t.borderradius+"px":""};\n\t}\n\n\t*::part(base):hover {\n\t\tborder-color: ${t.backgroundcolor?t.backgroundcolor:t.medium?B[t.medium].color:""}D1!important;\n\t}\n\n\t*::part(base):focus {\n\t\tborder-color: ${t.backgroundcolor?t.backgroundcolor:t.medium?B[t.medium].color:""}D1!important;\n\t}\n\n\t*::part(label) {\n\t\tposition: relative;\n\t\ttop: 2%;\n\t}\n\t`;return t.hide?e(a,{style:{display:"none"}}):e("div",null,e("style",{type:"text/css"},P),e("style",{type:"text/css"},r),e("sl-button",{class:D.classes.buttonStyle,target:t.openInSameTab?"_self":"_blank",loading:t.loading,disabled:t.disabled,pill:t.pill,size:t.size,type:t.type,onClick:t.isPlainLink?void 0:t.onClick,href:t.isPlainLink?t.messageLink:void 0,exportparts:`base: ${t.type}sharebutton-base`},!t.hideicon&&e("sl-icon",{slot:t.iconslot||"prefix",name:t.icon?t.icon:B[t.medium].icon,exportparts:"base: icon"}),!t.hidetext&&l))}function j(a){var t,l,r;const{states:i,data:s,elements:n}=a,{styles:d}=i,c=x({Leaderboard:{"& table":{width:"100%",borderCollapse:"collapse"},"& th":{textAlign:"left",padding:"var(--sl-spacing-medium)",paddingTop:"0",fontSize:"var(--sl-font-size-medium)",fontWeight:"var(--sl-font-weight-semibold)"},"& tr:not(:first-child)":{borderTop:"1px solid var(--sl-color-neutral-200)"},"& td":{fontSize:"var(--sl-font-size-medium)",fontWeight:"var(--sl-font-weight-normal)"},"& .ellipses":{textAlign:"left",padding:"0",color:"var(--sqm-text)",paddingLeft:"25%"},"& .highlight":{background:d.viewingUserhighlightColor||"var(--sl-color-primary-100)"},"& td, th":{color:"var(--sqm-text)",padding:"var(--sl-spacing-medium)"},"& .User":{width:"100%"},"& .Score":{width:"auto",whiteSpace:"nowrap"},"& .Rank":{whiteSpace:"nowrap"},"& .fullWidth":{width:"100%"}}}),u=c.toString(),p="\n :host{\n display: block;\n }\n";if(i.isEssentials)return e("sqm-empty",{"empty-state-image":"https://res.cloudinary.com/saasquatch/image/upload/v1715360191/squatch-assets/Leaderboard_Not_Available.svg","empty-state-header":"Leaderboards aren’t available on your plan","empty-state-text":"Contact {supportText} to upgrade your plan and start leveraging gamification in your program.","support-text":"Support"});if(i.loading)return e("div",{class:c.classes.Leaderboard,style:{width:d.width||"100%"}},e("style",{type:"text/css"},u,p),e("table",null,[...Array(10)].map((()=>e("tr",null,e("td",null,e("sl-skeleton",null)))))));if(!i.hasLeaders)return n.empty;let v=!1;const m=e=>{if(!e.firstName&&!e.lastInitial)return d.anonymousUser;const{firstName:a,lastInitial:t}=e;return a&&t?`${a} ${t}`:a||t?a||t:d.anonymousUser},g=(e,a)=>{if(!e)return d.hideNames?`${d.viewingUserText}`:"-";const t=` - ${d.viewingUserText}`;return d.rankSuffix?o.formatMessage({id:"rank",defaultMessage:d.rankSuffix},{rank:e})+`${a&&d.hideNames?t:""}`:`${e} ${a&&d.hideNames?t:""}`};return e("div",{class:c.classes.Leaderboard,part:"sqm-base",style:{width:d.width||"100%"}},e("style",{type:"text/css"},u,p),e("table",{part:"sqm-table"},e("tr",null,d.showRank&&e("th",{class:"Rank "+(d.hideNames?"fullWidth":"")},d.rankheading),!d.hideNames&&e("th",{class:"User"},d.usersheading),e("th",{class:"Score"},d.statsheading)),null===(t=s.leaderboard)||void 0===t?void 0:t.map((a=>{var t,l;a.rowNumber===(null===(t=s.viewerRank)||void 0===t?void 0:t.rowNumber)&&(v=!0);const r=!d.hideViewer&&a.rowNumber===(null===(l=s.viewerRank)||void 0===l?void 0:l.rowNumber);return e("tr",{class:r?"highlight":""},d.showRank&&e("td",{class:"Rank"},g(a.rank,r)),!d.hideNames&&e("td",{class:"User"},m(a)),e("td",{class:"Score"},a.textValue))})),!v&&!d.hideViewer&&e("tr",null,e("td",{colSpan:100,class:"ellipses"},e("sl-icon",{name:"three-dots",style:{verticalAlign:"middle"}}))),!v&&!d.hideViewer&&e("tr",{class:"highlight"},d.showRank&&e("td",{class:"Rank"},g(null===(l=s.viewerRank)||void 0===l?void 0:l.rank,!0)),!d.hideNames&&e("td",{class:"User"},m(s.viewerRank||{})),e("td",{class:"Score"},(null===(r=s.viewerRank)||void 0===r?void 0:r.textValue)||"0"))))}function U(a){const{statvalue:t,flexReverse:l,alignment:r}=a,i=x({Container:{display:"flex",height:"inherit","justify-content":"space-between","flex-direction":l?"column-reverse":"column","align-items":"left"===r?"flex-start":"right"===r?"flex-end":"center"},Stat:{"font-size":"var(--sl-font-size-x-large)","text-align":r},Description:{"font-size":"var(--sl-font-size-small)","font-weight":"var(--sl-font-weight-normal)",color:"var(--sqm-text-subdued)","text-align":r}}),s=i.toString();return e("div",{part:"stat-wrapper",class:i.classes.Container},e("style",{type:"text/css"},s),e("div",{part:"stat-value",class:i.classes.Stat},t),e("div",{part:"stat-description",class:i.classes.Description},a.labelSlot))}const Z=x({HostBlock:R,Frame:{display:"flex","flex-direction":"column","box-sizing":"border-box"},FooterWrapper:{width:"100%","max-width":"100%",padding:"var(--sl-spacing-medium) var(--sl-spacing-x-large)",background:"var(--sqm-footer-background)",display:"flex","justify-content":"flex-end","align-items":"center","box-sizing":"border-box","margin-top":"auto"},HeaderWrapper:{width:"100%","max-width":"100%","box-sizing":"border-box",display:"flex","justify-content":"space-between",padding:"var(--sl-spacing-small) var(--sl-spacing-large)","align-items":"center","background-color":"var(--sqm-header-background)","@media screen and (max-width: 499px)":{"flex-direction":"row-reverse","justify-content":"flex-end",padding:"0"}}}),W=Z.toString();function N(a,t){const{data:l,notFullScreen:r}=a;return e("div",{style:{minHeight:r?"100%":"100vh"},class:Z.classes.Frame,part:"sqm-base"},e("style",{type:"text/css"},W),e("div",{class:Z.classes.HeaderWrapper,part:"sqm-header"},l.header,e("slot",{name:"sqm-navigation-menu"})),t,e("div",{class:Z.classes.FooterWrapper,part:"sqm-footer"},l.footer))}const O=a=>{var t,l,r,i;const{states:s,callbacks:o}=a,{text:n}=s,{errors:d}=s.formState;return s.showEdit?e("div",{class:`CardWrapper ${!s.showEdit&&"ShowEdit"}`,part:"sqm-base"},e("h2",{part:"sqm-header",style:{fontSize:"var(--sl-font-size-x-large)",margin:"0px",textAlign:"center"}},n.editprofileheader),e("form",{class:"FormWrapper",onSubmit:o.onSubmit},e("div",{class:"FormSection"},s.formState.error&&e("sqm-form-message",{type:"error",exportparts:"erroralert-icon"},e("div",{part:"erroralert-text"},s.formState.error)),e("sl-input",Object.assign({exportparts:"label: input-label, base: input-base",value:s.formState.firstName,onInput:o.onChange,label:n.firstnametext,disabled:s.loading},d.firstName&&"valid"!==d.firstName.status?{class:"ErrorStyles",helpText:n.fieldEmptyText}:[],{id:"firstName",name:"firstName",error:d.firstName&&"valid"!==d.firstName.status?d.firstName.message:void 0})),e("sl-input",Object.assign({exportparts:"label: input-label, base: input-base",value:s.formState.lastName,onInput:o.onChange,label:n.lastnametext,disabled:s.loading,id:"lastName",name:"lastName"},d.lastName&&"valid"!==d.lastName.status?{class:"ErrorStyles",helpText:n.fieldEmptyText}:[],{error:d.lastName&&"valid"!==d.lastName.status?d.lastName.message:void 0}))),n.showregion&&s.formState.currentRegion&&e("sl-input",{exportparts:"label: input-label, base: input-base",disabled:!0,value:s.formState.currentRegion,label:n.currentregiontext,id:"currentRegion",name:"currentRegion"}),e("div",{class:"ButtonWrapper"},e("sl-button",{type:"primary",loading:s.loading,disabled:s.submitDisabled,onClick:e=>{o.onSubmit(e)},submit:!0,exportparts:"base: primarybutton-base"},n.updatetext),e("sl-button",{onClick:()=>{o.setShowEdit(!1)},exportparts:"base: secondarybutton-base"},n.canceltext)))):e("div",{class:`CardWrapper FormWrapper ${!s.showEdit&&"ShowEdit"}`,part:"sqm-base"},e("div",{class:"FormSection"},e("h2",{part:"sqm-header",style:{fontSize:"var(--sl-font-size-x-large)",marginBottom:"0px",textAlign:"center"}},n.editprofileheader),e("div",null,e("p",{style:{fontSize:"var(--sl-font-size-medium)"}},null===(t=s.user)||void 0===t?void 0:t.firstName," ",null===(l=s.user)||void 0===l?void 0:l.lastName),e("p",{style:{fontSize:"var(--sl-font-size-medium)"},title:null===(r=s.user)||void 0===r?void 0:r.email},null===(i=s.user)||void 0===i?void 0:i.email))),e("sl-button",{type:"primary",loading:s.loading,onClick:()=>{o.resetForm(),o.setShowEdit(!0)},exportparts:"base: primarybutton-base"},n.editprofiletext))},G=n.gql`
|
|
1
|
+
import{h as e,c as a,d as t,g as l}from"./p-f708da7b.js";import{k as r,b as i,u as s}from"./p-cd651f81.js";import{i as o}from"./p-776260e8.js";import{d as n,H as d,J as c,F as u,w as p,$ as v,B as m,g,L as f}from"./p-94a876b9.js";import{c as h}from"./p-c1086930.js";import{l as b}from"./p-9ec99ced.js";import{c as x,j as C,a as y}from"./p-cef45012.js";import{a as w,S as q}from"./p-3f7b81b8.js";import{H as R,A as $,a as _,b as S,E as k}from"./p-91521e9d.js";import{C as E}from"./p-2c7ebd5b.js";import{u as M}from"./p-19ccb4ce.js";import{l as I}from"./p-5bedb58c.js";import{T}from"./p-eab1c9f3.js";import{p as V}from"./p-8d363802.js";import{a as A,b as L}from"./p-8c23d1b8.js";import{a as z,P as H}from"./p-a9f4ddb1.js";const B={facebook:{color:"#1877f2",text:"#fff",icon:"facebook"},twitter:{color:"#000000",text:"#fff",icon:"twitter-x"},email:{color:"#666666",text:"#fff",icon:"envelope"},direct:{color:"var(--sl-color-primary-500)",text:"#fff",icon:"send"},linkedin:{color:"#0077b5",text:"#fff",icon:"linkedin"},sms:{color:"#34DA50",text:"#fff",icon:"chat"},fbmessenger:{color:"#0084ff",text:"#fff",icon:"messenger"},whatsapp:{color:"#25d366",text:"#fff",icon:"whatsapp"},linemessenger:{color:"#00B300",text:"#fff",icon:"line"},pinterest:{color:"#e60023",text:"#fff",icon:"pinterest"}},D=x({HostBlock:R,buttonStyle:{display:"flex",alignItems:"center",justifyContent:"center",lineHeight:"0"}}),P=D.toString();function F(t,l){const r=`\n\t*::part(base) {\n\tborder: none;\n\t\t\t--sl-focus-ring-color-primary: ${t.backgroundcolor?t.backgroundcolor:t.medium?B[t.medium].color:""}80!important;\n\n\tbackground: ${t.backgroundcolor?t.backgroundcolor:t.medium?B[t.medium].color:""};\n\tcolor: ${t.textcolor?t.textcolor:t.medium?B[t.medium].text:""};\n\tborder-radius: ${t.borderradius?t.borderradius+"px":""};\n\t}\n\n\t*::part(base):hover {\n\t\tborder-color: ${t.backgroundcolor?t.backgroundcolor:t.medium?B[t.medium].color:""}D1!important;\n\t}\n\n\t*::part(base):focus {\n\t\tborder-color: ${t.backgroundcolor?t.backgroundcolor:t.medium?B[t.medium].color:""}D1!important;\n\t}\n\n\t*::part(label) {\n\t\tposition: relative;\n\t\ttop: 2%;\n\t}\n\t`;return t.hide?e(a,{style:{display:"none"}}):e("div",null,e("style",{type:"text/css"},P),e("style",{type:"text/css"},r),e("sl-button",{class:D.classes.buttonStyle,target:t.openInSameTab?"_self":"_blank",loading:t.loading,disabled:t.disabled,pill:t.pill,size:t.size,type:t.type,onClick:t.isPlainLink?void 0:t.onClick,href:t.isPlainLink?t.messageLink:void 0,exportparts:`base: ${t.type}sharebutton-base`},!t.hideicon&&e("sl-icon",{slot:t.iconslot||"prefix",name:t.icon?t.icon:B[t.medium].icon,exportparts:"base: icon"}),!t.hidetext&&l))}function j(a){var t,l,r;const{states:i,data:s,elements:n}=a,{styles:d}=i,c=x({Leaderboard:{"& table":{width:"100%",borderCollapse:"collapse",background:d.background||"transparent",borderRadius:d.borderRadius?`${d.borderRadius}px`:"0"},"& th":{textAlign:"left",padding:"var(--sl-spacing-medium)",paddingTop:"0",fontSize:"var(--sl-font-size-medium)",fontWeight:"var(--sl-font-weight-semibold)"},"& tr:not(:first-child)":{borderTop:`1px solid ${d.borderColor||"var(--sl-color-neutral-200)"}`},"& td":{fontSize:"var(--sl-font-size-medium)",fontWeight:"var(--sl-font-weight-normal)"},"& .ellipses":{textAlign:"left",padding:"0",color:d.textColor||"var(--sqm-text)",paddingLeft:"25%"},"& .highlight":{background:d.viewingUserHighlightColor||"var(--sl-color-primary-200)","& td, th":{color:d.viewingUserHighlightTextColor||"var(--sqm-text)"}},"& td, th":{color:d.textColor||"var(--sqm-text)",padding:"var(--sl-spacing-medium)"},"& .User":{width:"100%"},"& .Score":{width:"auto",whiteSpace:"nowrap"},"& .Rank":{whiteSpace:"nowrap"},"& .fullWidth":{width:"100%"}}}),u=c.toString(),p="\n :host{\n display: block;\n }\n";if(i.isEssentials)return e("sqm-empty",{"empty-state-image":"https://res.cloudinary.com/saasquatch/image/upload/v1715360191/squatch-assets/Leaderboard_Not_Available.svg","empty-state-header":"Leaderboards aren’t available on your plan","empty-state-text":"Contact {supportText} to upgrade your plan and start leveraging gamification in your program.","support-text":"Support"});if(i.loading)return e("div",{class:c.classes.Leaderboard,style:{width:d.width||"100%"}},e("style",{type:"text/css"},u,p),e("table",null,[...Array(10)].map((()=>e("tr",null,e("td",null,e("sl-skeleton",null)))))));if(!i.hasLeaders)return n.empty;let v=!1;const m=e=>{if(!e.firstName&&!e.lastInitial)return d.anonymousUser;const{firstName:a,lastInitial:t}=e;return a&&t?`${a} ${t}`:a||t?a||t:d.anonymousUser},g=(e,a)=>{if(!e)return d.hideNames?`${d.viewingUserText}`:"-";const t=` - ${d.viewingUserText}`;return d.rankSuffix?o.formatMessage({id:"rank",defaultMessage:d.rankSuffix},{rank:e})+`${a&&d.hideNames?t:""}`:`${e} ${a&&d.hideNames?t:""}`};return e("div",{class:c.classes.Leaderboard,part:"sqm-base",style:{width:d.width||"100%"}},e("style",{type:"text/css"},u,p),e("table",{part:"sqm-table"},e("tr",null,d.showRank&&e("th",{class:"Rank "+(d.hideNames?"fullWidth":"")},d.rankheading),!d.hideNames&&e("th",{class:"User"},d.usersheading),e("th",{class:"Score"},d.statsheading)),null===(t=s.leaderboard)||void 0===t?void 0:t.map((a=>{var t,l;a.rowNumber===(null===(t=s.viewerRank)||void 0===t?void 0:t.rowNumber)&&(v=!0);const r=!d.hideViewer&&a.rowNumber===(null===(l=s.viewerRank)||void 0===l?void 0:l.rowNumber);return e("tr",{class:r?"highlight":""},d.showRank&&e("td",{class:"Rank"},g(a.rank,r)),!d.hideNames&&e("td",{class:"User"},m(a)),e("td",{class:"Score"},a.textValue))})),!v&&!d.hideViewer&&e("tr",null,e("td",{colSpan:100,class:"ellipses"},e("sl-icon",{name:"three-dots",style:{verticalAlign:"middle"}}))),!v&&!d.hideViewer&&e("tr",{class:"highlight"},d.showRank&&e("td",{class:"Rank"},g(null===(l=s.viewerRank)||void 0===l?void 0:l.rank,!0)),!d.hideNames&&e("td",{class:"User"},m(s.viewerRank||{})),e("td",{class:"Score"},(null===(r=s.viewerRank)||void 0===r?void 0:r.textValue)||"0"))))}function U(a){const{statvalue:t,flexReverse:l,alignment:r}=a,i=x({Container:{display:"flex",height:"inherit","justify-content":"space-between","flex-direction":l?"column-reverse":"column","align-items":"left"===r?"flex-start":"right"===r?"flex-end":"center"},Stat:{"font-size":"var(--sl-font-size-x-large)","text-align":r},Description:{"font-size":"var(--sl-font-size-small)","font-weight":"var(--sl-font-weight-normal)",color:"var(--sqm-text-subdued)","text-align":r}}),s=i.toString();return e("div",{part:"stat-wrapper",class:i.classes.Container},e("style",{type:"text/css"},s),e("div",{part:"stat-value",class:i.classes.Stat},t),e("div",{part:"stat-description",class:i.classes.Description},a.labelSlot))}const Z=x({HostBlock:R,Frame:{display:"flex","flex-direction":"column","box-sizing":"border-box"},FooterWrapper:{width:"100%","max-width":"100%",padding:"var(--sl-spacing-medium) var(--sl-spacing-x-large)",background:"var(--sqm-footer-background)",display:"flex","justify-content":"flex-end","align-items":"center","box-sizing":"border-box","margin-top":"auto"},HeaderWrapper:{width:"100%","max-width":"100%","box-sizing":"border-box",display:"flex","justify-content":"space-between",padding:"var(--sl-spacing-small) var(--sl-spacing-large)","align-items":"center","background-color":"var(--sqm-header-background)","@media screen and (max-width: 499px)":{"flex-direction":"row-reverse","justify-content":"flex-end",padding:"0"}}}),W=Z.toString();function N(a,t){const{data:l,notFullScreen:r}=a;return e("div",{style:{minHeight:r?"100%":"100vh"},class:Z.classes.Frame,part:"sqm-base"},e("style",{type:"text/css"},W),e("div",{class:Z.classes.HeaderWrapper,part:"sqm-header"},l.header,e("slot",{name:"sqm-navigation-menu"})),t,e("div",{class:Z.classes.FooterWrapper,part:"sqm-footer"},l.footer))}const O=a=>{var t,l,r,i;const{states:s,callbacks:o}=a,{text:n}=s,{errors:d}=s.formState;return s.showEdit?e("div",{class:`CardWrapper ${!s.showEdit&&"ShowEdit"}`,part:"sqm-base"},e("h2",{part:"sqm-header",style:{fontSize:"var(--sl-font-size-x-large)",margin:"0px",textAlign:"center"}},n.editprofileheader),e("form",{class:"FormWrapper",onSubmit:o.onSubmit},e("div",{class:"FormSection"},s.formState.error&&e("sqm-form-message",{type:"error",exportparts:"erroralert-icon"},e("div",{part:"erroralert-text"},s.formState.error)),e("sl-input",Object.assign({exportparts:"label: input-label, base: input-base",value:s.formState.firstName,onInput:o.onChange,label:n.firstnametext,disabled:s.loading},d.firstName&&"valid"!==d.firstName.status?{class:"ErrorStyles",helpText:n.fieldEmptyText}:[],{id:"firstName",name:"firstName",error:d.firstName&&"valid"!==d.firstName.status?d.firstName.message:void 0})),e("sl-input",Object.assign({exportparts:"label: input-label, base: input-base",value:s.formState.lastName,onInput:o.onChange,label:n.lastnametext,disabled:s.loading,id:"lastName",name:"lastName"},d.lastName&&"valid"!==d.lastName.status?{class:"ErrorStyles",helpText:n.fieldEmptyText}:[],{error:d.lastName&&"valid"!==d.lastName.status?d.lastName.message:void 0}))),n.showregion&&s.formState.currentRegion&&e("sl-input",{exportparts:"label: input-label, base: input-base",disabled:!0,value:s.formState.currentRegion,label:n.currentregiontext,id:"currentRegion",name:"currentRegion"}),e("div",{class:"ButtonWrapper"},e("sl-button",{type:"primary",loading:s.loading,disabled:s.submitDisabled,onClick:e=>{o.onSubmit(e)},submit:!0,exportparts:"base: primarybutton-base"},n.updatetext),e("sl-button",{onClick:()=>{o.setShowEdit(!1)},exportparts:"base: secondarybutton-base"},n.canceltext)))):e("div",{class:`CardWrapper FormWrapper ${!s.showEdit&&"ShowEdit"}`,part:"sqm-base"},e("div",{class:"FormSection"},e("h2",{part:"sqm-header",style:{fontSize:"var(--sl-font-size-x-large)",marginBottom:"0px",textAlign:"center"}},n.editprofileheader),e("div",null,e("p",{style:{fontSize:"var(--sl-font-size-medium)"}},null===(t=s.user)||void 0===t?void 0:t.firstName," ",null===(l=s.user)||void 0===l?void 0:l.lastName),e("p",{style:{fontSize:"var(--sl-font-size-medium)"},title:null===(r=s.user)||void 0===r?void 0:r.email},null===(i=s.user)||void 0===i?void 0:i.email))),e("sl-button",{type:"primary",loading:s.loading,onClick:()=>{o.resetForm(),o.setShowEdit(!0)},exportparts:"base: primarybutton-base"},n.editprofiletext))},G=n.gql`
|
|
2
2
|
query ($programId: ID, $engagementMedium: UserEngagementMedium!) {
|
|
3
3
|
user: viewer {
|
|
4
4
|
... on User {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as e,h as t,c as r}from"./p-f708da7b.js";import{n as s,f as a,k as n,i,u as o,m as l,b as c,j as d}from"./p-cd651f81.js";import{i as u}from"./p-776260e8.js";import{i as h,_ as m,d as p,J as g,H as v,$ as f,w as b,B as y,L as x,y as w,j as k,r as C,V as E,u as I,Q as S,k as R}from"./p-94a876b9.js";import{j as q}from"./p-e7e129ac.js";import{c as T}from"./p-c1086930.js";import{g as M,a as _}from"./p-9ec99ced.js";import{c as N}from"./p-cef45012.js";import"./p-3f7b81b8.js";import"./p-91521e9d.js";import{C as A}from"./p-2c7ebd5b.js";import{a as P}from"./p-4e451f75.js";import{u as L}from"./p-19ccb4ce.js";import"./p-5bedb58c.js";import"./p-eab1c9f3.js";import{p as D}from"./p-8d363802.js";import{R as V,u as F}from"./p-98698131.js";import{P as O}from"./p-7e3a84bc.js";import{u as $}from"./p-4e526a94.js";import{A as j}from"./p-121cdc60.js";import{i as
|
|
1
|
+
import{r as e,h as t,c as r}from"./p-f708da7b.js";import{n as s,f as a,k as n,i,u as o,m as l,b as c,j as d}from"./p-cd651f81.js";import{i as u}from"./p-776260e8.js";import{i as h,_ as m,d as p,J as g,H as v,$ as f,w as b,B as y,L as x,y as w,j as k,r as C,V as E,u as I,Q as S,k as R}from"./p-94a876b9.js";import{j as q}from"./p-e7e129ac.js";import{c as T}from"./p-c1086930.js";import{g as M,a as _}from"./p-9ec99ced.js";import{c as N}from"./p-cef45012.js";import"./p-3f7b81b8.js";import"./p-91521e9d.js";import{C as A}from"./p-2c7ebd5b.js";import{a as P}from"./p-4e451f75.js";import{u as L}from"./p-19ccb4ce.js";import"./p-5bedb58c.js";import"./p-eab1c9f3.js";import{p as D}from"./p-8d363802.js";import{R as V,u as F}from"./p-98698131.js";import{P as O}from"./p-7e3a84bc.js";import{u as $}from"./p-4e526a94.js";import{A as j}from"./p-121cdc60.js";import{i as U}from"./p-8c23d1b8.js";import{b as B,U as z,B as H,O as W,J as G,i as Z,K,D as Y,E as Q,H as X,I as J,V as ee,L as te,N as re,C as se,d as ae,h as ne,P as ie,e as oe,R as le,W as ce,j as de,a as ue,S as he,u as me,c as pe,T as ge}from"./p-a6ca754f.js";import"./p-a9f4ddb1.js";import{u as ve}from"./p-480e08e9.js";const fe=class{constructor(t){e(this,t),this.flexReverse=!1,this.ignored=!0,s(this)}disconnectedCallback(){}render(){var e;const{props:r,label:s}=h()?B(this):z(this),a=!!(null===(e=m().innerHTML)||void 0===e?void 0:e.trim()),n=t("slot",{name:"label"},a?t("slot",null):s);return t(H,Object.assign({},r,{labelSlot:n}))}},be=class{constructor(t){e(this,t),s(this)}disconnectedCallback(){}render(){var e,s;const n=null!==(e=function(e){if(e)try{return W(e)}catch{}}(this.brandColor))&&void 0!==e?e:"",i=(null!==(s=this.brandFont)&&void 0!==s?s:"Nunito Sans").trim()||void 0;a((()=>{if(!i)return;const e=document.createElement("link");return e.setAttribute("href",function(...e){return`https://fonts.googleapis.com/css2?${e.map((e=>`family=${encodeURIComponent(e)}`)).join("&")}`}(i)),e.setAttribute("rel","stylesheet"),document.head.appendChild(e),()=>document.head.removeChild(e)}),[i]);const o=null!=i?i:"";return t(r,null,t("style",null,`\n\n :host{\n display: contents;\n }\n /* \n Selects any element placed inside a slot\n - resets css variable inheritence for fonts\n \n */\n ::slotted(*) {\n --sl-font-sans: "${o}", arial;\n --sl-input-font-family: "${o}", arial;\n --sl-tooltip-font-family: "${o}", arial;\n font-family: "${o}", arial;\n\t\t\t\n ${n}\n\n --sl-focus-ring-color-primary: var(--sl-color-primary-100);\n --sl-input-border-color-focus: var(--sl-color-primary-500);\n --sl-color-primary-hue: var(--sl-color-primary-500);\n }`),t("slot",null))}},ye=class{constructor(t){e(this,t),this.ignored=!0,this.width=347,this.gap=24,s(this)}disconnectedCallback(){}render(){return t(G,Object.assign({},M(this)),t("slot",null))}},xe=N({IconStyle:{display:"block",position:"absolute",top:"23px"},DivStyle:{marginLeft:"28px"},Details:{marginLeft:"28px"},Heading:{display:"inline-block"},Children:{display:"none"}}),we=xe.toString();function ke({missingProps:e,heading:r="There was a problem loading this section",subheading:s="There was a technical problem that prevented this section from loading. Please contact us with the link to this page.",description:a="Error occured while loading <{tagName}>. Values for the following attributes are missing:"},i){if(!e)return!1;const o=m(),[l,c]=n(!1);return t("sl-alert",{type:"danger",open:!0},t("style",{type:"text/css"},we),t("div",{slot:"icon",class:xe.classes.IconStyle},t("sl-icon",{name:"exclamation-octagon"})),t("div",{class:xe.classes.DivStyle},t("h2",{class:xe.classes.Heading},u.formatMessage({id:"error-heading",defaultMessage:r})),t("p",null,u.formatMessage({id:"error-subheading",defaultMessage:s}))),t("details",{class:xe.classes.Details},t("summary",{onClick:()=>c(!l)},l?"Less":"More"," details"),t("p",null,u.formatMessage({id:"error-description",defaultMessage:a},{tagName:o.tagName.toLowerCase()})),t("ul",null,e.map((e=>t("li",null,t("strong",null,e.attribute)))))),t("div",{class:xe.classes.Children},i))}function Ce(e){var t;const r=i(V),[s,o]=n(!1);return a((()=>{var t,s;(null===(t=null==r?void 0:r.initialData)||void 0===t?void 0:t[e.checkboxName])&&o(!!(null===(s=null==r?void 0:r.initialData)||void 0===s?void 0:s[e.checkboxName]))}),[null===(t=null==r?void 0:r.initialData)||void 0===t?void 0:t[e.checkboxName]]),{states:{registrationFormState:r,checked:s},callbacks:{setChecked:o}}}const Ee=class{constructor(t){e(this,t),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 e=_([{attribute:"checkbox-name",value:this.checkboxName}]);if(!h()&&e)return t(ke,{missingProps:e,heading:"An error occured while loading this form",subheading:"A technical problem prevented this checkbox field from loading. Please contact us with the link to this page.",description:"Values for the following attributes are missing:"});const r={...M(this)},{states:s,callbacks:a}=h()?T({states:{registrationFormState:{},checked:!1},callbacks:{setChecked:()=>{}}},this.demoData||{},{arrayMerge:(e,t)=>t}):Ce(this);return t(Z,{states:s,content:r,callbacks:a})}},Ie=p.gql`
|
|
2
2
|
query fuelTankRewardsQuery($programId: ID!) {
|
|
3
3
|
user: viewer {
|
|
4
4
|
... on User {
|
|
@@ -58,7 +58,7 @@ import{r as e,h as t,c as r}from"./p-f708da7b.js";import{n as s,f as a,k as n,i,
|
|
|
58
58
|
lastName
|
|
59
59
|
}
|
|
60
60
|
}
|
|
61
|
-
`,Ae={currentRegion:"",firstName:"",lastName:"",errors:{},error:""},Pe=class{constructor(t){e(this,t),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 e=h()?function(e){return T({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:e.editprofileheader?e.editprofileheader:"Edit Profile",editprofiletext:e.editprofiletext?e.editprofiletext:"Update your profile.",firstnametext:e.firstnametext?e.firstnametext:"First Name",lastnametext:e.lastnametext?e.lastnametext:"Last Name",canceltext:e.canceltext?e.canceltext:"Cancel",updatetext:e.updatetext?e.updatetext:"Update",currentregiontext:e.currentregiontext?e.currentregiontext:"Region",showregion:!0,fieldEmptyText:e.fieldEmptyText}},callbacks:{onSubmit:e=>{console.log(e)},resetForm:()=>{console.log("reset")},onChange:()=>{console.log("change")},setShowEdit:e=>{console.log(e)}}},e.demoData||{},{arrayMerge:(e,t)=>t})}(M(this)):function(e){const t=g(),[r,s]=n(!1),[i,o]=n(""),[l,c]=n(void 0),[d,h]=n(Ae),m=b(_e,{},!(null==t?void 0:t.jwt)),[p,v]=f(Ne);return a((()=>{!(null==v?void 0:v.loading)&&r&&((null==v?void 0:v.errors)?h((e=>{var t,r,s;return{...e,error:null===(s=null===(r=null===(t=null==v?void 0:v.errors)||void 0===t?void 0:t.response)||void 0===r?void 0:r.errors)||void 0===s?void 0:s[0].message}})):(c((e=>{var t;return{...e,...null===(t=null==v?void 0:v.data)||void 0===t?void 0:t.upsertUser}})),s(!1)))}),[null==v?void 0:v.loading]),a((()=>{c((e=>{var t;return{...e,...null===(t=null==m?void 0:m.data)||void 0===t?void 0:t.viewer}}))}),[null==m?void 0:m.data]),a((()=>{var t;(null===(t=null==v?void 0:v.errors)||void 0===t?void 0:t.message)&&h((t=>({...t,error:e.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:e.editprofileheader,editprofiletext:e.editprofiletext,firstnametext:e.firstnametext,lastnametext:e.lastnametext,canceltext:e.canceltext,updatetext:e.updatetext,currentregiontext:e.currentregiontext,showregion:e.showregion,fieldEmptyText:e.fieldEmptyText}},callbacks:{onSubmit:()=>{if(d.firstName&&d.lastName)return p({id:null==t?void 0:t.id,accountId:null==t?void 0:t.accountId,firstName:d.firstName,lastName:d.lastName}),void h((e=>({...e,errors:{}})));const r={};d.firstName||(r.firstName={message:e.fieldEmptyText}),d.lastName||(r.lastName={message:e.fieldEmptyText}),B(r)||h((t=>({...t,error:e.formErrorText}))),h((e=>({...e,errors:r})))},resetForm:()=>{var e,t,r,s,a,n;const i=(null===(t=null===(e=null==m?void 0:m.data)||void 0===e?void 0:e.viewer)||void 0===t?void 0:t.countryCode)?u.formatDisplayName(m.data.viewer.countryCode,{type:"region"}):"";c({...null===(r=m.data)||void 0===r?void 0:r.viewer,...null===(s=v.data)||void 0===s?void 0:s.upsertUser}),h({...Ae,...null===(a=m.data)||void 0===a?void 0:a.viewer,...null===(n=v.data)||void 0===n?void 0:n.upsertUser,currentRegion:i})},onChange:e=>{const{name:t,value:r}=e.target;h((e=>({...e,[t]:r})))},setShowEdit:s}}}(M(this));return t(Q,Object.assign({},e))}};Pe.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 Le=class{constructor(t){e(this,t),this.columns=1,this.minHeight=200,this.background="var(--sl-color-gray-50)",this.paddingSize="large",this.wrapDirection="wrap",s(this)}disconnectedCallback(){}render(){const e={states:{...M(this)},content:{primaryColumn:t("slot",null),secondaryColumn:t("slot",{name:"secondary-column"})}};return t(X,Object.assign({},e))}};function De(e,r){const s=Boolean((e.header||e.description||e.buttonText)&&"overlay"===e.layout),a=N({Container:{position:"relative","&:before":{content:s?'""':"",width:"100%",height:"100%",position:"absolute",background:e.overlayColor||"var(--sl-color-primary-900)",opacity:e.overlayOpacity}},Image:{display:"block",width:"100%",height:"100%",objectFit:"cover"},Background:{backgroundImage:`url(${e.imageUrl})`,backgroundSize:"cover",backgroundPosition:e.imagePos||"center",display:"flex",justifyContent:"center",alignItems:"center"},Overlay:{zIndex:"1",padding:"calc(var(--sl-spacing-"+e.paddingText+") + var(--sl-spacing-"+e.paddingImage+"))",textAlign:"center",color:e.textColor||"var(--sqm-text)",lineHeight:"var(--sl-line-height-dense)","@media (max-width: 599px)":{padding:"var(--sl-spacing-"+e.paddingText+")"}},Column:{display:"flex",background:e.backgroundColor||"",flexDirection:"right"===e.imagePos?"row-reverse":"row",lineHeight:"var(--sl-line-height-dense)",color:e.textColor||"var(--sqm-text)","& .image-area":{width:e.imagePercentage?e.imagePercentage+"%":"50%",padding:"var(--sl-spacing-"+e.paddingImage+")",boxSizing:"border-box",display:"flex",justifyContent:"center",alignItems:"center","@media (max-width: 599px)":{width:"100%"}},"& .text-area":{width:e.imagePercentage?100-e.imagePercentage+"%":"50%",padding:"var(--sl-spacing-"+e.paddingText+")",alignSelf:"center",boxSizing:"border-box","@media (max-width: 599px)":{width:"100%",textAlign:"center",padding:"calc(0.5*var(--sl-spacing-"+e.paddingText+"))"}},"@media (max-width: 599px)":{flexDirection:"bottom"===e.imageMobilePos?"column-reverse":"column"}},Header:{fontSize:"var(--sl-font-size-xxx-large)",fontWeight:"var(--sl-font-weight-bold)","@media (max-width: 599px)":{fontSize:"var(--sl-font-size-xx-large)"}},Description:{fontSize:"var(--sl-font-size-x-large)",margin:"var(--sl-spacing-small) 0","@media (max-width: 599px)":{fontSize:"var(--sl-font-size-large)"}},Button:{marginTop:"var(--sl-spacing-medium)","&::part(base)":{padding:"0 var(--sl-spacing-x-large)"},"@media (max-width: 599px)":{width:"100%"}}}),n=a.toString();return t("div",{class:a.classes.Container,part:"sqm-base"},t("style",{type:"text/css"},"\n :host{\n display: block;\n }",n),"overlay"===e.layout&&t("div",{class:a.classes.Background},t("div",{class:a.classes.Overlay,part:"sqm-overlay"},e.header&&t("div",{class:a.classes.Header},e.header),e.description&&t("div",{class:a.classes.Description},e.description),e.buttonText&&t("sl-button",{class:a.classes.Button,type:"primary",exportparts:`base: ${"primary"===e.buttonType?"primary":"secondary"}button-base`,onClick:()=>e.buttonNewTab?window.open(e.buttonLink):window.open(e.buttonLink,"_parent")},e.buttonText),r&&r)),"columns"===e.layout&&t("div",null,t("div",{class:a.classes.Column},t("div",{class:"image-area"},t("img",{class:a.classes.Image,src:e.imageUrl,part:"sqm-columns-image"})),t("div",{class:"text-area",part:"sqm-columns-text-area"},e.header&&t("div",{class:a.classes.Header,part:"sqm-columns-header"},e.header),e.description&&t("div",{class:a.classes.Description,part:"sqm-columns-description"},e.description),e.buttonText&&t("sl-button",{exportparts:"base: sqm-hero-image-button",class:a.classes.Button,type:"primary",onClick:()=>e.buttonNewTab?window.open(e.buttonLink):window.open(e.buttonLink,"_parent")},e.buttonText)))))}const Ve=class{constructor(t){e(this,t),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",this.buttonType="primary",s(this)}disconnectedCallback(){}render(){return t(De,Object.assign({},M(this)),t("slot",null))}},Fe=class{constructor(t){e(this,t),this.ignored=!0,s(this)}disconnectedCallback(){}render(){return t(this.hookStory,null)}};function Oe(e){const r=N({Container:{display:"flex",width:"100%",justifyContent:e.alignment||"center",background:e.backgroundColor||""},Image:{minHeight:e.minHeight||"100%",width:e.width||"100%",maxWidth:"max-content",objectFit:"cover"}}),s=r.toString();return t("div",null,t("style",{type:"text/css"},s,"\n :host{\n display: block; \n }\n "),t("div",{class:r.classes.Container,part:"sqm-base"},t("img",{part:"sqm-image",src:e.imageUrl,class:r.classes.Image})))}const $e=class{constructor(t){e(this,t),this.alignment="center"}render(){return t(Oe,Object.assign({},M(this)))}},je=class{constructor(t){e(this,t),this.ignored=!0,this.fieldType="text",this.errorMessage="Cannot be empty",this.fieldOptional=!1,s(this)}disconnectedCallback(){}render(){const e={...M(this)},r=_([{attribute:"field-name",value:this.fieldName}]);if(!h()&&r)return t(ke,{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:s}=h()?T({states:{registrationFormState:{}}},this.demoData||{},{arrayMerge:(e,t)=>t}):{states:{registrationFormState:i(V)}};return t(J,{states:s,content:e})}},Be=p.gql`
|
|
61
|
+
`,Ae={currentRegion:"",firstName:"",lastName:"",errors:{},error:""},Pe=class{constructor(t){e(this,t),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 e=h()?function(e){return T({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:e.editprofileheader?e.editprofileheader:"Edit Profile",editprofiletext:e.editprofiletext?e.editprofiletext:"Update your profile.",firstnametext:e.firstnametext?e.firstnametext:"First Name",lastnametext:e.lastnametext?e.lastnametext:"Last Name",canceltext:e.canceltext?e.canceltext:"Cancel",updatetext:e.updatetext?e.updatetext:"Update",currentregiontext:e.currentregiontext?e.currentregiontext:"Region",showregion:!0,fieldEmptyText:e.fieldEmptyText}},callbacks:{onSubmit:e=>{console.log(e)},resetForm:()=>{console.log("reset")},onChange:()=>{console.log("change")},setShowEdit:e=>{console.log(e)}}},e.demoData||{},{arrayMerge:(e,t)=>t})}(M(this)):function(e){const t=g(),[r,s]=n(!1),[i,o]=n(""),[l,c]=n(void 0),[d,h]=n(Ae),m=b(_e,{},!(null==t?void 0:t.jwt)),[p,v]=f(Ne);return a((()=>{!(null==v?void 0:v.loading)&&r&&((null==v?void 0:v.errors)?h((e=>{var t,r,s;return{...e,error:null===(s=null===(r=null===(t=null==v?void 0:v.errors)||void 0===t?void 0:t.response)||void 0===r?void 0:r.errors)||void 0===s?void 0:s[0].message}})):(c((e=>{var t;return{...e,...null===(t=null==v?void 0:v.data)||void 0===t?void 0:t.upsertUser}})),s(!1)))}),[null==v?void 0:v.loading]),a((()=>{c((e=>{var t;return{...e,...null===(t=null==m?void 0:m.data)||void 0===t?void 0:t.viewer}}))}),[null==m?void 0:m.data]),a((()=>{var t;(null===(t=null==v?void 0:v.errors)||void 0===t?void 0:t.message)&&h((t=>({...t,error:e.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:e.editprofileheader,editprofiletext:e.editprofiletext,firstnametext:e.firstnametext,lastnametext:e.lastnametext,canceltext:e.canceltext,updatetext:e.updatetext,currentregiontext:e.currentregiontext,showregion:e.showregion,fieldEmptyText:e.fieldEmptyText}},callbacks:{onSubmit:()=>{if(d.firstName&&d.lastName)return p({id:null==t?void 0:t.id,accountId:null==t?void 0:t.accountId,firstName:d.firstName,lastName:d.lastName}),void h((e=>({...e,errors:{}})));const r={};d.firstName||(r.firstName={message:e.fieldEmptyText}),d.lastName||(r.lastName={message:e.fieldEmptyText}),U(r)||h((t=>({...t,error:e.formErrorText}))),h((e=>({...e,errors:r})))},resetForm:()=>{var e,t,r,s,a,n;const i=(null===(t=null===(e=null==m?void 0:m.data)||void 0===e?void 0:e.viewer)||void 0===t?void 0:t.countryCode)?u.formatDisplayName(m.data.viewer.countryCode,{type:"region"}):"";c({...null===(r=m.data)||void 0===r?void 0:r.viewer,...null===(s=v.data)||void 0===s?void 0:s.upsertUser}),h({...Ae,...null===(a=m.data)||void 0===a?void 0:a.viewer,...null===(n=v.data)||void 0===n?void 0:n.upsertUser,currentRegion:i})},onChange:e=>{const{name:t,value:r}=e.target;h((e=>({...e,[t]:r})))},setShowEdit:s}}}(M(this));return t(Q,Object.assign({},e))}};Pe.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 Le=class{constructor(t){e(this,t),this.columns=1,this.minHeight=200,this.background="var(--sl-color-gray-50)",this.paddingSize="large",this.wrapDirection="wrap",s(this)}disconnectedCallback(){}render(){const e={states:{...M(this)},content:{primaryColumn:t("slot",null),secondaryColumn:t("slot",{name:"secondary-column"})}};return t(X,Object.assign({},e))}};function De(e,r){const s=Boolean((e.header||e.description||e.buttonText)&&"overlay"===e.layout),a=N({Container:{position:"relative","&:before":{content:s?'""':"",width:"100%",height:"100%",position:"absolute",background:e.overlayColor||"var(--sl-color-primary-900)",opacity:e.overlayOpacity}},Image:{display:"block",width:"100%",height:"100%",objectFit:"cover"},Background:{backgroundImage:`url(${e.imageUrl})`,backgroundSize:"cover",backgroundPosition:e.imagePos||"center",display:"flex",justifyContent:"center",alignItems:"center"},Overlay:{zIndex:"1",padding:"calc(var(--sl-spacing-"+e.paddingText+") + var(--sl-spacing-"+e.paddingImage+"))",textAlign:"center",color:e.textColor||"var(--sqm-text)",lineHeight:"var(--sl-line-height-dense)","@media (max-width: 599px)":{padding:"var(--sl-spacing-"+e.paddingText+")"}},Column:{display:"flex",background:e.backgroundColor||"",flexDirection:"right"===e.imagePos?"row-reverse":"row",lineHeight:"var(--sl-line-height-dense)",color:e.textColor||"var(--sqm-text)","& .image-area":{width:e.imagePercentage?e.imagePercentage+"%":"50%",padding:"var(--sl-spacing-"+e.paddingImage+")",boxSizing:"border-box",display:"flex",justifyContent:"center",alignItems:"center","@media (max-width: 599px)":{width:"100%"}},"& .text-area":{width:e.imagePercentage?100-e.imagePercentage+"%":"50%",padding:"var(--sl-spacing-"+e.paddingText+")",alignSelf:"center",boxSizing:"border-box","@media (max-width: 599px)":{width:"100%",textAlign:"center",padding:"calc(0.5*var(--sl-spacing-"+e.paddingText+"))"}},"@media (max-width: 599px)":{flexDirection:"bottom"===e.imageMobilePos?"column-reverse":"column"}},Header:{fontSize:"var(--sl-font-size-xxx-large)",fontWeight:"var(--sl-font-weight-bold)","@media (max-width: 599px)":{fontSize:"var(--sl-font-size-xx-large)"}},Description:{fontSize:"var(--sl-font-size-x-large)",margin:"var(--sl-spacing-small) 0","@media (max-width: 599px)":{fontSize:"var(--sl-font-size-large)"}},Button:{marginTop:"var(--sl-spacing-medium)","&::part(base)":{padding:"0 var(--sl-spacing-x-large)"},"@media (max-width: 599px)":{width:"100%"}}}),n=a.toString();return t("div",{class:a.classes.Container,part:"sqm-base"},t("style",{type:"text/css"},"\n :host{\n display: block;\n }",n),"overlay"===e.layout&&t("div",{class:a.classes.Background},t("div",{class:a.classes.Overlay,part:"sqm-overlay"},e.header&&t("div",{class:a.classes.Header},e.header),e.description&&t("div",{class:a.classes.Description},e.description),e.buttonText&&t("sl-button",{class:a.classes.Button,type:"primary",exportparts:`base: ${"primary"===e.buttonType?"primary":"secondary"}button-base`,onClick:()=>e.buttonNewTab?window.open(e.buttonLink):window.open(e.buttonLink,"_parent")},e.buttonText),r&&r)),"columns"===e.layout&&t("div",null,t("div",{class:a.classes.Column},t("div",{class:"image-area"},t("img",{class:a.classes.Image,src:e.imageUrl,part:"sqm-columns-image"})),t("div",{class:"text-area",part:"sqm-columns-text-area"},e.header&&t("div",{class:a.classes.Header,part:"sqm-columns-header"},e.header),e.description&&t("div",{class:a.classes.Description,part:"sqm-columns-description"},e.description),e.buttonText&&t("sl-button",{exportparts:"base: sqm-hero-image-button",class:a.classes.Button,type:"primary",onClick:()=>e.buttonNewTab?window.open(e.buttonLink):window.open(e.buttonLink,"_parent")},e.buttonText)))))}const Ve=class{constructor(t){e(this,t),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",this.buttonType="primary",s(this)}disconnectedCallback(){}render(){return t(De,Object.assign({},M(this)),t("slot",null))}},Fe=class{constructor(t){e(this,t),this.ignored=!0,s(this)}disconnectedCallback(){}render(){return t(this.hookStory,null)}};function Oe(e){const r=N({Container:{display:"flex",width:"100%",justifyContent:e.alignment||"center",background:e.backgroundColor||""},Image:{minHeight:e.minHeight||"100%",width:e.width||"100%",maxWidth:"max-content",objectFit:"cover"}}),s=r.toString();return t("div",null,t("style",{type:"text/css"},s,"\n :host{\n display: block; \n }\n "),t("div",{class:r.classes.Container,part:"sqm-base"},t("img",{part:"sqm-image",src:e.imageUrl,class:r.classes.Image})))}const $e=class{constructor(t){e(this,t),this.alignment="center"}render(){return t(Oe,Object.assign({},M(this)))}},je=class{constructor(t){e(this,t),this.ignored=!0,this.fieldType="text",this.errorMessage="Cannot be empty",this.fieldOptional=!1,s(this)}disconnectedCallback(){}render(){const e={...M(this)},r=_([{attribute:"field-name",value:this.fieldName}]);if(!h()&&r)return t(ke,{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:s}=h()?T({states:{registrationFormState:{}}},this.demoData||{},{arrayMerge:(e,t)=>t}):{states:{registrationFormState:i(V)}};return t(J,{states:s,content:e})}},Ue=p.gql`
|
|
62
62
|
query (
|
|
63
63
|
$type: String!
|
|
64
64
|
$filter: UserLeaderboardFilterInput
|
|
@@ -79,7 +79,7 @@ import{r as e,h as t,c as r}from"./p-f708da7b.js";import{n as s,f as a,k as n,i,
|
|
|
79
79
|
}
|
|
80
80
|
}
|
|
81
81
|
}
|
|
82
|
-
`,
|
|
82
|
+
`,Be=p.gql`
|
|
83
83
|
query (
|
|
84
84
|
$type: String!
|
|
85
85
|
$filter: UserLeaderboardFilterInput
|
|
@@ -134,7 +134,7 @@ import{r as e,h as t,c as r}from"./p-f708da7b.js";import{n as s,f as a,k as n,i,
|
|
|
134
134
|
}
|
|
135
135
|
}
|
|
136
136
|
}
|
|
137
|
-
`,We=class{constructor(t){e(this,t),this.width="100%",this.
|
|
137
|
+
`,We=class{constructor(t){e(this,t),this.width="100%",this.viewingUserText="You",this.hideNames=!1,this.anonymousUser="Anonymous User",this.maxRows=10,this.hideViewer=!1,this.ignored=!0,s(this),ee(this)}disconnectedCallback(){}render(){const e={empty:t(Ge,null),usersheading:this.usersheading,statsheading:this.statsheading,rankheading:this.rankheading,rankType:this.rankType,leaderboardType:this.leaderboardType,maxRows:this.maxRows,programId:this.programId,anonymousUser:this.anonymousUser,interval:this.interval,hideViewer:this.hideViewer,viewingUserText:this.viewingUserText,hideNames:this.hideNames,showRank:this.showRank,rankSuffix:this.rankSuffix,width:this.width,viewingUserHighlightColor:this.viewingUserHighlightColor,viewingUserHighlightTextColor:this.viewingUserHighlightTextColor},r={...e,demoData:this.demoData},s=h()?function(e){var r,s;const a=(null===(s=null===(r=e.demoData)||void 0===r?void 0:r.data)||void 0===s?void 0:s.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 T({states:{loading:!1,hasLeaders:!0,isEssentials:!1,styles:{usersheading:e.usersheading?e.usersheading:"Top referrers",statsheading:e.statsheading?e.statsheading:"New customers",rankheading:e.rankheading?e.rankheading:"Rank",anonymousUser:e.anonymousUser?e.anonymousUser:"Anonymous User",showRank:e.showRank,hideViewer:e.hideViewer,viewingUserText:e.viewingUserText,hideNames:e.hideNames,rankSuffix:e.rankSuffix,width:e.width,viewingUserHighlightColor:e.viewingUserHighlightColor,viewingUserHighlightTextColor:e.viewingUserHighlightTextColor,background:e.background,borderColor:e.borderColor,textColor:e.textColor,borderRadius:e.borderRadius}},data:{rankType:"rowNumber",leaderboard:a},elements:{empty:t(Ge,null)}},e.demoData||{},{arrayMerge:(e,t)=>t})}(r):function(e){var t,r,s,a,n,i,l,c,d,u;const h=v(),m=null!==(t=e.programId)&&void 0!==t?t:h,p=g(),f=x(),y=m?{type:e.leaderboardType,filter:{programId_eq:m}}:{type:e.leaderboardType,filter:{}};e.interval&&(y.filter.interval=e.interval),f&&(y.locale=f),e.maxRows>0&&(y.limit=e.maxRows);const{data:w,loading:k,errors:C}=b(e.hideNames?Be:Ue,y,!(null==p?void 0:p.jwt),{batch:!1}),{data:E}=b(e.hideNames?He:ze,y,!(null==p?void 0:p.jwt)),I=null==(q=null===(r=null==w?void 0:w.userLeaderboard)||void 0===r?void 0:r.rows)?void 0:q.flatMap((t=>{var r,s;return{textValue:t.textValue,firstName:t.firstName,lastInitial:t.lastInitial,rank:null===(r=t.rank)||void 0===r?void 0:r[e.rankType],rowNumber:null===(s=t.rank)||void 0===s?void 0:s.rowNumber}})),S=null==I?void 0:I.sort((function(e,t){return e.rank-t.rank})),R={textValue:null===(a=null===(s=null==E?void 0:E.viewer)||void 0===s?void 0:s.leaderboardRank)||void 0===a?void 0:a.textValue,firstName:null===(n=null==E?void 0:E.viewer)||void 0===n?void 0:n.firstName,lastInitial:null===(i=null==E?void 0:E.viewer)||void 0===i?void 0:i.lastInitial,rank:null===(c=null===(l=null==E?void 0:E.viewer)||void 0===l?void 0:l.leaderboardRank)||void 0===c?void 0:c[e.rankType],rowNumber:null===(u=null===(d=null==E?void 0:E.viewer)||void 0===d?void 0:d.leaderboardRank)||void 0===u?void 0:u.rowNumber};var q;return{states:{loading:k,isEssentials:o((()=>{var e,t;return!!(null===(t=null===(e=null==C?void 0:C.response)||void 0===e?void 0:e.errors)||void 0===t?void 0:t.find((e=>{var t,r;return 403===(null===(r=null===(t=null==e?void 0:e.extensions)||void 0===t?void 0:t.apiError)||void 0===r?void 0:r.statusCode)})))}),[C]),hasLeaders:(null==S?void 0:S.length)>0,styles:e},data:{leaderboard:S,rankType:e.rankType,viewerRank:R},elements:{empty:e.empty}}}(e);return t(te,Object.assign({},s))}};function Ge(){return t("slot",{name:"empty"},t("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 Ze=N({Container:{display:"contents"},Link:{textDecoration:"none",color:"inherit"}}),Ke=Ze.toString();function Ye(e){const{onClick:r,buttonText:s}=e;return t("span",{class:Ze.classes.Container,part:"sqm-base"},t("style",{type:"text/css"},Ke,"\n:host{\n display: inline; \n}\n"),t("sl-button",{onClick:r,type:"primary",exportparts:"base: primarybutton-base"},t("a",{class:Ze.classes.Link,part:"sqm-link"},s)))}const Qe=class{constructor(t){e(this,t),this.openInNewTab=!1,this.buttonText="Click here"}render(){return t(Ye,Object.assign({},{...M(this),onClick:()=>{window.open(this.link,this.openInNewTab?"_blank":"_parent")}}))}},Xe=class{constructor(t){e(this,t),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 e={...M(this)},{states:r,callbacks:s}=h()?T({states:{registrationFormState:{},checked:!1},callbacks:{setChecked:()=>{}}},this.demoData||{},{arrayMerge:(e,t)=>t}):Ce(this);return t(Z,{states:r,content:e,callbacks:s})}},Je=class{constructor(t){e(this,t),this.ignored=!0,this.firstNameLabel="First Name",this.lastNameLabel="Last Name",s(this)}disconnectedCallback(){}render(){const{states:e}=h()?T({states:{validationErrors:[],content:{firstNameLabel:this.firstNameLabel,lastNameLabel:this.lastNameLabel}}},this.demoData||{},{arrayMerge:(e,t)=>t}):function(e){return{states:{registrationFormState:i(V),content:{lastNameLabel:e.lastNameLabel,firstNameLabel:e.firstNameLabel}}}}(this);return t(re,{states:e})}};function et(e){const{states:r}=e,{styles:s}=r;return r.includeDropdown?t("sl-dropdown",{style:"margin-bottom: var(--sl-spacing-large)"},t("sl-button",{slot:"trigger",caret:!0,onClick:e.callbacks.rerender,exportparts:"base: dropdownbutton-base"},s.menuLabel),t("sl-menu",{ref:t=>{void 0===e.ref.current&&(e.ref.current=t,e.callbacks.rerender())}},t("slot",null))):""}const tt=class{constructor(t){e(this,t),this.ignored=!0,s(this)}disconnectedCallback(){}render(){const e=h()?function(e){return T({states:{includeDropdown:!0,styles:{...e,menuLabel:"Menu"}},callbacks:{rerender:()=>{}},ref:{current:void 0}},e.demoData||{},{arrayMerge:(e,t)=>t})}(M(this)):function(e){const t=l(),[,r]=w(),s=g();return a((()=>{var e;null===(e=t.current)||void 0===e||e.addEventListener("sl-select",(e=>function(e){k.push(e.detail.item.value)}(e)))}),[t.current]),{states:{includeDropdown:void 0!==((null==s?void 0:s.id)||(null==s?void 0:s.accountId)||(null==s?void 0:s.jwt)),styles:{menuLabel:e.menuLabel}},callbacks:{rerender:r},ref:t}}(M(this));return t(r,{slot:"sqm-navigation-menu"},t(et,Object.assign({},e)))}};tt.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 rt=N({Wrapper:{maxWidth:"200px",marginLeft:"auto"},PayoutButtonDescription:{color:"var(--sl-color-neutral-500)",fontSize:"var(--sl-font-size-small)",margin:"0"}}),st=rt.toString();function at(e){const{text:r,states:s}=e;return s.payoutSettingsComplete?t("div",{class:rt.classes.Wrapper},t("style",{type:"text/css"},st),t("sqm-scroll",{"scroll-tag-name":"sqm-tabs","button-text":r.payoutButtonText,"scroll-animation":"smooth"}),t("p",{class:rt.classes.PayoutButtonDescription},r.payoutButtonDescription)):t("div",null)}const nt=p.gql`
|
|
138
138
|
query getPayoutDetails {
|
|
139
139
|
user: viewer {
|
|
140
140
|
... on User {
|
|
@@ -240,13 +240,13 @@ import{r as e,h as t,c as r}from"./p-f708da7b.js";import{n as s,f as a,k as n,i,
|
|
|
240
240
|
mutation loadEvent($eventMeta: UserAnalyticsEvent!) {
|
|
241
241
|
createUserAnalyticsEvent(eventMeta: $eventMeta)
|
|
242
242
|
}
|
|
243
|
-
`,
|
|
243
|
+
`,Ut=class{constructor(t){e(this,t),this.tooltiptext="Copied to Clipboard",this.tooltiplifespan=1e3,this.textAlign="left",this.copyButtonLabel="Copy Code",this.buttonStyle="icon",this.buttonType="primary",s(this)}disconnectedCallback(){}render(){const e=M(this),r=h()?function(e){const[t,r]=n(!1),s="SHARECODE001";return T({copyString:s,tooltiptext:e.tooltiptext,textAlign:e.textAlign,copyButtonLabel:e.copyButtonLabel,buttonStyle:e.buttonStyle,backgroundColor:e.backgroundColor,textColor:e.textColor,borderRadius:e.borderRadius,borderColor:e.borderColor,buttonType:e.buttonType,rewardStatus:"AVAILABLE",open:t,onClick:()=>{navigator.clipboard.writeText(s),r(!0),setTimeout((()=>r(!1)),e.tooltiplifespan)}},e.demoData||{},{arrayMerge:(e,t)=>t})}(e):function(e){var t,r;const{programId:s=v()}=e,a=g(),i=y(),{data:o}=b($t,{programId:s},!(null==a?void 0:a.jwt)),[l]=f(jt),c=null!==(r=null===(t=null==o?void 0:o.user)||void 0===t?void 0:t.referralCode)&&void 0!==r?r:"...",[d,u]=n(!1);return{...e,onClick:function(){navigator.clipboard.writeText(c),u(!0),setTimeout((()=>u(!1)),e.tooltiplifespan),l({eventMeta:{programId:s,id:null==a?void 0:a.id,accountId:null==a?void 0:a.accountId,type:"USER_REFERRAL_PROGRAM_ENGAGEMENT_EVENT",meta:{engagementMedium:i,shareMedium:"DIRECT"}}})},open:d,copyString:c}}(e);return t(A,Object.assign({},r))}},Bt=class{constructor(t){e(this,t),this.tooltiptext="Copied to Clipboard",this.tooltiplifespan=1e3,this.textAlign="left",this.copyButtonLabel="Copy Link",this.buttonType="primary",this.buttonStyle="icon",s(this)}disconnectedCallback(){}render(){const e=M(this),r=h()?function(e){const[t,r]=n(!1),s="https://www.example.com/sharelink/abc";return T({copyString:s,tooltiptext:e.tooltiptext,textAlign:e.textAlign,buttonStyle:e.buttonStyle,backgroundColor:e.backgroundColor,textColor:e.textColor,borderRadius:e.borderRadius,buttonType:e.buttonType,copyButtonLabel:e.copyButtonLabel,borderColor:e.borderColor,rewardStatus:"AVAILABLE",open:t,onClick:()=>{navigator.clipboard.writeText(s),r(!0),setTimeout((()=>r(!1)),e.tooltiplifespan)}},e.demoData||{},{arrayMerge:(e,t)=>t})}(e):me(e);return t(A,Object.assign({},r))}},zt=class{constructor(t){e(this,t),this.ignored=!0,this.space="xxx-large",this.display="grid",s(this)}disconnectedCallback(){}render(){return t(pe,Object.assign({},M(this)),t("slot",null))}},Ht=p.gql`
|
|
244
244
|
mutation taskCardEvent($userEventInput: UserEventInput!) {
|
|
245
245
|
logUserEvent(userEventInput: $userEventInput) {
|
|
246
246
|
userId
|
|
247
247
|
}
|
|
248
248
|
}
|
|
249
|
-
`,Wt=class{constructor(t){e(this,t),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,this.buttonStyle="primary",s(this)}disconnectedCallback(){}render(){const{props:e}=h()?
|
|
249
|
+
`,Wt=class{constructor(t){e(this,t),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,this.buttonStyle="primary",s(this)}disconnectedCallback(){}render(){const{props:e}=h()?B(this):z({...M(this),programId:this.programId}),{value:r,loading:s}=e,{states:n,callbacks:i}=h()?function(e){return T({states:{loadingEvent:!1,locale:"en"},callbacks:{sendEvent:e=>console.log(e),onClick:()=>console.log("clicked")}},e.demoData||{},{arrayMerge:(e,t)=>t})}(this):function(e){const t=g(),r=x(),[s,{data:n,loading:i}]=f(Ht),{refresh:o}=S();function l(){e.openNewTab?window.open(e.buttonLink):window.open(e.buttonLink,"_parent")}function c(e){s({userEventInput:{userId:null==t?void 0:t.id,accountId:null==t?void 0:t.accountId,events:[{key:e,fields:{}}]}})}return a((()=>{n&&(o(),l())}),[n]),{states:{loadingEvent:i,locale:r},styles:{card:{backgroundColor:e.backgroundColor,textColor:e.textColor,borderColor:e.borderColor,borderRadius:e.borderRadius,buttonStyle:e.buttonStyle}},callbacks:{sendEvent:c,onClick:function(){e.eventKey?c(e.eventKey):l()}}}}(this);return console.log("button style from controller",this.buttonStyle),t(ge,{callbacks:i,states:{loading:s,loadingEvent:n.loadingEvent,progress:r,locale:n.locale},content:{...M(this)}})}},Gt=class{constructor(t){e(this,t),this.ignored=!0,this.icon="gift",s(this)}disconnectedCallback(){}render(){return L().forEach((e=>{try{e.setIcon(this.icon)}catch{}})),t("div",null,t("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"),t("slot",null))}},Zt=()=>t("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("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"}),t("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"}),t("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M2.25 13.5V15H21.75V13.5H2.25Z",fill:"#BE9720"}),t("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"})),Kt=()=>t("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("circle",{cx:"12",cy:"12",r:"9",fill:"currentColor",stroke:"currentColor","stroke-width":"2"}));function Yt(e){var r;const s=null!==(r=e.icon)&&void 0!==r?r:e.iconState,a=N({TimelineReward:{color:e.textColor||"var(--sqm-text)",lineHeight:"var(--sl-line-height-dense)","& .container":{display:"flex"},"& .line":{display:"none",color:"transparent",userSelect:"none",background:e.lineColor||"var(--sl-color-primary-500)",width:"4px",borderRadius:"4px",margin:"-2px",position:"relative",left:"12px",top:"34px"},"& .step":{display:"flex"},"& .icon":{position:"relative",top:"4px",zIndex:"1",color:e.lineColor||"var(--sl-color-primary-500)",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)"}}}),n=a.toString();return t("div",{class:a.classes.TimelineReward,part:"sqm-base"},t("style",{type:"text/css"},n,"\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"),t("div",{class:"container",part:"sqm-entry-container"},t("div",{class:"line"},"/"),t("div",{class:"step"},"gift"===s&&t("div",{class:"icon"},t(Zt,null)),"circle"===s&&t("div",{class:"icon"},t(Kt,null)),t("div",null,t("div",null,t("span",{class:"reward",part:"sqm-reward"},e.reward),t("span",{class:"unit",part:"sqm-unit"},e.unit)),t("div",{class:"description",part:"sqm-description"},e.desc)))))}const Qt=class{constructor(t){e(this,t),this.ignored=!0,this.iconState="gift",s(this)}async setIcon(e){this.iconState=e}disconnectedCallback(){}render(){return P([this.reward]),t(Yt,Object.assign({},M(this)))}};function Xt(e){return t(r,null,e.loading?e.loadingText:e.username)}const Jt=p.gql`
|
|
250
250
|
query getUserName {
|
|
251
251
|
viewer {
|
|
252
252
|
... on User {
|
|
@@ -255,4 +255,4 @@ import{r as e,h as t,c as r}from"./p-f708da7b.js";import{n as s,f as a,k as n,i,
|
|
|
255
255
|
}
|
|
256
256
|
}
|
|
257
257
|
}
|
|
258
|
-
`,er=class{constructor(t){e(this,t),this.ignored=!0,this.fallback="Anonymous User",this.loadingText="...",s(this)}disconnectedCallback(){}render(){const e=h()?function(e){return T({loading:!1,loadingText:"...",username:"John Smith"},e.demoData||{},{arrayMerge:(e,t)=>t})}(this):function(e){var t,r,s,a,n,i,o,l;const c=g(),d=b(Jt,{},!(null==c?void 0:c.jwt)),u=(null===(r=null===(t=d.data)||void 0===t?void 0:t.viewer)||void 0===r?void 0:r.firstName)||(null===(a=null===(s=d.data)||void 0===s?void 0:s.viewer)||void 0===a?void 0:a.lastName)?`${null===(i=null===(n=d.data)||void 0===n?void 0:n.viewer)||void 0===i?void 0:i.firstName} ${null===(l=null===(o=d.data)||void 0===o?void 0:o.viewer)||void 0===l?void 0:l.lastName}`:e.fallback;return{loadingText:e.loadingText,loading:d.loading,username:u}}(this);return t(Xt,Object.assign({},e))}};export{fe as sqm_big_stat,be as sqm_brand,ye as sqm_card_feed,Ee as sqm_checkbox_field,Re as sqm_coupon_code,Te as sqm_divided_layout,Me as sqm_dropdown_field,Pe as sqm_edit_profile,Le as sqm_hero,Ve as sqm_hero_image,Fe as sqm_hook_story_container,$e as sqm_image,je as sqm_input_field,We as sqm_leaderboard,Qe as sqm_link_button,Xe as sqm_marketing_emails_checkbox,Je as sqm_name_fields,tt as sqm_navigation_menu,it as sqm_payout_button_scroll,dt as sqm_payout_status_alert,pt as sqm_portal_change_marketing,gt as sqm_portal_change_password,vt as sqm_portal_footer,ft as sqm_portal_frame,bt as sqm_portal_login,yt as sqm_portal_register,wt as sqm_program_explainer,Ct as sqm_program_explainer_step,It as sqm_program_menu,Rt as sqm_referral_card,Tt as sqm_referral_iframe,Pt as sqm_reward_exchange_list,Ft as sqm_router,Ot as sqm_share_button,
|
|
258
|
+
`,er=class{constructor(t){e(this,t),this.ignored=!0,this.fallback="Anonymous User",this.loadingText="...",s(this)}disconnectedCallback(){}render(){const e=h()?function(e){return T({loading:!1,loadingText:"...",username:"John Smith"},e.demoData||{},{arrayMerge:(e,t)=>t})}(this):function(e){var t,r,s,a,n,i,o,l;const c=g(),d=b(Jt,{},!(null==c?void 0:c.jwt)),u=(null===(r=null===(t=d.data)||void 0===t?void 0:t.viewer)||void 0===r?void 0:r.firstName)||(null===(a=null===(s=d.data)||void 0===s?void 0:s.viewer)||void 0===a?void 0:a.lastName)?`${null===(i=null===(n=d.data)||void 0===n?void 0:n.viewer)||void 0===i?void 0:i.firstName} ${null===(l=null===(o=d.data)||void 0===o?void 0:o.viewer)||void 0===l?void 0:l.lastName}`:e.fallback;return{loadingText:e.loadingText,loading:d.loading,username:u}}(this);return t(Xt,Object.assign({},e))}};export{fe as sqm_big_stat,be as sqm_brand,ye as sqm_card_feed,Ee as sqm_checkbox_field,Re as sqm_coupon_code,Te as sqm_divided_layout,Me as sqm_dropdown_field,Pe as sqm_edit_profile,Le as sqm_hero,Ve as sqm_hero_image,Fe as sqm_hook_story_container,$e as sqm_image,je as sqm_input_field,We as sqm_leaderboard,Qe as sqm_link_button,Xe as sqm_marketing_emails_checkbox,Je as sqm_name_fields,tt as sqm_navigation_menu,it as sqm_payout_button_scroll,dt as sqm_payout_status_alert,pt as sqm_portal_change_marketing,gt as sqm_portal_change_password,vt as sqm_portal_footer,ft as sqm_portal_frame,bt as sqm_portal_login,yt as sqm_portal_register,wt as sqm_program_explainer,Ct as sqm_program_explainer_step,It as sqm_program_menu,Rt as sqm_referral_card,Tt as sqm_referral_iframe,Pt as sqm_reward_exchange_list,Ft as sqm_router,Ot as sqm_share_button,Ut as sqm_share_code,Bt as sqm_share_link,zt as sqm_stat_container,Wt as sqm_task_card,Gt as sqm_timeline,Qt as sqm_timeline_entry,er as sqm_user_name}
|