@saasquatch/mint-components 1.9.2 → 1.9.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (69) hide show
  1. package/dist/cjs/{ShadowViewAddon-1d7d274f.js → ShadowViewAddon-5fe15ad2.js} +6 -3
  2. package/dist/cjs/loader.cjs.js +1 -1
  3. package/dist/cjs/mint-components.cjs.js +1 -1
  4. package/dist/cjs/sqm-big-stat_38.cjs.entry.js +22 -3
  5. package/dist/cjs/sqm-empty_4.cjs.entry.js +17 -3
  6. package/dist/cjs/sqm-rewards-table_9.cjs.entry.js +4 -2
  7. package/dist/cjs/sqm-stencilbook.cjs.entry.js +57 -3
  8. package/dist/collection/components/sqm-empty/EmptyState.stories.js +2 -0
  9. package/dist/collection/components/sqm-empty/sqm-empty-view.js +15 -2
  10. package/dist/collection/components/sqm-empty/sqm-empty.js +24 -1
  11. package/dist/collection/components/sqm-leaderboard/Leaderboard.stories.js +31 -0
  12. package/dist/collection/components/sqm-leaderboard/sqm-leaderboard-view.js +6 -3
  13. package/dist/collection/components/sqm-leaderboard/sqm-leaderboard.js +46 -1
  14. package/dist/collection/components/sqm-leaderboard/useLeaderboard.js +5 -2
  15. package/dist/collection/components/sqm-popup-container/sqm-popup-container.js +6 -0
  16. package/dist/collection/components/sqm-portal-footer/sqm-portal-footer.js +8 -0
  17. package/dist/collection/components/sqm-rewards-table/RewardsTable.stories.js +8 -1
  18. package/dist/collection/components/sqm-rewards-table/RewardsTableCell.stories.js +13 -0
  19. package/dist/collection/components/sqm-rewards-table/cells/sqm-rewards-table-source-cell.js +21 -2
  20. package/dist/collection/components/sqm-titled-section/sqm-titled-section.js +8 -3
  21. package/dist/esm/{ShadowViewAddon-b04465af.js → ShadowViewAddon-b2de2d8f.js} +6 -3
  22. package/dist/esm/loader.js +1 -1
  23. package/dist/esm/mint-components.js +1 -1
  24. package/dist/esm/sqm-big-stat_38.entry.js +22 -3
  25. package/dist/esm/sqm-empty_4.entry.js +17 -3
  26. package/dist/esm/sqm-rewards-table_9.entry.js +4 -2
  27. package/dist/esm/sqm-stencilbook.entry.js +57 -3
  28. package/dist/esm-es5/ShadowViewAddon-b2de2d8f.js +1 -0
  29. package/dist/esm-es5/loader.js +1 -1
  30. package/dist/esm-es5/mint-components.js +1 -1
  31. package/dist/esm-es5/sqm-big-stat_38.entry.js +1 -1
  32. package/dist/esm-es5/sqm-empty_4.entry.js +1 -1
  33. package/dist/esm-es5/sqm-rewards-table_9.entry.js +1 -1
  34. package/dist/esm-es5/sqm-stencilbook.entry.js +1 -1
  35. package/dist/mint-components/mint-components.esm.js +1 -1
  36. package/dist/mint-components/p-00b937ab.system.entry.js +1 -0
  37. package/dist/mint-components/p-0bdfc00e.system.entry.js +1 -0
  38. package/dist/mint-components/p-14f1f79b.entry.js +187 -0
  39. package/dist/mint-components/p-6ffed27b.system.js +1 -1
  40. package/dist/mint-components/{p-a8c90696.system.entry.js → p-7fda77ac.system.entry.js} +1 -1
  41. package/dist/mint-components/p-855eeedd.system.entry.js +1 -0
  42. package/dist/mint-components/p-be00e478.entry.js +1 -0
  43. package/dist/mint-components/{p-3ba7f54e.entry.js → p-c0500993.entry.js} +2 -2
  44. package/dist/mint-components/{p-4869e1d6.js → p-de2aa147.js} +1 -1
  45. package/dist/mint-components/p-e98fe050.system.js +1 -0
  46. package/dist/mint-components/{p-0a0ec6a8.entry.js → p-eac38c5e.entry.js} +2 -2
  47. package/dist/types/components/sqm-empty/sqm-empty-view.d.ts +2 -0
  48. package/dist/types/components/sqm-empty/sqm-empty.d.ts +5 -0
  49. package/dist/types/components/sqm-leaderboard/Leaderboard.stories.d.ts +1 -0
  50. package/dist/types/components/sqm-leaderboard/sqm-leaderboard-view.d.ts +2 -0
  51. package/dist/types/components/sqm-leaderboard/sqm-leaderboard.d.ts +13 -0
  52. package/dist/types/components/sqm-leaderboard/useLeaderboard.d.ts +1 -0
  53. package/dist/types/components/sqm-popup-container/sqm-popup-container.d.ts +2 -0
  54. package/dist/types/components/sqm-portal-footer/sqm-portal-footer.d.ts +2 -0
  55. package/dist/types/components/sqm-rewards-table/RewardsTableCell.stories.d.ts +1 -0
  56. package/dist/types/components/sqm-rewards-table/cells/sqm-rewards-table-source-cell.d.ts +1 -0
  57. package/dist/types/components/sqm-titled-section/sqm-titled-section.d.ts +2 -1
  58. package/dist/types/components.d.ts +35 -3
  59. package/docs/docs.docx +0 -0
  60. package/docs/raisins.json +1 -1
  61. package/grapesjs/grapesjs.js +1 -1
  62. package/package.json +3 -2
  63. package/dist/esm-es5/ShadowViewAddon-b04465af.js +0 -1
  64. package/dist/mint-components/p-2574a651.system.entry.js +0 -1
  65. package/dist/mint-components/p-59bc9a2d.entry.js +0 -187
  66. package/dist/mint-components/p-6cddd2fc.system.entry.js +0 -1
  67. package/dist/mint-components/p-6d2a23e7.system.entry.js +0 -1
  68. package/dist/mint-components/p-c53a801b.system.js +0 -1
  69. package/dist/mint-components/p-ce72e90a.entry.js +0 -1
@@ -0,0 +1 @@
1
+ import{h as t,r as e,c as n}from"./p-64c3217a.js";import{n as s}from"./p-fd2c5407.js";import{i as a}from"./p-9bc18724.js";import"./p-ad4bf4fa.js";import"./p-cef45012.js";import{g as r}from"./p-9ec99ced.js";import{P as o,a as l}from"./p-e704842c.js";function i(e){const{emptyStateHeader:n,emptyStateImage:s,emptyStateText:r,supportText:o,missingFeature:l=""}=e;return t("sqm-portal-container",{padding:"large",gap:"medium",part:"sqm-base"},t("img",{style:{height:"100px",margin:"auto"},src:s}),t("sqm-titled-section",{style:{maxHeight:"400px"},"label-margin":"xxx-small","text-align":"center"},t("sqm-text",{slot:"label"},t("p",{part:"header-text"},n)),t("sqm-text",{slot:"content"},t("p",{part:"description-text",innerHTML:"",style:{color:"var(--sl-color-gray-500)"}},a.formatMessage({id:"emptyStateText",defaultMessage:r},{supportText:t("a",{target:"_blank",href:`mailto:saasquatch-support@impact.com?subject=Next steps for ${l} feature&body=Hi Support Team, %0D%0A\n %0D%0A \n I am interested to learn more about the ${l} feature. Please let me know the next steps to access this feature, including any necessary plan upgrades.%0D%0A\n %0D%0A \n - Feature Interested In: ${l}%0D%0A\n - Company Name: [Please fill out your company name here]%0D%0A\n %0D%0A\n Thank you`},o)})))))}const m=class{constructor(t){e(this,t)}render(){return t(n,{slot:"empty"},t(i,{emptyStateImage:this.emptyStateImage,emptyStateHeader:this.emptyStateHeader,emptyStateText:this.emptyStateText,supportText:this.supportText}))}},c=class{constructor(t){e(this,t),this.ignored=!0,this.direction="column",this.gap="xxx-large",this.display="grid",this.maxWidth="100%",this.backgroundColor="#ffffff00",s(this)}disconnectedCallback(){}render(){return t(o,Object.assign({},r(this)),t("slot",null))}},p=class{constructor(t){e(this,t),this.ignored=!0,s(this)}disconnectedCallback(){}componentWillLoad(){}render(){return t("div",null,t("style",null,"\n sqm-text {\n display: block;\n }\n\n sqm-text h1 {\n font-size: var(--sl-font-size-xxx-large);\n font-weight: var(--sl-font-weight-semibold);\n color: var(--sl-color-neutral-800);\n margin: 0;\n }\n\n sqm-text h2 {\n font-size: var(--sl-font-size-xx-large);\n font-weight: var(--sl-font-weight-semibold);\n color: var(--sl-color-neutral-800);\n margin: 0;\n }\n\n sqm-text h3 {\n font-size: var(--sl-font-size-x-large);\n font-weight: var(--sl-font-weight-semibold);\n color: var(--sl-color-neutral-800);\n margin: 0;\n }\n\n sqm-text h4 {\n font-size: var(--sl-font-size-large);\n font-weight: var(--sl-font-weight-semibold);\n color: var(--sl-color-neutral-800);\n margin: 0;\n }\n\n sqm-text p {\n font-size: var(--sl-font-size-medium);\n font-weight: var(--sl-font-weight-normal);\n color: var(--sl-color-neutral-800);\n margin: 0;\n }\n\n sqm-text sub {\n font-size: var(--sl-font-size-small);\n font-weight: var(--sl-font-weight-normal);\n color: var(--sl-color-neutral-400);\n margin: 0;\n }\n"),t("slot",null))}},h=class{constructor(t){e(this,t),this.textAlign="left",this.labelMargin="small",this.padding="none",s(this)}disconnectedCallback(){}render(){const e=t("slot",{name:"label"},this.label),n=t("slot",{name:"content"});return t(l,Object.assign({},{...r(this),label:e,content:n}))}};export{m as sqm_empty,c as sqm_portal_container,p as sqm_text,h as sqm_titled_section}
@@ -1,4 +1,4 @@
1
- import{h as e,r as t,c as a}from"./p-64c3217a.js";import{b as s,j as r,f as l,n as i,u as n}from"./p-fd2c5407.js";import{i as o}from"./p-9bc18724.js";import{d,Q as c,H as u,L as h,y as m,k as p,i as v}from"./p-ad4bf4fa.js";import{c as E}from"./p-c1086930.js";import"./p-02be1a88.js";import{c as f}from"./p-cef45012.js";import{G as y}from"./p-c5d2e4ba.js";import{u as g,a as w}from"./p-0985eff1.js";import{u as b}from"./p-c3e83277.js";import{l as x}from"./p-251e7567.js";import{m as A}from"./p-f3053c61.js";import{g as D}from"./p-fd3ab606.js";import{l as N}from"./p-9ec99ced.js";const R=s("sq:useRewardsTable"),T=d.gql`
1
+ import{h as e,r as t,c as a}from"./p-64c3217a.js";import{b as s,j as r,f as l,n as i,u as n}from"./p-fd2c5407.js";import{i as o}from"./p-9bc18724.js";import{d,Q as c,H as u,L as h,y as p,k as m,i as v}from"./p-ad4bf4fa.js";import{c as E}from"./p-c1086930.js";import"./p-02be1a88.js";import{c as f}from"./p-cef45012.js";import{G as y}from"./p-c5d2e4ba.js";import{u as g,a as w}from"./p-0985eff1.js";import{u as b}from"./p-c3e83277.js";import{l as x}from"./p-251e7567.js";import{m as A}from"./p-f3053c61.js";import{g as D}from"./p-fd3ab606.js";import{l as N}from"./p-9ec99ced.js";const R=s("sq:useRewardsTable"),T=d.gql`
2
2
  query getRewards(
3
3
  $limit: Int!
4
4
  $offset: Int!
@@ -141,4 +141,4 @@ import{h as e,r as t,c as a}from"./p-64c3217a.js";import{b as s,j as r,f as l,n
141
141
  }
142
142
  }
143
143
  }
144
- `;async function I(t,a){const s=t.tagName.toLowerCase();let r;await customElements.whenDefined(s);try{r=a()}catch(t){return R("label promise failed",t),e("span",null)}try{return await r}catch(t){R("Error rendering label",t);const a=D(t);return e("details",null,e("summary",null,"Error"),a)}}const P=class{constructor(e){t(this,e),this.perPage=4,this.hideLabels=!1,this.prevLabel="Prev",this.moreLabel="Next",this.hiddenColumns="0",this.smBreakpoint=599,this.mdBreakpoint=799,i(this)}disconnectedCallback(){}render(){const t=e(C,null),a=e(S,null),{states:s,data:i,callbacks:o,elements:d}=v()?function(e,t,a){const[s,i]=r(((e,t)=>({...e,...t})),{columns:[],rows:[],loading:!1,page:0}),o=g(),{data:d}=n((()=>{var t;return(null===(t=e.demoData)||void 0===t?void 0:t.mockData)||A(e.perPage)}),[e.perPage]),c=b();return l((()=>{i({loading:!0}),d&&async function(t){let a=d;a=d.slice(0,e.perPage);const s=t.filter((e=>{var t,a;return"loading"!==e.slot&&"empty"!==e.slot&&"loading"!==(null===(t=null==e?void 0:e.firstElementChild)||void 0===t?void 0:t.getAttribute("slot"))&&"empty"!==(null===(a=null==e?void 0:e.firstElementChild)||void 0===a?void 0:a.getAttribute("slot"))})),r=null==s?void 0:s.map((async(e,t)=>{var a;const s=null===(a=null==e?void 0:e.firstElementChild)||void 0===a?void 0:a.getAttribute("slot");if("RAISINS-PLOP-TARGET"===e.tagName&&"loading"!==s&&"empty"!==s){e.style.position="absolute",e.setAttribute("slot","column-"+t);const a=e.firstElementChild.childNodes[1];return a.innerHTML="+",a.style.lineHeight="20px",I(e,(()=>e.renderLabel(t)))}return I(e,(()=>e.renderLabel()))})),l=null==a?void 0:a.map((async e=>{const t=null==s?void 0:s.map((async t=>I(t,(()=>t.renderCell(e,void 0,{})))));return await Promise.all(t)})),n=l&&(await Promise.all(l)).filter((e=>e));i({rows:n});const o=r&&await Promise.all(r);i({columns:o,loading:!1,page:0})}(c)}),[d,c,o]),E({states:{hasPrev:!1,hasNext:!1,loading:!1,show:"rows"},callbacks:{prevPage:()=>console.log("Prev"),nextPage:()=>console.log("Next")},data:{textOverrides:{showLabels:!e.hideLabels,prevLabel:e.prevLabel,moreLabel:e.moreLabel},referralData:[],mdBreakpoint:799,smBreakpoint:599},elements:{columns:s.columns,rows:s.rows,emptyElement:t,loadingElement:a}},e.demoData||{},{arrayMerge:(e,t)=>t})}(this,t,a):function(t,a,s){var i,n,o;const d=c(),v=u(),E=h(),f=null!==(i=t.programId)&&void 0!==i?i:v,y={userId_eq:null==d?void 0:d.id,accountId_eq:null==d?void 0:d.accountId,...f?"classic"===f?{programId_exists:!1}:{programId_eq:f}:{}},[w,x]=r(((e,t)=>({...e,...t})),{columns:[],rows:[],loading:!1,page:0}),{data:A,loading:D}=m(_,{},!(null==d?void 0:d.jwt)),{envelope:N,states:R,callbacks:P}=p(T,(e=>{var t;return null===(t=null==e?void 0:e.viewer)||void 0===t?void 0:t.rewards}),{limit:t.perPage,offset:0},{rewardFilter:y,locale:E},!(null==d?void 0:d.jwt)),C=g(),S=b(),L=null==N?void 0:N.data,U=null===(n=null==A?void 0:A.viewer)||void 0===n?void 0:n.impactConnection;l((()=>{x({loading:!0}),N&&async function(t){const a=t.filter((e=>"loading"!==e.slot&&"empty"!==e.slot)),s=null==a?void 0:a.map((async e=>I(e,(()=>e.renderLabel())))),r=null==L?void 0:L.map((async t=>{const s=null==a?void 0:a.map((async a=>I(a,(()=>a.renderCell(t,{locale:E,taxConnection:U},e)))));return await Promise.all(s)})),l=r&&(await Promise.all(r)).filter((e=>e));x({rows:l});const i=s&&await Promise.all(s);x({columns:i,loading:!1,page:R.currentPage})}(S)}),[N,S,C]);const k=!(null===(o=null==w?void 0:w.rows)||void 0===o?void 0:o.length)&&!(null==L?void 0:L.length);return{states:{hasNext:R.currentPage<R.pageCount-1,hasPrev:R.currentPage>0,show:R.loading||w.loading||D?"loading":k?"empty":"rows",namespace:"sqm-rewards-table"},data:{textOverrides:{showLabels:!t.hideLabels,prevLabel:t.prevLabel,moreLabel:t.moreLabel},hiddenColumns:t.hiddenColumns,smBreakpoint:t.smBreakpoint,mdBreakpoint:t.mdBreakpoint},elements:{columns:w.columns,rows:w.rows,emptyElement:a,loadingElement:s},callbacks:{nextPage:()=>{P.setCurrentPage(R.currentPage+1)},prevPage:()=>{P.setCurrentPage(R.currentPage-1)}}}}(this,t,a);return w([this.perPage]),e(y,{states:s,data:i,callbacks:o,elements:d})}};function C(){return e("slot",{name:"empty"},e("sqm-empty",{"empty-state-image":"https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_reward2.png","empty-state-header":"View your rewards","empty-state-text":"Refer friends and complete tasks to view the details of your rewards"}))}function S(){return e("slot",{name:"loading"},e(L,null),e(L,null),e(L,null),e(L,null))}function L(){return e("sqm-table-row",null,e("sqm-table-cell",{colspan:5},e("sl-skeleton",null)))}const U=class{constructor(e){t(this,e),this.ignored=!0,this.locale="en",i(this)}disconnectedCallback(){}render(){var e,t;return this.date?null===(t=null===(e=x.DateTime.fromMillis(this.date))||void 0===e?void 0:e.setLocale(N(this.locale)))||void 0===t?void 0:t.toLocaleString(x.DateTime.DATE_MED):"-"}},k=class{constructor(e){t(this,e),this.columnTitle="Date received",this.dateShown="dateGiven",i(this)}disconnectedCallback(){}async renderCell(t,a){return e("sqm-rewards-table-date-cell",{date:t[this.dateShown],locale:null==a?void 0:a.locale})}async renderLabel(){return this.columnTitle}render(){return w([this.dateShown,this.columnTitle]),e(a,{style:{display:"none"}})}},O=f({DetailsContainer:{width:"100%",display:"flex","align-items":"center","justify-content":"space-between","margin-right":"var(--sl-spacing-small)","flex-wrap":"wrap"},Details:{"padding-bottom":"var(--sl-spacing-small)","max-width":"500px","padding-right":"var(--sl-spacing-x-small)","&::part(header)":{padding:"var(--sl-spacing-x-small)",cursor:"default"},"&::part(content)":{padding:"var(--sl-spacing-x-small) var(--sl-spacing-medium)"},"&::part(base)":{opacity:"1"},"&::part(summary-icon)":{display:"flex"}},BadgeContainer:{"& > :not(:last-child)":{"margin-right":"var(--sl-spacing-x-small)"}},BoldText:{"font-weight":"var(--sl-font-weight-semibold)"},StatusBadge:{paddingLeft:"var(--sl-spacing-xxx-small)","&::part(base)":{textAlign:"center",maxWidth:"170px",whiteSpace:"pre-line"}},Fueltank:{"& .code":{display:"flex",cursor:"pointer",userSelect:"none",color:"var(--sl-color-neutral-500)","&:hover":{color:"var(--sl-color-sky-500)"}},"& .text":{maxWidth:"90%",overflow:"hidden",textOverflow:"ellipsis",color:"inherit",fontSize:"var(--sl-font-size-small)",fontWeight:"var(--sl-font-weight-bold)"},"& .icon":{position:"relative",top:"1px",marginLeft:"var(--sl-spacing-x-small)",color:"inherit"}}}),q=O.toString(),F=class{constructor(e){t(this,e)}render(){return o.locale=this.locale,e("div",{style:{display:"contents"}},e("style",{type:"text/css"},q),e((({reward:t})=>{var a;const s="CENTS"===t.unit?t.prettyValue.replace(/USD/gi,"$"):null!==(a=t.prettyValue)&&void 0!==a?a:"-",r="1"===t.prettyValueNumber||t.dateRedeemed&&"0"===t.prettyAvailableNumber;if("FUELTANK"===t.type)return e("div",{class:O.classes.Fueltank},t.prettyValue,t.fuelTankCode&&e("div",{class:"code",onClick:()=>navigator.clipboard.writeText(t.fuelTankCode)},e("sl-tooltip",{trigger:"click",placement:"top",distance:5,skidding:11,content:this.copyText,"onSl-show":e=>setTimeout((()=>e.path[0].hide()),1e3)},e("span",{class:"text"},t.fuelTankCode),e("span",{class:"icon"},e("sl-icon",{name:"files"})))));if("CREDIT"===t.type&&!r){const a=parseFloat(t.prettyValueNumber)-parseFloat(t.prettyRedeemedNumber),r=Math.round(a/parseFloat(t.prettyValueNumber)*100),l=t.statuses.includes("EXPIRED")||t.statuses.includes("CANCELLED")?e("div",null,o.formatMessage({id:"redeemedText",defaultMessage:this.redeemedText},{redeemedAmount:t.prettyRedeemedCredit})):e("div",null,o.formatMessage({id:"availableText",defaultMessage:this.availableText},{availableAmount:t.statuses.includes("PENDING")?t.prettyAssignedCredit:t.prettyAvailableValue})),i=f({Progress:{height:"3px",width:"100%",margin:"var(--sl-spacing-xx-small) 0",background:"var(--sl-color-neutral-200)","&:after":{content:'""',display:"block",background:"var(--sl-color-primary-300)",borderRadius:"100px",width:`${r}%`,height:"100%"}},Container:{display:"inline-block",verticalAlign:"top",width:"150px",whiteSpace:"break",overflow:"hidden",textOverflow:"ellipsis"},Text:{fontSize:"var(--sl-font-size-medium)",color:"var(--sl-color-gray-800)"},Subtext:{fontSize:"var(--sl-font-size-small)",color:"var(--sl-color-neutral-500)"}}),n=i.toString();return e("div",null,e("style",{type:"text/css"},n),e("div",{class:i.classes.Container},e("span",{part:"sqm-reward-cell-value"},s+" "),e("br",null)," ",e("div",{part:"sqm-reward-cell-progress",class:i.classes.Progress}),e("span",{part:"sqm-reward-cell-subtext",class:i.classes.Subtext},l)))}return e("div",null,s)}),{reward:this.reward}))}},M=class{constructor(e){t(this,e),this.columnTitle="Reward",this.redeemedText="{redeemedAmount} redeemed",this.availableText="{availableAmount} remaining",this.copyText="Copied!",i(this)}disconnectedCallback(){}async renderCell(t,a){return e("sqm-rewards-table-reward-cell",{reward:t,redeemedText:this.redeemedText,availableText:this.availableText,copyText:this.copyText,locale:null==a?void 0:a.locale,exportparts:"sqm-rewards-cell-value, sqm-rewards-cell-progress-bar, sqm-rewards-cell-subtext"})}async renderLabel(){return this.columnTitle}render(){return w([this.columnTitle,this.redeemedText,this.availableText,this.copyText]),e(a,{style:{display:"none"}})}},V=class{constructor(e){t(this,e),this.locale="en"}render(){o.locale=this.locale;const t=({reward:t})=>{var a;return e("span",null,o.formatMessage({id:"rewardSourceText",defaultMessage:this.rewardSourceText},{rewardSource:t.rewardSource,programName:null===(a=null==t?void 0:t.program)||void 0===a?void 0:a.name}))},a=({reward:t})=>{var a;const s=e("div",null,e("span",{style:{fontSize:"var(--sl-font-size-small)",color:"var(--sl-color-neutral-500)"}},this.rewardExchangeText),e("br",null),null===(a=t.exchangedRewardRedemptionTransaction)||void 0===a?void 0:a.prettyRedeemedCredit," → ",t.prettyValue);return t.exchangedRewardRedemptionTransaction.prettyRedeemedCredit.length+t.prettyValue.length<21?s:e("div",{style:{display:"inline-block",verticalAlign:"top"}},s)},s=e=>e?e.firstName||e.lastName?e.firstName?e.lastName?`${e.firstName} ${e.lastName}`:`${e.firstName}`:`${e.lastName}`:this.anonymousUserText:this.deletedUserText;return e((()=>"FRIEND_SIGNUP"===this.reward.rewardSource||"REFERRED"===this.reward.rewardSource?e("div",null,e("div",{style:{fontSize:"var(--sl-font-size-small)",color:"var(--sl-color-neutral-500)"}},o.formatMessage({id:"referralText",defaultMessage:this.referralText},{rewardSource:this.reward.rewardSource})),e("div",null,s("FRIEND_SIGNUP"==this.reward.rewardSource?this.reward.referral.referredUser:this.reward.referral.referrerUser))):e(this.reward.exchangedRewardRedemptionTransaction?a:t,{reward:this.reward})),null)}},G=class{constructor(e){t(this,e),this.columnTitle="Source",this.anonymousUser="Anonymous User",this.deletedUser="Deleted User",this.rewardExchangeText="Reward Exchange",this.referralText="{rewardSource, select, FRIEND_SIGNUP {Referral to} REFERRED {Referred by} other {}}",this.rewardSourceText="{rewardSource, select, MANUAL {Manual} AUTOMATED {{programName}} other {}}",i(this)}disconnectedCallback(){}async renderCell(t,a){return e("sqm-rewards-table-source-cell",{reward:t,anonymousUserText:this.anonymousUser,deletedUserText:this.deletedUser,rewardExchangeText:this.rewardExchangeText,referralText:this.referralText,rewardSourceText:this.rewardSourceText,locale:null==a?void 0:a.locale})}async renderLabel(){return this.columnTitle}render(){return w([this.deletedUser,this.anonymousUser,this.columnTitle,this.rewardExchangeText,this.referralText,this.rewardSourceText]),e(a,{style:{display:"none"}})}},$=f({Badge:{"&::part(base)":{fontSize:"var(--sl-font-size-small)",padding:"4px 8px",paddingLeft:"10px",whiteSpace:"pre-line"}},RedeemBadge:{"&::part(base)":{fontSize:"var(--sl-font-size-small)",padding:"4px 8px",background:"var(--sl-color-blue-600)"}},Date:{fontSize:"var(--sl-font-size-small)",color:"var(--sl-color-neutral-500)",margin:"0"}}),B=$.toString(),j=class{constructor(e){t(this,e),this.expiryText="Expires",this.locale="en",this.pendingUsTax="W-9 required",this.pendingTaxReview="Awaiting tax form review.",this.pendingNewTaxForm="Invalid tax form. Submit a new form to receive your rewards.",this.pendingTaxSubmission="Submit your tax documents to receive your rewards.",this.pendingPartnerCreation="Complete your tax and cash payout setup to receive your rewards.",this.pendingScheduled="Until",this.pendingUnhandled="Fulfillment error",this.pendingReviewText="Awaiting review",this.deniedText="Detected self-referral",this.payoutFailed="Payout failed due to a fulfillment issue and is current being retried.",this.payoutApproved="Reward approved for payout and was scheduled for payment based on your settings.",this.payoutCancelled="If you think this is a mistake, contact our Support team."}rewardStatus(e){var t,a,s,r,l,i,n,o,d;const c=null===(t=e.statuses)||void 0===t?void 0:t.includes("EXPIRED"),u=null===(a=e.statuses)||void 0===a?void 0:a.includes("PENDING"),h="INTEGRATION"===e.type||"FUELTANK"===e.type,m=null===(r=null===(s=e.referral)||void 0===s?void 0:s.fraudData)||void 0===r?void 0:r.moderationStatus;if("DENIED"===m)return"DENIED";if("PENDING"===m)return"PENDING_REVIEW";const p=null===(l=e.partnerFundsTransfer)||void 0===l?void 0:l.status;return"TRANSFERRED"===p||"NOT_YET_DUE"===p?"PAYOUT_APPROVED":"OVERDUE"===p?"PAYOUT_FAILED":"REVERSED"===p?"PAYOUT_CANCELLED":e.dateCancelled?"CANCELLED":c?"EXPIRED":u?"PENDING":"CREDIT"===e.type?(null===(i=e.statuses)||void 0===i?void 0:i.includes("REDEEMED"))?"REDEEMED":"AVAILABLE":"PCT_DISCOUNT"===e.type&&(null===(n=e.statuses)||void 0===n?void 0:n.includes("AVAILABLE"))?"AVAILABLE":h&&u?"PENDING":h&&(null===(o=e.statuses)||void 0===o?void 0:o.includes("CANCELLED"))?"CANCELLED":h&&(null===(d=e.statuses)||void 0===d?void 0:d.includes("AVAILABLE"))?"AVAILABLE":""}getTaxPendingReasons(e,t){var a,s,r,l,i;if(null===(a=null==e?void 0:e.pendingReasons)||void 0===a?void 0:a.includes("US_TAX")){if(!(null==t?void 0:t.taxHandlingEnabled))return this.pendingUsTax;if(!(null==t?void 0:t.connected))return this.pendingPartnerCreation;if(null===(s=null==t?void 0:t.publisher)||void 0===s?void 0:s.requiredTaxDocumentType){if(!(null===(r=null==t?void 0:t.publisher)||void 0===r?void 0:r.currentTaxDocument))return this.pendingTaxSubmission;const e=t.publisher.currentTaxDocument.status;if("INACTIVE"===e)return this.pendingNewTaxForm;if("NOT_VERIFIED"===e)return this.pendingTaxReview}if(!(null===(l=null==t?void 0:t.publisher)||void 0===l?void 0:l.withdrawalSettings))return this.pendingPartnerCreation}return(null===(i=null==e?void 0:e.pendingReasons)||void 0===i?void 0:i.includes("PAYOUT_CONFIGURATION_MISSING"))?this.pendingPartnerCreation:""}getBadgeType(e){switch(e){case"AVAILABLE":return"success";case"REDEEMED":case"PAYOUT_APPROVED":return"primary";case"PENDING":case"PENDING_REVIEW":return"warning";default:return"danger"}}getPayoutStatusText(e){switch(e){case"US_TAX":return this.pendingUsTax;case"PAYOUT_APPROVED":return this.payoutApproved;case"PAYOUT_FAILED":return this.payoutFailed;case"PAYOUT_CANCELLED":return this.payoutCancelled;case"PENDING_TAX_REVIEW":return this.pendingTaxReview;case"PENDING_NEW_TAX_FORM":return this.pendingNewTaxForm;case"PENDING_TAX_SUBMISSION":return this.pendingTaxSubmission;case"PENDING_PARTNER_CREATION":return this.pendingPartnerCreation}}render(){var t;o.locale=this.locale;const a=this.rewardStatus(this.reward),s=o.formatMessage({id:"statusMessage",defaultMessage:this.statusText},{status:a}),r=this.getBadgeType(a),l=this.reward.dateCancelled||this.reward.dateExpires||this.reward.dateRedeemed||"",i=l&&`${"AVAILABLE"===a&&this.reward.dateExpires?this.expiryText+" ":""}${null===(t=x.DateTime.fromMillis(l))||void 0===t?void 0:t.setLocale(N(N(this.locale))).toLocaleString(x.DateTime.DATE_MED)}`,n="PENDING"===a?this.getTaxPendingReasons(this.reward,this.taxConnection)||function(e){var t;const a={SCHEDULED:e.reward.dateScheduledFor&&e.pendingScheduled+" "+(null===(t=x.DateTime.fromMillis(e.reward.dateScheduledFor))||void 0===t?void 0:t.setLocale(N(N(e.locale||"en"))).toLocaleString(x.DateTime.DATE_MED)),UNHANDLED_ERROR:e.pendingUnhandled,SUSPECTED_FRAUD:e.pendingReview},s=e.getTaxPendingReasons(e.reward,e.taxConnection);return[...s?[s]:[],...e.reward.pendingReasons.map((e=>{var t;return null!==(t=a[e])&&void 0!==t?t:e}))].join(", ")}(this):null,d="PENDING_REVIEW"===a?this.pendingReviewText:"DENIED"===a?this.deniedText:null;return e("div",{style:{display:"contents"}},e("style",{type:"text/css"},B),e("sl-badge",{type:r,pill:!0,class:"REDEEMED"===a||"PAYOUT_APPROVED"===a?$.classes.RedeemBadge:$.classes.Badge},s),e("p",{class:$.classes.Date},d||n||this.getPayoutStatusText(a)||i))}},z=class{constructor(e){t(this,e),this.columnTitle="Status",this.statusText="{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} PENDING_REVIEW {Pending} PAYOUT_APPROVED {Payout Approved} PAYOUT_CANCELLED {Payout Cancelled} PAYOUT_FAILED {Payout Failed} EXPIRED {Expired} REDEEMED {Redeemed} DENIED {Denied} other {Not available} }",this.expiryText="Expires on ",this.pendingUsTax="W-9 required",this.pendingScheduled="Until",this.pendingUnhandled="Fulfillment error",this.pendingReviewText="Awaiting review",this.deniedText="Detected self-referral",this.pendingTaxReview="Awaiting tax form review.",this.pendingNewTaxForm="Invalid tax form. Submit a new form to receive your rewards.",this.pendingTaxSubmission="Submit your tax documents to receive your rewards.",this.pendingPartnerCreation="Complete your tax and cash payout setup to receive your rewards.",this.payoutFailed="Payout failed due to a fulfillment issue and is current being retried.",this.payoutCancelled="If you think this is a mistake, contact our Support team.",this.payoutApproved="Reward approved for payout and was scheduled for payment based on your settings.",i(this)}disconnectedCallback(){}async renderCell(t,a){return e("sqm-rewards-table-status-cell",{statusText:this.statusText,reward:t,taxConnection:null==a?void 0:a.taxConnection,expiryText:this.expiryText,pendingScheduled:this.pendingScheduled,pendingUsTax:this.pendingUsTax,pendingUnhandled:this.pendingUnhandled,pendingReviewText:this.pendingReviewText,payoutFailed:this.payoutFailed,payoutApproved:this.payoutApproved,payoutCancelled:this.payoutCancelled,deniedText:this.deniedText,locale:null==a?void 0:a.locale})}async renderLabel(){return this.columnTitle}render(){return w([this.columnTitle,this.statusText,this.expiryText,this.pendingReviewText,this.pendingScheduled,this.pendingUsTax,this.pendingUnhandled]),e(a,{style:{display:"none"}})}};export{P as sqm_rewards_table,U as sqm_rewards_table_date_cell,k as sqm_rewards_table_date_column,F as sqm_rewards_table_reward_cell,M as sqm_rewards_table_reward_column,V as sqm_rewards_table_source_cell,G as sqm_rewards_table_source_column,j as sqm_rewards_table_status_cell,z as sqm_rewards_table_status_column}
144
+ `;async function I(t,a){const s=t.tagName.toLowerCase();let r;await customElements.whenDefined(s);try{r=a()}catch(t){return R("label promise failed",t),e("span",null)}try{return await r}catch(t){R("Error rendering label",t);const a=D(t);return e("details",null,e("summary",null,"Error"),a)}}const P=class{constructor(e){t(this,e),this.perPage=4,this.hideLabels=!1,this.prevLabel="Prev",this.moreLabel="Next",this.hiddenColumns="0",this.smBreakpoint=599,this.mdBreakpoint=799,i(this)}disconnectedCallback(){}render(){const t=e(C,null),a=e(S,null),{states:s,data:i,callbacks:o,elements:d}=v()?function(e,t,a){const[s,i]=r(((e,t)=>({...e,...t})),{columns:[],rows:[],loading:!1,page:0}),o=g(),{data:d}=n((()=>{var t;return(null===(t=e.demoData)||void 0===t?void 0:t.mockData)||A(e.perPage)}),[e.perPage]),c=b();return l((()=>{i({loading:!0}),d&&async function(t){let a=d;a=d.slice(0,e.perPage);const s=t.filter((e=>{var t,a;return"loading"!==e.slot&&"empty"!==e.slot&&"loading"!==(null===(t=null==e?void 0:e.firstElementChild)||void 0===t?void 0:t.getAttribute("slot"))&&"empty"!==(null===(a=null==e?void 0:e.firstElementChild)||void 0===a?void 0:a.getAttribute("slot"))})),r=null==s?void 0:s.map((async(e,t)=>{var a;const s=null===(a=null==e?void 0:e.firstElementChild)||void 0===a?void 0:a.getAttribute("slot");if("RAISINS-PLOP-TARGET"===e.tagName&&"loading"!==s&&"empty"!==s){e.style.position="absolute",e.setAttribute("slot","column-"+t);const a=e.firstElementChild.childNodes[1];return a.innerHTML="+",a.style.lineHeight="20px",I(e,(()=>e.renderLabel(t)))}return I(e,(()=>e.renderLabel()))})),l=null==a?void 0:a.map((async e=>{const t=null==s?void 0:s.map((async t=>I(t,(()=>t.renderCell(e,void 0,{})))));return await Promise.all(t)})),n=l&&(await Promise.all(l)).filter((e=>e));i({rows:n});const o=r&&await Promise.all(r);i({columns:o,loading:!1,page:0})}(c)}),[d,c,o]),E({states:{hasPrev:!1,hasNext:!1,loading:!1,show:"rows"},callbacks:{prevPage:()=>console.log("Prev"),nextPage:()=>console.log("Next")},data:{textOverrides:{showLabels:!e.hideLabels,prevLabel:e.prevLabel,moreLabel:e.moreLabel},referralData:[],mdBreakpoint:799,smBreakpoint:599},elements:{columns:s.columns,rows:s.rows,emptyElement:t,loadingElement:a}},e.demoData||{},{arrayMerge:(e,t)=>t})}(this,t,a):function(t,a,s){var i,n,o;const d=c(),v=u(),E=h(),f=null!==(i=t.programId)&&void 0!==i?i:v,y={userId_eq:null==d?void 0:d.id,accountId_eq:null==d?void 0:d.accountId,...f?"classic"===f?{programId_exists:!1}:{programId_eq:f}:{}},[w,x]=r(((e,t)=>({...e,...t})),{columns:[],rows:[],loading:!1,page:0}),{data:A,loading:D}=p(_,{},!(null==d?void 0:d.jwt)),{envelope:N,states:R,callbacks:P}=m(T,(e=>{var t;return null===(t=null==e?void 0:e.viewer)||void 0===t?void 0:t.rewards}),{limit:t.perPage,offset:0},{rewardFilter:y,locale:E},!(null==d?void 0:d.jwt)),C=g(),S=b(),L=null==N?void 0:N.data,U=null===(n=null==A?void 0:A.viewer)||void 0===n?void 0:n.impactConnection;l((()=>{x({loading:!0}),N&&async function(t){const a=t.filter((e=>"loading"!==e.slot&&"empty"!==e.slot)),s=null==a?void 0:a.map((async e=>I(e,(()=>e.renderLabel())))),r=null==L?void 0:L.map((async t=>{const s=null==a?void 0:a.map((async a=>I(a,(()=>a.renderCell(t,{locale:E,taxConnection:U},e)))));return await Promise.all(s)})),l=r&&(await Promise.all(r)).filter((e=>e));x({rows:l});const i=s&&await Promise.all(s);x({columns:i,loading:!1,page:R.currentPage})}(S)}),[N,S,C]);const k=!(null===(o=null==w?void 0:w.rows)||void 0===o?void 0:o.length)&&!(null==L?void 0:L.length);return{states:{hasNext:R.currentPage<R.pageCount-1,hasPrev:R.currentPage>0,show:R.loading||w.loading||D?"loading":k?"empty":"rows",namespace:"sqm-rewards-table"},data:{textOverrides:{showLabels:!t.hideLabels,prevLabel:t.prevLabel,moreLabel:t.moreLabel},hiddenColumns:t.hiddenColumns,smBreakpoint:t.smBreakpoint,mdBreakpoint:t.mdBreakpoint},elements:{columns:w.columns,rows:w.rows,emptyElement:a,loadingElement:s},callbacks:{nextPage:()=>{P.setCurrentPage(R.currentPage+1)},prevPage:()=>{P.setCurrentPage(R.currentPage-1)}}}}(this,t,a);return w([this.perPage]),e(y,{states:s,data:i,callbacks:o,elements:d})}};function C(){return e("slot",{name:"empty"},e("sqm-empty",{"empty-state-image":"https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_reward2.png","empty-state-header":"View your rewards","empty-state-text":"Refer friends and complete tasks to view the details of your rewards"}))}function S(){return e("slot",{name:"loading"},e(L,null),e(L,null),e(L,null),e(L,null))}function L(){return e("sqm-table-row",null,e("sqm-table-cell",{colspan:5},e("sl-skeleton",null)))}const U=class{constructor(e){t(this,e),this.ignored=!0,this.locale="en",i(this)}disconnectedCallback(){}render(){var e,t;return this.date?null===(t=null===(e=x.DateTime.fromMillis(this.date))||void 0===e?void 0:e.setLocale(N(this.locale)))||void 0===t?void 0:t.toLocaleString(x.DateTime.DATE_MED):"-"}},k=class{constructor(e){t(this,e),this.columnTitle="Date received",this.dateShown="dateGiven",i(this)}disconnectedCallback(){}async renderCell(t,a){return e("sqm-rewards-table-date-cell",{date:t[this.dateShown],locale:null==a?void 0:a.locale})}async renderLabel(){return this.columnTitle}render(){return w([this.dateShown,this.columnTitle]),e(a,{style:{display:"none"}})}},O=f({DetailsContainer:{width:"100%",display:"flex","align-items":"center","justify-content":"space-between","margin-right":"var(--sl-spacing-small)","flex-wrap":"wrap"},Details:{"padding-bottom":"var(--sl-spacing-small)","max-width":"500px","padding-right":"var(--sl-spacing-x-small)","&::part(header)":{padding:"var(--sl-spacing-x-small)",cursor:"default"},"&::part(content)":{padding:"var(--sl-spacing-x-small) var(--sl-spacing-medium)"},"&::part(base)":{opacity:"1"},"&::part(summary-icon)":{display:"flex"}},BadgeContainer:{"& > :not(:last-child)":{"margin-right":"var(--sl-spacing-x-small)"}},BoldText:{"font-weight":"var(--sl-font-weight-semibold)"},StatusBadge:{paddingLeft:"var(--sl-spacing-xxx-small)","&::part(base)":{textAlign:"center",maxWidth:"170px",whiteSpace:"pre-line"}},Fueltank:{"& .code":{display:"flex",cursor:"pointer",userSelect:"none",color:"var(--sl-color-neutral-500)","&:hover":{color:"var(--sl-color-sky-500)"}},"& .text":{maxWidth:"90%",overflow:"hidden",textOverflow:"ellipsis",color:"inherit",fontSize:"var(--sl-font-size-small)",fontWeight:"var(--sl-font-weight-bold)"},"& .icon":{position:"relative",top:"1px",marginLeft:"var(--sl-spacing-x-small)",color:"inherit"}}}),q=O.toString(),F=class{constructor(e){t(this,e)}render(){return o.locale=this.locale,e("div",{style:{display:"contents"}},e("style",{type:"text/css"},q),e((({reward:t})=>{var a;const s="CENTS"===t.unit?t.prettyValue.replace(/USD/gi,"$"):null!==(a=t.prettyValue)&&void 0!==a?a:"-",r="1"===t.prettyValueNumber||t.dateRedeemed&&"0"===t.prettyAvailableNumber;if("FUELTANK"===t.type)return e("div",{class:O.classes.Fueltank},t.prettyValue,t.fuelTankCode&&e("div",{class:"code",onClick:()=>navigator.clipboard.writeText(t.fuelTankCode)},e("sl-tooltip",{trigger:"click",placement:"top",distance:5,skidding:11,content:this.copyText,"onSl-show":e=>setTimeout((()=>e.path[0].hide()),1e3)},e("span",{class:"text"},t.fuelTankCode),e("span",{class:"icon"},e("sl-icon",{name:"files"})))));if("CREDIT"===t.type&&!r){const a=parseFloat(t.prettyValueNumber)-parseFloat(t.prettyRedeemedNumber),r=Math.round(a/parseFloat(t.prettyValueNumber)*100),l=t.statuses.includes("EXPIRED")||t.statuses.includes("CANCELLED")?e("div",null,o.formatMessage({id:"redeemedText",defaultMessage:this.redeemedText},{redeemedAmount:t.prettyRedeemedCredit})):e("div",null,o.formatMessage({id:"availableText",defaultMessage:this.availableText},{availableAmount:t.statuses.includes("PENDING")?t.prettyAssignedCredit:t.prettyAvailableValue})),i=f({Progress:{height:"3px",width:"100%",margin:"var(--sl-spacing-xx-small) 0",background:"var(--sl-color-neutral-200)","&:after":{content:'""',display:"block",background:"var(--sl-color-primary-300)",borderRadius:"100px",width:`${r}%`,height:"100%"}},Container:{display:"inline-block",verticalAlign:"top",width:"150px",whiteSpace:"break",overflow:"hidden",textOverflow:"ellipsis"},Text:{fontSize:"var(--sl-font-size-medium)",color:"var(--sl-color-gray-800)"},Subtext:{fontSize:"var(--sl-font-size-small)",color:"var(--sl-color-neutral-500)"}}),n=i.toString();return e("div",null,e("style",{type:"text/css"},n),e("div",{class:i.classes.Container},e("span",{part:"sqm-reward-cell-value"},s+" "),e("br",null)," ",e("div",{part:"sqm-reward-cell-progress",class:i.classes.Progress}),e("span",{part:"sqm-reward-cell-subtext",class:i.classes.Subtext},l)))}return e("div",null,s)}),{reward:this.reward}))}},M=class{constructor(e){t(this,e),this.columnTitle="Reward",this.redeemedText="{redeemedAmount} redeemed",this.availableText="{availableAmount} remaining",this.copyText="Copied!",i(this)}disconnectedCallback(){}async renderCell(t,a){return e("sqm-rewards-table-reward-cell",{reward:t,redeemedText:this.redeemedText,availableText:this.availableText,copyText:this.copyText,locale:null==a?void 0:a.locale,exportparts:"sqm-rewards-cell-value, sqm-rewards-cell-progress-bar, sqm-rewards-cell-subtext"})}async renderLabel(){return this.columnTitle}render(){return w([this.columnTitle,this.redeemedText,this.availableText,this.copyText]),e(a,{style:{display:"none"}})}},V=class{constructor(e){t(this,e),this.locale="en"}render(){o.locale=this.locale;const t=({reward:t})=>{var a;return e("span",null,o.formatMessage({id:"rewardSourceText",defaultMessage:this.rewardSourceText},{rewardSource:t.rewardSource,programName:null===(a=null==t?void 0:t.program)||void 0===a?void 0:a.name}))},a=({reward:t})=>{var a;const s=e("div",null,e("span",{style:{fontSize:"var(--sl-font-size-small)",color:"var(--sl-color-neutral-500)"}},this.rewardExchangeText),e("br",null),null===(a=t.exchangedRewardRedemptionTransaction)||void 0===a?void 0:a.prettyRedeemedCredit," → ",t.prettyValue);return t.exchangedRewardRedemptionTransaction.prettyRedeemedCredit.length+t.prettyValue.length<21?s:e("div",{style:{display:"inline-block",verticalAlign:"top"}},s)},s=e=>e?e.firstName||e.lastName?e.firstName?e.lastName?`${e.firstName} ${e.lastName}`:`${e.firstName}`:`${e.lastName}`:this.anonymousUserText:this.deletedUserText;return e((()=>"FRIEND_SIGNUP"===this.reward.rewardSource||"REFERRED"===this.reward.rewardSource?null===this.reward.referral?e("p",{style:{color:"var(--sl-color-gray-400)"}},this.deletedReferralText):e("div",null,e("div",{style:{fontSize:"var(--sl-font-size-small)",color:"var(--sl-color-neutral-500)"}},o.formatMessage({id:"referralText",defaultMessage:this.referralText},{rewardSource:this.reward.rewardSource})),e("div",null,s("FRIEND_SIGNUP"==this.reward.rewardSource?this.reward.referral.referredUser:this.reward.referral.referrerUser))):e(this.reward.exchangedRewardRedemptionTransaction?a:t,{reward:this.reward})),null)}},G=class{constructor(e){t(this,e),this.columnTitle="Source",this.anonymousUser="Anonymous User",this.deletedUser="Deleted User",this.rewardExchangeText="Reward Exchange",this.referralText="{rewardSource, select, FRIEND_SIGNUP {Referral to} REFERRED {Referred by} other {}}",this.rewardSourceText="{rewardSource, select, MANUAL {Manual} AUTOMATED {{programName}} other {}}",i(this)}disconnectedCallback(){}async renderCell(t,a){return e("sqm-rewards-table-source-cell",{reward:t,anonymousUserText:this.anonymousUser,deletedUserText:this.deletedUser,rewardExchangeText:this.rewardExchangeText,referralText:this.referralText,rewardSourceText:this.rewardSourceText,locale:null==a?void 0:a.locale})}async renderLabel(){return this.columnTitle}render(){return w([this.deletedUser,this.anonymousUser,this.columnTitle,this.rewardExchangeText,this.referralText,this.rewardSourceText]),e(a,{style:{display:"none"}})}},$=f({Badge:{"&::part(base)":{fontSize:"var(--sl-font-size-small)",padding:"4px 8px",paddingLeft:"10px",whiteSpace:"pre-line"}},RedeemBadge:{"&::part(base)":{fontSize:"var(--sl-font-size-small)",padding:"4px 8px",background:"var(--sl-color-blue-600)"}},Date:{fontSize:"var(--sl-font-size-small)",color:"var(--sl-color-neutral-500)",margin:"0"}}),B=$.toString(),j=class{constructor(e){t(this,e),this.expiryText="Expires",this.locale="en",this.pendingUsTax="W-9 required",this.pendingTaxReview="Awaiting tax form review.",this.pendingNewTaxForm="Invalid tax form. Submit a new form to receive your rewards.",this.pendingTaxSubmission="Submit your tax documents to receive your rewards.",this.pendingPartnerCreation="Complete your tax and cash payout setup to receive your rewards.",this.pendingScheduled="Until",this.pendingUnhandled="Fulfillment error",this.pendingReviewText="Awaiting review",this.deniedText="Detected self-referral",this.payoutFailed="Payout failed due to a fulfillment issue and is current being retried.",this.payoutApproved="Reward approved for payout and was scheduled for payment based on your settings.",this.payoutCancelled="If you think this is a mistake, contact our Support team."}rewardStatus(e){var t,a,s,r,l,i,n,o,d;const c=null===(t=e.statuses)||void 0===t?void 0:t.includes("EXPIRED"),u=null===(a=e.statuses)||void 0===a?void 0:a.includes("PENDING"),h="INTEGRATION"===e.type||"FUELTANK"===e.type,p=null===(r=null===(s=e.referral)||void 0===s?void 0:s.fraudData)||void 0===r?void 0:r.moderationStatus;if("DENIED"===p)return"DENIED";if("PENDING"===p)return"PENDING_REVIEW";const m=null===(l=e.partnerFundsTransfer)||void 0===l?void 0:l.status;return"TRANSFERRED"===m||"NOT_YET_DUE"===m?"PAYOUT_APPROVED":"OVERDUE"===m?"PAYOUT_FAILED":"REVERSED"===m?"PAYOUT_CANCELLED":e.dateCancelled?"CANCELLED":c?"EXPIRED":u?"PENDING":"CREDIT"===e.type?(null===(i=e.statuses)||void 0===i?void 0:i.includes("REDEEMED"))?"REDEEMED":"AVAILABLE":"PCT_DISCOUNT"===e.type&&(null===(n=e.statuses)||void 0===n?void 0:n.includes("AVAILABLE"))?"AVAILABLE":h&&u?"PENDING":h&&(null===(o=e.statuses)||void 0===o?void 0:o.includes("CANCELLED"))?"CANCELLED":h&&(null===(d=e.statuses)||void 0===d?void 0:d.includes("AVAILABLE"))?"AVAILABLE":""}getTaxPendingReasons(e,t){var a,s,r,l,i;if(null===(a=null==e?void 0:e.pendingReasons)||void 0===a?void 0:a.includes("US_TAX")){if(!(null==t?void 0:t.taxHandlingEnabled))return this.pendingUsTax;if(!(null==t?void 0:t.connected))return this.pendingPartnerCreation;if(null===(s=null==t?void 0:t.publisher)||void 0===s?void 0:s.requiredTaxDocumentType){if(!(null===(r=null==t?void 0:t.publisher)||void 0===r?void 0:r.currentTaxDocument))return this.pendingTaxSubmission;const e=t.publisher.currentTaxDocument.status;if("INACTIVE"===e)return this.pendingNewTaxForm;if("NOT_VERIFIED"===e)return this.pendingTaxReview}if(!(null===(l=null==t?void 0:t.publisher)||void 0===l?void 0:l.withdrawalSettings))return this.pendingPartnerCreation}return(null===(i=null==e?void 0:e.pendingReasons)||void 0===i?void 0:i.includes("PAYOUT_CONFIGURATION_MISSING"))?this.pendingPartnerCreation:""}getBadgeType(e){switch(e){case"AVAILABLE":return"success";case"REDEEMED":case"PAYOUT_APPROVED":return"primary";case"PENDING":case"PENDING_REVIEW":return"warning";default:return"danger"}}getPayoutStatusText(e){switch(e){case"US_TAX":return this.pendingUsTax;case"PAYOUT_APPROVED":return this.payoutApproved;case"PAYOUT_FAILED":return this.payoutFailed;case"PAYOUT_CANCELLED":return this.payoutCancelled;case"PENDING_TAX_REVIEW":return this.pendingTaxReview;case"PENDING_NEW_TAX_FORM":return this.pendingNewTaxForm;case"PENDING_TAX_SUBMISSION":return this.pendingTaxSubmission;case"PENDING_PARTNER_CREATION":return this.pendingPartnerCreation}}render(){var t;o.locale=this.locale;const a=this.rewardStatus(this.reward),s=o.formatMessage({id:"statusMessage",defaultMessage:this.statusText},{status:a}),r=this.getBadgeType(a),l=this.reward.dateCancelled||this.reward.dateExpires||this.reward.dateRedeemed||"",i=l&&`${"AVAILABLE"===a&&this.reward.dateExpires?this.expiryText+" ":""}${null===(t=x.DateTime.fromMillis(l))||void 0===t?void 0:t.setLocale(N(N(this.locale))).toLocaleString(x.DateTime.DATE_MED)}`,n="PENDING"===a?this.getTaxPendingReasons(this.reward,this.taxConnection)||function(e){var t;const a={SCHEDULED:e.reward.dateScheduledFor&&e.pendingScheduled+" "+(null===(t=x.DateTime.fromMillis(e.reward.dateScheduledFor))||void 0===t?void 0:t.setLocale(N(N(e.locale||"en"))).toLocaleString(x.DateTime.DATE_MED)),UNHANDLED_ERROR:e.pendingUnhandled,SUSPECTED_FRAUD:e.pendingReview},s=e.getTaxPendingReasons(e.reward,e.taxConnection);return[...s?[s]:[],...e.reward.pendingReasons.map((e=>{var t;return null!==(t=a[e])&&void 0!==t?t:e}))].join(", ")}(this):null,d="PENDING_REVIEW"===a?this.pendingReviewText:"DENIED"===a?this.deniedText:null;return e("div",{style:{display:"contents"}},e("style",{type:"text/css"},B),e("sl-badge",{type:r,pill:!0,class:"REDEEMED"===a||"PAYOUT_APPROVED"===a?$.classes.RedeemBadge:$.classes.Badge},s),e("p",{class:$.classes.Date},d||n||this.getPayoutStatusText(a)||i))}},z=class{constructor(e){t(this,e),this.columnTitle="Status",this.statusText="{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} PENDING_REVIEW {Pending} PAYOUT_APPROVED {Payout Approved} PAYOUT_CANCELLED {Payout Cancelled} PAYOUT_FAILED {Payout Failed} EXPIRED {Expired} REDEEMED {Redeemed} DENIED {Denied} other {Not available} }",this.expiryText="Expires on ",this.pendingUsTax="W-9 required",this.pendingScheduled="Until",this.pendingUnhandled="Fulfillment error",this.pendingReviewText="Awaiting review",this.deniedText="Detected self-referral",this.pendingTaxReview="Awaiting tax form review.",this.pendingNewTaxForm="Invalid tax form. Submit a new form to receive your rewards.",this.pendingTaxSubmission="Submit your tax documents to receive your rewards.",this.pendingPartnerCreation="Complete your tax and cash payout setup to receive your rewards.",this.payoutFailed="Payout failed due to a fulfillment issue and is current being retried.",this.payoutCancelled="If you think this is a mistake, contact our Support team.",this.payoutApproved="Reward approved for payout and was scheduled for payment based on your settings.",i(this)}disconnectedCallback(){}async renderCell(t,a){return e("sqm-rewards-table-status-cell",{statusText:this.statusText,reward:t,taxConnection:null==a?void 0:a.taxConnection,expiryText:this.expiryText,pendingScheduled:this.pendingScheduled,pendingUsTax:this.pendingUsTax,pendingUnhandled:this.pendingUnhandled,pendingReviewText:this.pendingReviewText,payoutFailed:this.payoutFailed,payoutApproved:this.payoutApproved,payoutCancelled:this.payoutCancelled,deniedText:this.deniedText,locale:null==a?void 0:a.locale})}async renderLabel(){return this.columnTitle}render(){return w([this.columnTitle,this.statusText,this.expiryText,this.pendingReviewText,this.pendingScheduled,this.pendingUsTax,this.pendingUnhandled]),e(a,{style:{display:"none"}})}};export{P as sqm_rewards_table,U as sqm_rewards_table_date_cell,k as sqm_rewards_table_date_column,F as sqm_rewards_table_reward_cell,M as sqm_rewards_table_reward_column,V as sqm_rewards_table_source_cell,G as sqm_rewards_table_source_column,j as sqm_rewards_table_status_cell,z as sqm_rewards_table_status_column}
@@ -1,4 +1,4 @@
1
- import{h as e,c as a,d as l,g as t}from"./p-64c3217a.js";import{k as r,b as i,u as o}from"./p-fd2c5407.js";import{i as s}from"./p-9bc18724.js";import{d as n,H as d,Q as c,y as u,f as p,B as v,a as m,L as g}from"./p-ad4bf4fa.js";import{c as f}from"./p-c1086930.js";import{H as h,A as b,a as x,b as C,E as y}from"./p-02be1a88.js";import{c as w,j as q,a as R}from"./p-cef45012.js";import{u as _}from"./p-c3e83277.js";import{l as $}from"./p-251e7567.js";import{l as S}from"./p-9ec99ced.js";import{T as k}from"./p-5d0c9424.js";import{p as M}from"./p-8d363802.js";import{a as E,b as I}from"./p-eff38271.js";import{a as T,P as V}from"./p-e704842c.js";const A={facebook:{color:"#1877f2",text:"#fff",icon:"facebook"},twitter:{color:"#1da1f2",text:"#fff",icon:"twitter"},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"}},z=w({HostBlock:h,buttonStyle:{display:"flex",alignItems:"center",justifyContent:"center",lineHeight:"0"}}),L=z.toString();function H(l,t){const r=`\n\t*::part(base) {\n\tborder: none;\n\t\t\t--sl-focus-ring-color-primary: ${l.backgroundcolor?l.backgroundcolor:l.medium?A[l.medium].color:""}80!important;\n\n\tbackground: ${l.backgroundcolor?l.backgroundcolor:l.medium?A[l.medium].color:""};\n\tcolor: ${l.textcolor?l.textcolor:l.medium?A[l.medium].text:""};\n\tborder-radius: ${l.borderradius?l.borderradius+"px":""};\n\t}\n\n\t*::part(base):hover {\n\t\tborder-color: ${l.backgroundcolor?l.backgroundcolor:l.medium?A[l.medium].color:""}D1!important;\n\t}\n\n\t*::part(base):focus {\n\t\tborder-color: ${l.backgroundcolor?l.backgroundcolor:l.medium?A[l.medium].color:""}D1!important;\n\t}\n\n\t*::part(label) {\n\t\tposition: relative;\n\t\ttop: 2%;\n\t}\n\t`;return l.hide?e(a,{style:{display:"none"}}):e("div",null,e("style",{type:"text/css"},L),e("style",{type:"text/css"},r),e("sl-button",{class:z.classes.buttonStyle,loading:l.loading,disabled:l.disabled,pill:l.pill,size:l.size,type:l.type,onClick:l.onClick,exportparts:`base: ${l.type}sharebutton-base`},!l.hideicon&&e("sl-icon",{slot:l.iconslot||"prefix",name:l.icon?l.icon:A[l.medium].icon,exportparts:"base: icon"}),!l.hidetext&&t))}const B=w({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:"center",padding:"0",color:"var(--sl-color-neutral-500)"},"& .highlight":{background:"var(--sl-color-primary-50)"},"& td, th":{color:"var(--sl-color-gray-800)",padding:"var(--sl-spacing-medium)"},"& .User":{width:"100%"},"& .Score":{width:"auto",whiteSpace:"nowrap"}}}),D=B.toString();function P(a){var l,t,r,i,o,s,n,d,c,u,p;const{states:v,data:m,elements:g}=a,{styles:f}=v;if(v.loading)return e("div",{class:B.classes.Leaderboard},e("style",{type:"text/css"},D,"\n\t:host{\n\t\tdisplay: block;\n\t}\n"),g.loadingstate);if(!v.hasLeaders)return g.empty;let h=!1;return e("div",{class:B.classes.Leaderboard,part:"sqm-base"},e("style",{type:"text/css"},D,"\n\t:host{\n\t\tdisplay: block;\n\t}\n"),e("table",{part:"sqm-table"},e("tr",null,f.showRank&&e("th",{class:"Rank"},f.rankheading),e("th",{class:"User"},f.usersheading),e("th",{class:"Score"},f.statsheading)),null===(l=m.leaderboard)||void 0===l?void 0:l.map((a=>{var l,t;return a.rowNumber===(null===(l=m.viewerRank)||void 0===l?void 0:l.rowNumber)&&(h=!0),e("tr",{class:f.hideViewer||a.rowNumber!==(null===(t=m.viewerRank)||void 0===t?void 0:t.rowNumber)?"":"highlight"},f.showRank&&e("td",{class:"Rank"},a.rank),e("td",{class:"User"},a.firstName&&a.lastInitial?a.firstName+" "+a.lastInitial:a.firstName||a.lastInitial?a.firstName||a.lastInitial:f.anonymousUser),e("td",{class:"Score"},a.textValue))})),!h&&!f.hideViewer&&e("tr",null,e("td",{colSpan:100,class:"ellipses"},e("sl-icon",{name:"three-dots",style:{verticalAlign:"middle"}}))),!h&&!f.hideViewer&&e("tr",{class:"highlight"},f.showRank&&e("td",{class:"Rank"},(null===(t=m.viewerRank)||void 0===t?void 0:t.rank)||"-"),e("td",{class:"User"},(null===(r=m.viewerRank)||void 0===r?void 0:r.firstName)&&(null===(i=m.viewerRank)||void 0===i?void 0:i.lastInitial)?(null===(o=m.viewerRank)||void 0===o?void 0:o.firstName)+" "+(null===(s=m.viewerRank)||void 0===s?void 0:s.lastInitial):(null===(n=m.viewerRank)||void 0===n?void 0:n.firstName)||(null===(d=m.viewerRank)||void 0===d?void 0:d.lastInitial)?(null===(c=m.viewerRank)||void 0===c?void 0:c.firstName)||(null===(u=m.viewerRank)||void 0===u?void 0:u.lastInitial):f.anonymousUser),e("td",{class:"Score"},(null===(p=m.viewerRank)||void 0===p?void 0:p.textValue)||"0"))))}const F={right:"\nsl-input::part(input){\n text-align: right;\n}",center:" \nsl-input::part(input){\n text-align: center;\n}",left:""},U=w({HostBlock:h,inputStyle:{"&::part(input)":{textOverflow:"ellipsis",width:"100%"},"&::part(base)":{cursor:"pointer",overflow:"visible"},width:"100%"},inputErrorStyle:{"&::part(base)":{border:"2px solid red"}},containerStyle:{display:"flex",alignItems:"center",gap:"var(--sl-spacing-x-small)",width:"100%"},errorTextStyle:{margin:"0",color:"var(--sl-color-danger-500)"}}),j=U.toString();function Z(a){const{buttonStyle:l="icon"}=a,t=!a.loading&&a.error,r=t?a.inputPlaceholderText:a.copyString,i=t||a.loading||a.disabled,o=e("sl-tooltip",{trigger:"manual",content:a.tooltiptext,placement:"button-below"===a.buttonStyle?"bottom":"button-outside"===a.buttonStyle?"top":"top-end",disabled:a.disabled,open:a.open,skidding:"icon"===a.buttonStyle?-5:0,slot:"suffix"},"icon"===l?e("sl-icon-button",{exportparts:"base: icon-button-base",onClick:()=>{var e;return null===(e=a.onClick)||void 0===e?void 0:e.call(a)},name:"files",disabled:i}):e("sl-button",{exportparts:"base: copy-button-base",onClick:()=>{var e;return null===(e=a.onClick)||void 0===e?void 0:e.call(a)},size:"medium",style:{width:`${"button-below"===l&&"100%"}`},disabled:i,type:"primary"},a.copyButtonLabel||"Copy"));return e("div",null,e("style",{type:"text/css"},j,"\n :host{\n display: block; \n width: 100%;\n }\n",F[a.textAlign],i&&"\n sl-input::part(input){\n cursor: default;\n }\n"),e("div",{class:U.classes.containerStyle,style:{flexDirection:"button-below"===l?"column":"row"}},e("sl-input",{class:`${U.classes.inputStyle} ${t?U.classes.inputErrorStyle:""}`,exportparts:"base: input-base, input: input-label",value:a.loading?"Loading...":r,readonly:!0,disabled:i},"icon"===l&&o,t&&e("p",{slot:"help-text",class:U.classes.errorTextStyle},a.errorText)),("button-outside"===l||"button-below"===l)&&o))}function W(a){const{statvalue:l,flexReverse:t,alignment:r}=a,i=w({Container:{display:"flex",height:"inherit","justify-content":"space-between","flex-direction":t?"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(--sl-color-gray-600)","text-transform":"uppercase","text-align":r}}),o=i.toString();return e("div",{part:"stat-wrapper",class:i.classes.Container},e("style",{type:"text/css"},o),e("div",{part:"stat-value",class:i.classes.Stat},l),e("div",{part:"stat-description",class:i.classes.Description},a.labelSlot))}const N=w({HostBlock:h,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"}}}),O=N.toString();function G(a,l){const{data:t,notFullScreen:r}=a;return e("div",{style:{minHeight:r?"100%":"100vh"},class:N.classes.Frame,part:"sqm-base"},e("style",{type:"text/css"},O),e("div",{class:N.classes.HeaderWrapper,part:"sqm-header"},t.header,e("slot",{name:"sqm-navigation-menu"})),l,e("div",{class:N.classes.FooterWrapper,part:"sqm-footer"},t.footer))}const X=a=>{var l,t,r,i;const{states:o,callbacks:s}=a,{text:n}=o,{errors:d}=o.formState;return o.showEdit?e("div",{class:`CardWrapper ${!o.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:s.onSubmit},e("div",{class:"FormSection"},o.formState.error&&e("sqm-form-message",{type:"error",exportparts:"erroralert-icon"},e("div",{part:"erroralert-text"},o.formState.error)),e("sl-input",Object.assign({exportparts:"label: input-label, base: input-base",value:o.formState.firstName,onInput:s.onChange,label:n.firstnametext,disabled:o.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:o.formState.lastName,onInput:s.onChange,label:n.lastnametext,disabled:o.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&&o.formState.currentRegion&&e("sl-input",{exportparts:"label: input-label, base: input-base",disabled:!0,value:o.formState.currentRegion,label:n.currentregiontext,id:"currentRegion",name:"currentRegion"}),e("div",{class:"ButtonWrapper"},e("sl-button",{type:"primary",loading:o.loading,disabled:o.submitDisabled,onClick:e=>{s.onSubmit(e)},submit:!0,exportparts:"base: primarybutton-base"},n.updatetext),e("sl-button",{onClick:()=>{s.setShowEdit(!1)},exportparts:"base: defaultbutton-base"},n.canceltext)))):e("div",{class:`CardWrapper FormWrapper ${!o.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===(l=o.user)||void 0===l?void 0:l.firstName," ",null===(t=o.user)||void 0===t?void 0:t.lastName),e("p",{style:{fontSize:"var(--sl-font-size-medium)"},title:null===(r=o.user)||void 0===r?void 0:r.email},null===(i=o.user)||void 0===i?void 0:i.email))),e("sl-button",{type:"primary",loading:o.loading,onClick:()=>{s.resetForm(),s.setShowEdit(!0)},exportparts:"base: primarybutton-base"},n.editprofiletext))},Q=n.gql`
1
+ import{h as e,c as a,d as l,g as t}from"./p-64c3217a.js";import{k as r,b as i,u as o}from"./p-fd2c5407.js";import{i as s}from"./p-9bc18724.js";import{d as n,H as d,Q as c,y as u,f as p,B as v,a as m,L as g}from"./p-ad4bf4fa.js";import{c as f}from"./p-c1086930.js";import{H as h,A as b,a as x,b as C,E as y}from"./p-02be1a88.js";import{c as w,j as q,a as R}from"./p-cef45012.js";import{u as _}from"./p-c3e83277.js";import{l as $}from"./p-251e7567.js";import{l as S}from"./p-9ec99ced.js";import{T as k}from"./p-5d0c9424.js";import{p as M}from"./p-8d363802.js";import{a as E,b as I}from"./p-eff38271.js";import{a as T,P as V}from"./p-e704842c.js";const A={facebook:{color:"#1877f2",text:"#fff",icon:"facebook"},twitter:{color:"#1da1f2",text:"#fff",icon:"twitter"},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"}},z=w({HostBlock:h,buttonStyle:{display:"flex",alignItems:"center",justifyContent:"center",lineHeight:"0"}}),L=z.toString();function H(l,t){const r=`\n\t*::part(base) {\n\tborder: none;\n\t\t\t--sl-focus-ring-color-primary: ${l.backgroundcolor?l.backgroundcolor:l.medium?A[l.medium].color:""}80!important;\n\n\tbackground: ${l.backgroundcolor?l.backgroundcolor:l.medium?A[l.medium].color:""};\n\tcolor: ${l.textcolor?l.textcolor:l.medium?A[l.medium].text:""};\n\tborder-radius: ${l.borderradius?l.borderradius+"px":""};\n\t}\n\n\t*::part(base):hover {\n\t\tborder-color: ${l.backgroundcolor?l.backgroundcolor:l.medium?A[l.medium].color:""}D1!important;\n\t}\n\n\t*::part(base):focus {\n\t\tborder-color: ${l.backgroundcolor?l.backgroundcolor:l.medium?A[l.medium].color:""}D1!important;\n\t}\n\n\t*::part(label) {\n\t\tposition: relative;\n\t\ttop: 2%;\n\t}\n\t`;return l.hide?e(a,{style:{display:"none"}}):e("div",null,e("style",{type:"text/css"},L),e("style",{type:"text/css"},r),e("sl-button",{class:z.classes.buttonStyle,loading:l.loading,disabled:l.disabled,pill:l.pill,size:l.size,type:l.type,onClick:l.onClick,exportparts:`base: ${l.type}sharebutton-base`},!l.hideicon&&e("sl-icon",{slot:l.iconslot||"prefix",name:l.icon?l.icon:A[l.medium].icon,exportparts:"base: icon"}),!l.hidetext&&t))}const B=w({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:"center",padding:"0",color:"var(--sl-color-neutral-500)"},"& .highlight":{background:"var(--sl-color-primary-50)"},"& td, th":{color:"var(--sl-color-gray-800)",padding:"var(--sl-spacing-medium)"},"& .User":{width:"100%"},"& .Score":{width:"auto",whiteSpace:"nowrap"}}}),D=B.toString();function P(a){var l,t,r,i,o,s,n,d,c,u,p;const{states:v,data:m,elements:g}=a,{styles:f}=v;if(v.loading)return e("div",{class:B.classes.Leaderboard},e("style",{type:"text/css"},D,"\n :host{\n display: block;\n }\n"),g.loadingstate);if(v.isEssentials)return g.essentials;if(!v.hasLeaders)return g.empty;let h=!1;return e("div",{class:B.classes.Leaderboard,part:"sqm-base"},e("style",{type:"text/css"},D,"\n :host{\n display: block;\n }\n"),e("div",null,"Leaderboards"),e("table",{part:"sqm-table"},e("tr",null,f.showRank&&e("th",{class:"Rank"},f.rankheading),e("th",{class:"User"},f.usersheading),e("th",{class:"Score"},f.statsheading)),null===(l=m.leaderboard)||void 0===l?void 0:l.map((a=>{var l,t;return a.rowNumber===(null===(l=m.viewerRank)||void 0===l?void 0:l.rowNumber)&&(h=!0),e("tr",{class:f.hideViewer||a.rowNumber!==(null===(t=m.viewerRank)||void 0===t?void 0:t.rowNumber)?"":"highlight"},f.showRank&&e("td",{class:"Rank"},a.rank),e("td",{class:"User"},a.firstName&&a.lastInitial?a.firstName+" "+a.lastInitial:a.firstName||a.lastInitial?a.firstName||a.lastInitial:f.anonymousUser),e("td",{class:"Score"},a.textValue))})),!h&&!f.hideViewer&&e("tr",null,e("td",{colSpan:100,class:"ellipses"},e("sl-icon",{name:"three-dots",style:{verticalAlign:"middle"}}))),!h&&!f.hideViewer&&e("tr",{class:"highlight"},f.showRank&&e("td",{class:"Rank"},(null===(t=m.viewerRank)||void 0===t?void 0:t.rank)||"-"),e("td",{class:"User"},(null===(r=m.viewerRank)||void 0===r?void 0:r.firstName)&&(null===(i=m.viewerRank)||void 0===i?void 0:i.lastInitial)?(null===(o=m.viewerRank)||void 0===o?void 0:o.firstName)+" "+(null===(s=m.viewerRank)||void 0===s?void 0:s.lastInitial):(null===(n=m.viewerRank)||void 0===n?void 0:n.firstName)||(null===(d=m.viewerRank)||void 0===d?void 0:d.lastInitial)?(null===(c=m.viewerRank)||void 0===c?void 0:c.firstName)||(null===(u=m.viewerRank)||void 0===u?void 0:u.lastInitial):f.anonymousUser),e("td",{class:"Score"},(null===(p=m.viewerRank)||void 0===p?void 0:p.textValue)||"0"))))}const F={right:"\nsl-input::part(input){\n text-align: right;\n}",center:" \nsl-input::part(input){\n text-align: center;\n}",left:""},U=w({HostBlock:h,inputStyle:{"&::part(input)":{textOverflow:"ellipsis",width:"100%"},"&::part(base)":{cursor:"pointer",overflow:"visible"},width:"100%"},inputErrorStyle:{"&::part(base)":{border:"2px solid red"}},containerStyle:{display:"flex",alignItems:"center",gap:"var(--sl-spacing-x-small)",width:"100%"},errorTextStyle:{margin:"0",color:"var(--sl-color-danger-500)"}}),j=U.toString();function Z(a){const{buttonStyle:l="icon"}=a,t=!a.loading&&a.error,r=t?a.inputPlaceholderText:a.copyString,i=t||a.loading||a.disabled,o=e("sl-tooltip",{trigger:"manual",content:a.tooltiptext,placement:"button-below"===a.buttonStyle?"bottom":"button-outside"===a.buttonStyle?"top":"top-end",disabled:a.disabled,open:a.open,skidding:"icon"===a.buttonStyle?-5:0,slot:"suffix"},"icon"===l?e("sl-icon-button",{exportparts:"base: icon-button-base",onClick:()=>{var e;return null===(e=a.onClick)||void 0===e?void 0:e.call(a)},name:"files",disabled:i}):e("sl-button",{exportparts:"base: copy-button-base",onClick:()=>{var e;return null===(e=a.onClick)||void 0===e?void 0:e.call(a)},size:"medium",style:{width:`${"button-below"===l&&"100%"}`},disabled:i,type:"primary"},a.copyButtonLabel||"Copy"));return e("div",null,e("style",{type:"text/css"},j,"\n :host{\n display: block; \n width: 100%;\n }\n",F[a.textAlign],i&&"\n sl-input::part(input){\n cursor: default;\n }\n"),e("div",{class:U.classes.containerStyle,style:{flexDirection:"button-below"===l?"column":"row"}},e("sl-input",{class:`${U.classes.inputStyle} ${t?U.classes.inputErrorStyle:""}`,exportparts:"base: input-base, input: input-label",value:a.loading?"Loading...":r,readonly:!0,disabled:i},"icon"===l&&o,t&&e("p",{slot:"help-text",class:U.classes.errorTextStyle},a.errorText)),("button-outside"===l||"button-below"===l)&&o))}function W(a){const{statvalue:l,flexReverse:t,alignment:r}=a,i=w({Container:{display:"flex",height:"inherit","justify-content":"space-between","flex-direction":t?"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(--sl-color-gray-600)","text-transform":"uppercase","text-align":r}}),o=i.toString();return e("div",{part:"stat-wrapper",class:i.classes.Container},e("style",{type:"text/css"},o),e("div",{part:"stat-value",class:i.classes.Stat},l),e("div",{part:"stat-description",class:i.classes.Description},a.labelSlot))}const N=w({HostBlock:h,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"}}}),O=N.toString();function G(a,l){const{data:t,notFullScreen:r}=a;return e("div",{style:{minHeight:r?"100%":"100vh"},class:N.classes.Frame,part:"sqm-base"},e("style",{type:"text/css"},O),e("div",{class:N.classes.HeaderWrapper,part:"sqm-header"},t.header,e("slot",{name:"sqm-navigation-menu"})),l,e("div",{class:N.classes.FooterWrapper,part:"sqm-footer"},t.footer))}const X=a=>{var l,t,r,i;const{states:o,callbacks:s}=a,{text:n}=o,{errors:d}=o.formState;return o.showEdit?e("div",{class:`CardWrapper ${!o.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:s.onSubmit},e("div",{class:"FormSection"},o.formState.error&&e("sqm-form-message",{type:"error",exportparts:"erroralert-icon"},e("div",{part:"erroralert-text"},o.formState.error)),e("sl-input",Object.assign({exportparts:"label: input-label, base: input-base",value:o.formState.firstName,onInput:s.onChange,label:n.firstnametext,disabled:o.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:o.formState.lastName,onInput:s.onChange,label:n.lastnametext,disabled:o.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&&o.formState.currentRegion&&e("sl-input",{exportparts:"label: input-label, base: input-base",disabled:!0,value:o.formState.currentRegion,label:n.currentregiontext,id:"currentRegion",name:"currentRegion"}),e("div",{class:"ButtonWrapper"},e("sl-button",{type:"primary",loading:o.loading,disabled:o.submitDisabled,onClick:e=>{s.onSubmit(e)},submit:!0,exportparts:"base: primarybutton-base"},n.updatetext),e("sl-button",{onClick:()=>{s.setShowEdit(!1)},exportparts:"base: defaultbutton-base"},n.canceltext)))):e("div",{class:`CardWrapper FormWrapper ${!o.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===(l=o.user)||void 0===l?void 0:l.firstName," ",null===(t=o.user)||void 0===t?void 0:t.lastName),e("p",{style:{fontSize:"var(--sl-font-size-medium)"},title:null===(r=o.user)||void 0===r?void 0:r.email},null===(i=o.user)||void 0===i?void 0:i.email))),e("sl-button",{type:"primary",loading:o.loading,onClick:()=>{s.resetForm(),s.setShowEdit(!0)},exportparts:"base: primarybutton-base"},n.editprofiletext))},Q=n.gql`
2
2
  query ($programId: ID, $engagementMedium: UserEngagementMedium!) {
3
3
  user: viewer {
4
4
  ... on User {