@saasquatch/mint-components 1.6.5-13 → 1.6.5-15

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 (29) hide show
  1. package/dist/cjs/sqm-referral-table_11.cjs.entry.js +4 -1
  2. package/dist/cjs/sqm-rewards-table_9.cjs.entry.js +2 -99
  3. package/dist/cjs/{useReferralTable-b07be5ec.js → useReferralTable-95ceaa3d.js} +145 -0
  4. package/dist/collection/components/sqm-referral-table/mockReferralData.js +4 -0
  5. package/dist/collection/components/sqm-rewards-table/mockRewardData.js +46 -1
  6. package/dist/esm/sqm-referral-table_11.entry.js +4 -1
  7. package/dist/esm/sqm-rewards-table_9.entry.js +1 -98
  8. package/dist/esm/{useReferralTable-46da6b31.js → useReferralTable-f60241cb.js} +144 -1
  9. package/dist/esm-es5/sqm-referral-table_11.entry.js +1 -1
  10. package/dist/esm-es5/sqm-rewards-table_9.entry.js +1 -1
  11. package/dist/esm-es5/useReferralTable-f60241cb.js +1 -0
  12. package/dist/mint-components/mint-components.esm.js +1 -1
  13. package/dist/mint-components/{p-901e8178.system.entry.js → p-0b95e4ec.system.entry.js} +1 -1
  14. package/dist/mint-components/p-458e1750.js +183 -0
  15. package/dist/mint-components/p-4739ef3a.entry.js +1 -0
  16. package/dist/mint-components/p-51c56881.entry.js +104 -0
  17. package/dist/mint-components/p-b43a075f.system.js +1 -1
  18. package/dist/mint-components/p-ba6ba68b.system.js +1 -0
  19. package/dist/mint-components/p-e5c7d2b3.system.entry.js +1 -0
  20. package/dist/types/components/sqm-referral-table/mockReferralData.d.ts +11 -0
  21. package/dist/types/components/sqm-rewards-table/mockRewardData.d.ts +22 -0
  22. package/docs/docs.docx +0 -0
  23. package/package.json +1 -1
  24. package/dist/esm-es5/useReferralTable-46da6b31.js +0 -1
  25. package/dist/mint-components/p-18391f95.system.js +0 -1
  26. package/dist/mint-components/p-19f6f3f6.js +0 -183
  27. package/dist/mint-components/p-2cab4ead.entry.js +0 -104
  28. package/dist/mint-components/p-47b6df26.entry.js +0 -1
  29. package/dist/mint-components/p-e2e3352a.system.entry.js +0 -1
@@ -1,104 +0,0 @@
1
- import{h as e,r as t,c as a}from"./p-64c3217a.js";import{b as r,f as s,u as l,m as i,k as n}from"./p-4e3bba58.js";import{i as o}from"./p-ad5127e6.js";import"./p-4619685f.js";import{d,N as c,O as u,x as m,v as p,i as h}from"./p-e4fc7952.js";import{c as v}from"./p-c1086930.js";import"./p-02be1a88.js";import{c as E}from"./p-cef45012.js";import{G as f}from"./p-6dd27a5e.js";import{u as y,a as g}from"./p-a37d0529.js";import{u as w}from"./p-e8bf0ab5.js";import{l as b}from"./p-9e1d9435.js";import{g as R}from"./p-19f6f3f6.js";import{l as x}from"./p-9ec99ced.js";const A=["POINT","TICKET","GIFT"],D=["Points","Tickets","Gifts"],N=["AVAILABLE","PENDING","CANCELLED","EXPIRED","REDEEMED"],T=["US_TAX","SCHEDULED","UNHANDLED_ERROR"],L=r("sq:useRewardsTable"),C=d.gql`
2
- query getRewards(
3
- $limit: Int!
4
- $offset: Int!
5
- $rewardFilter: RewardFilterInput
6
- $locale: RSLocale
7
- ) {
8
- viewer {
9
- ... on User {
10
- id
11
- rewards(
12
- limit: $limit
13
- offset: $offset
14
- filter: $rewardFilter
15
- sortBy: { field: "dateCreated", order: DESC }
16
- ) {
17
- totalCount
18
- count
19
- data {
20
- meta {
21
- status
22
- integration {
23
- name
24
- }
25
- message
26
- customMeta
27
- }
28
- id
29
- type
30
- value
31
- unit
32
- name
33
- dateGiven
34
- dateCreated
35
- dateExpires
36
- dateCancelled
37
- dateRedeemed
38
- dateScheduledFor
39
- fuelTankCode
40
- fuelTankType
41
- currency
42
- prettyValue(locale: $locale)
43
- prettyValueNumber: prettyValue(
44
- formatType: NUMBER_FORMATTED
45
- locale: $locale
46
- )
47
- prettyAvailableNumber: prettyAvailableValue(
48
- formatType: NUMBER_FORMATTED
49
- locale: $locale
50
- )
51
- prettyRedeemedNumber: prettyRedeemedCredit(
52
- formatType: NUMBER_FORMATTED
53
- locale: $locale
54
- )
55
- programId
56
- program {
57
- name
58
- }
59
- statuses
60
- pendingReasons
61
- globalRewardKey
62
- programRewardKey
63
- rewardSource
64
- prettyRedeemedCredit(locale: $locale)
65
- prettyAssignedCredit(locale: $locale)
66
- prettyAvailableValue(locale: $locale)
67
- exchangedRewardRedemptionTransaction {
68
- id
69
- creditRedeemed
70
- prettyRedeemedCredit(locale: $locale)
71
- unit
72
- dateRedeemed
73
- }
74
- referral {
75
- id
76
- referrerUser {
77
- id
78
- firstName
79
- lastName
80
- }
81
- referredUser {
82
- id
83
- firstName
84
- lastName
85
- }
86
- }
87
- rewardRedemptionTransactions {
88
- data {
89
- exchangedRewards {
90
- data {
91
- prettyValue(locale: $locale)
92
- type
93
- fuelTankCode
94
- globalRewardKey
95
- }
96
- }
97
- }
98
- }
99
- }
100
- }
101
- }
102
- }
103
- }
104
- `;async function I(t,a){const r=t.tagName.toLowerCase();let s;await customElements.whenDefined(r);try{s=a()}catch(t){return L("label promise failed",t),e("span",null)}try{return await s}catch(t){L("Error rendering label",t);const a=R(t);return e("details",null,e("summary",null,"Error"),a)}}const _=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(M,null),a=e(S,null),{states:r,data:i,callbacks:o,elements:d}=h()?function(e,t,a){const[r,i]=s(((e,t)=>({...e,...t})),{columns:[],rows:[],loading:!1,page:0}),o=y(),{data:d}=n((()=>{var t;return(null===(t=e.demoData)||void 0===t?void 0:t.mockData)||((e=4)=>({data:[...Array(e)].map((()=>(()=>{let e,t,a,r,s=!1,l=0;const i=b.DateTime.now(),n=Math.floor(3*Math.random()),o=N[Math.floor(5*Math.random())],d=A[n],c=D[n],u=Math.floor(100*Math.random())+2;if("AVAILABLE"===o)l=Math.floor(Math.random()*u),r=Math.floor(10*Math.random())<3?i.plus({days:7}).toMillis():null;else if("EXPIRED"===o)s=!0,l=Math.floor(Math.random()*u),r=i.minus({days:1}).toMillis();else if("PENDING"===o){const a=T[Math.floor(3*Math.random())];e=[a],"SCHEDULED"===a&&(t=i.plus({days:6}).toMillis())}else"REDEEMED"===o?s=!0:(s=!0,a=i.minus({days:2}).toMillis());const m=Math.floor(3*Math.random());return{id:"61f7878e096c9265de88b46f",type:"CREDIT",value:u,unit:d,name:null,dateGiven:i.minus({days:3}).toMillis(),dateExpires:r,dateCancelled:a,dateRedeemed:"REDEEMED"===o?i.plus({days:2}).toMillis():null,dateScheduledFor:t,fuelTankCode:null,fuelTankType:null,currency:null,prettyValue:`${u} ${c}`,prettyValueNumber:`${u}`,prettyAvailableNumber:s?"0":""+(u-l),prettyRedeemedNumber:s&&!l?"0":`${l}`,programId:1===m?"program-id":null,program:{name:"My Program"},statuses:[o],pendingReasons:e,globalRewardKey:null,programRewardKey:null,rewardSource:1===m?"AUTOMATED":"MANUAL",prettyRedeemedCredit:`${l} ${c}`,prettyAssignedCredit:`${u} ${c}`,prettyAvailableValue:s?`0 ${c}`:`${u-l} ${c}`,exchangedRewardRedemptionTransaction:2===m?{id:"61f7878e096c9265de88b414",creditRedeemed:50,prettyRedeemedCredit:"50 Tokens",unit:"TOKEN",dateRedeemed:1643612046258}:null,referral:null,rewardRedemptionTransactions:{data:[]}}})()))}))(e.perPage)}),[e.perPage]),c=w();return l((()=>{i({loading:!0}),d&&async function(t){let a=d;a=d.slice(0,e.perPage);const r=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"))})),s=null==r?void 0:r.map((async(e,t)=>{var a;const r=null===(a=null==e?void 0:e.firstElementChild)||void 0===a?void 0:a.getAttribute("slot");if("RAISINS-PLOP-TARGET"===e.tagName&&"loading"!==r&&"empty"!==r){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==r?void 0:r.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=s&&await Promise.all(s);i({columns:o,loading:!1,page:0})}(c)}),[d,c,o]),v({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:r.columns,rows:r.rows,emptyElement:t,loadingElement:a}},e.demoData||{},{arrayMerge:(e,t)=>t})}(this,t,a):function(t,a,r){var i,n;const o=c(),d=u(),h=m(),v=null!==(i=t.programId)&&void 0!==i?i:d,E={userId_eq:null==o?void 0:o.id,accountId_eq:null==o?void 0:o.accountId,...v?"classic"===v?{programId_exists:!1}:{programId_eq:v}:{}},[f,g]=s(((e,t)=>({...e,...t})),{columns:[],rows:[],loading:!1,page:0}),{envelope:b,states:R,callbacks:x}=p(C,(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:E,locale:h},!(null==o?void 0:o.jwt)),A=y(),D=w(),N=null==b?void 0:b.data;l((()=>{g({loading:!0}),b&&async function(t){const a=t.filter((e=>"loading"!==e.slot&&"empty"!==e.slot)),r=null==a?void 0:a.map((async e=>I(e,(()=>e.renderLabel())))),s=null==N?void 0:N.map((async t=>{const r=null==a?void 0:a.map((async a=>I(a,(()=>a.renderCell(t,h,e)))));return await Promise.all(r)})),l=s&&(await Promise.all(s)).filter((e=>e));g({rows:l});const i=r&&await Promise.all(r);g({columns:i,loading:!1,page:R.currentPage})}(D)}),[b,D,A]);const T=!(null===(n=null==f?void 0:f.rows)||void 0===n?void 0:n.length)&&!(null==N?void 0:N.length);return{states:{hasNext:R.currentPage<R.pageCount-1,hasPrev:R.currentPage>0,show:R.loading||f.loading?"loading":T?"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:f.columns,rows:f.rows,emptyElement:a,loadingElement:r},callbacks:{nextPage:()=>{x.setCurrentPage(R.currentPage+1)},prevPage:()=>{x.setCurrentPage(R.currentPage-1)}}}}(this,t,a);return g([this.perPage]),e(f,{states:r,data:i,callbacks:o,elements:d})}};function M(){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(P,null),e(P,null),e(P,null),e(P,null))}function P(){return e("sqm-table-row",null,e("sqm-table-cell",{colspan:5},e("sl-skeleton",null)))}const k=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=b.DateTime.fromMillis(this.date))||void 0===e?void 0:e.setLocale(x(this.locale)))||void 0===t?void 0:t.toLocaleString(b.DateTime.DATE_MED):"-"}},$=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:a})}async renderLabel(){return this.columnTitle}render(){return g([this.dateShown,this.columnTitle]),e(a,{style:{display:"none"}})}},U=E({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=U.toString(),B=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 r="CENTS"===t.unit?t.prettyValue.replace(/USD/gi,"$"):null!==(a=t.prettyValue)&&void 0!==a?a:"-",s="1"===t.prettyValueNumber||t.dateRedeemed&&"0"===t.prettyAvailableNumber;if("FUELTANK"===t.type)return e("div",{class:U.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&&!s){const a=parseFloat(t.prettyValueNumber)-parseFloat(t.prettyRedeemedNumber),s=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=E({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:`${s}%`,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",null,r+" "),e("br",null)," ",e("div",{class:i.classes.Progress}),e("span",{class:i.classes.Subtext},l)))}return e("div",null,r)}),{reward:this.reward}))}},F=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:a})}async renderLabel(){return this.columnTitle}render(){return g([this.columnTitle,this.redeemedText,this.availableText,this.copyText]),e(a,{style:{display:"none"}})}},G=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 r=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?r:e("div",{style:{display:"inline-block",verticalAlign:"top"}},r)},r=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,r("FRIEND_SIGNUP"==this.reward.rewardSource?this.reward.referral.referredUser:this.reward.referral.referrerUser))):e(this.reward.exchangedRewardRedemptionTransaction?a:t,{reward:this.reward})),null)}},V=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:a})}async renderLabel(){return this.columnTitle}render(){return g([this.deletedUser,this.anonymousUser,this.columnTitle,this.rewardExchangeText,this.referralText,this.rewardSourceText]),e(a,{style:{display:"none"}})}},z=E({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"}}),O=z.toString(),j=class{constructor(e){t(this,e),this.expiryText="Expires",this.locale="en",this.pendingUsTax="W-9 required",this.pendingScheduled="Until",this.pendingUnhandled="Fulfillment error"}rewardStatus(e){if(e.dateCancelled)return"CANCELLED";if(e.statuses&&e.statuses.includes("EXPIRED"))return"EXPIRED";if(e.statuses&&e.statuses.includes("PENDING"))return"PENDING";if("CREDIT"===e.type)return e.statuses.includes("REDEEMED")?"REDEEMED":"AVAILABLE";if("PCT_DISCOUNT"===e.type&&e.statuses.includes("AVAILABLE"))return"AVAILABLE";if("INTEGRATION"===e.type||"FUELTANK"===e.type){if(e.statuses&&e.statuses.includes("PENDING"))return"PENDING";if(e.statuses&&e.statuses.includes("CANCELLED"))return"CANCELLED";if(e.statuses.includes("AVAILABLE"))return"AVAILABLE"}return""}render(){var t;o.locale=this.locale;const a=this.rewardStatus(this.reward),r=o.formatMessage({id:"statusMessage",defaultMessage:this.statusText},{status:a}),s="AVAILABLE"===a?"success":"REDEEMED"===a?"primary":"PENDING"===a?"warning":"danger",l=this.reward.dateCancelled||this.reward.dateExpires||this.reward.dateRedeemed||"",i=l&&`${"AVAILABLE"===a&&this.reward.dateExpires?this.expiryText+" ":""}${null===(t=b.DateTime.fromMillis(l))||void 0===t?void 0:t.setLocale(x(x(this.locale))).toLocaleString(b.DateTime.DATE_MED)}`,n="PENDING"===a?function(e){var t;const a={US_TAX:e.pendingUsTax,SCHEDULED:e.reward.dateScheduledFor&&e.pendingScheduled+" "+(null===(t=b.DateTime.fromMillis(e.reward.dateScheduledFor))||void 0===t?void 0:t.setLocale(x(x(e.locale||"en"))).toLocaleString(b.DateTime.DATE_MED)),UNHANDLED_ERROR:e.pendingUnhandled};return[e.reward.pendingReasons].map((e=>{var t;return null!==(t=a[e])&&void 0!==t?t:e})).join(", ")}(this):null;return e("div",{style:{display:"contents"}},e("style",{type:"text/css"},O),e("sl-badge",{type:s,pill:!0,class:"REDEEMED"===a?z.classes.RedeemBadge:z.classes.Badge},r),e("p",{class:z.classes.Date},n||i))}},K=class{constructor(e){t(this,e),this.columnTitle="Status",this.statusText="{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }",this.expiryText="Expires on ",this.pendingUsTax="W-9 required",this.pendingScheduled="Until",this.pendingUnhandled="Fulfillment error",i(this)}disconnectedCallback(){}async renderCell(t,a){return e("sqm-rewards-table-status-cell",{statusText:this.statusText,reward:t,expiryText:this.expiryText,pendingScheduled:this.pendingScheduled,pendingUsTax:this.pendingUsTax,pendingUnhandled:this.pendingUnhandled,locale:a})}async renderLabel(){return this.columnTitle}render(){return g([this.columnTitle,this.statusText,this.expiryText,this.pendingScheduled,this.pendingUsTax,this.pendingUnhandled]),e(a,{style:{display:"none"}})}};export{_ as sqm_rewards_table,k as sqm_rewards_table_date_cell,$ as sqm_rewards_table_date_column,B as sqm_rewards_table_reward_cell,F as sqm_rewards_table_reward_column,G as sqm_rewards_table_source_cell,V as sqm_rewards_table_source_column,j as sqm_rewards_table_status_cell,K as sqm_rewards_table_status_column}
@@ -1 +0,0 @@
1
- import{r as e,h as t,g as s,c as a}from"./p-64c3217a.js";import{m as r,f as l,k as n,u as i}from"./p-4e3bba58.js";import{i as d}from"./p-ad5127e6.js";import"./p-4619685f.js";import{i as o}from"./p-e4fc7952.js";import{c}from"./p-c1086930.js";import"./p-02be1a88.js";import{c as u}from"./p-cef45012.js";import{G as h}from"./p-6dd27a5e.js";import{a as p,u as m}from"./p-a37d0529.js";import{u as v}from"./p-e8bf0ab5.js";import{l as f}from"./p-9e1d9435.js";import{u as y,t as b}from"./p-19f6f3f6.js";import{l as g}from"./p-9ec99ced.js";import{T as E}from"./p-5d9244de.js";const C=[["AVAILABLE"],["PENDING"],["CANCELLED"],["EXPIRED"],["REDEEMED"]],w=["Rajesh","Pierre","Ji-Ho","Chinua","Charleston","Sally","Gael","Jill","Jane","Khadija"],x=["Smith","Parker","Kent","Chew","Stark","Banner","Jones","Odinson","Pym","Rogers"],R=class{constructor(t){e(this,t),this.perPage=4,this.hideLabels=!1,this.prevLabel="Prev",this.moreLabel="Next",this.showReferrer=!1,this.hiddenColumns="0",this.smBreakpoint=599,this.mdBreakpoint=799,r(this)}disconnectedCallback(){}render(){const e=t(L,null),s=t(_,null),{states:a,data:r,callbacks:d,elements:u}=o()?function(e,t,s){const[a,r]=l(((e,t)=>({...e,...t})),{columns:[],rows:[],loading:!1,page:0}),d=m(),o=n((()=>{var t;return(null===(t=e.demoData)||void 0===t?void 0:t.mockData)||((e=4)=>({totalCount:6,count:e,referredByReferral:{dateConverted:null,dateReferralStarted:1643912659850,referrerUser:{firstName:"John",lastName:"Snow",rewards:[]}},data:[...Array(e)].map((()=>({id:"5cae6b0fcc540e209db45b53",referredUser:{id:"5cae6b0ce4b0d81c67b78e82",accountId:"SPX1MZBIPTFL3E1H",firstName:w[Math.floor(Math.random()*w.length)],lastName:x[Math.floor(Math.random()*x.length)],email:"example.uexwltgh@mailosaur.io",programGoals:[]},shareLinkUsed:null,referralCodeUsed:"JIMBONEUTRON2",moderationStatus:"PENDING",dateConverted:Math.floor(10*Math.random())>=5?f.DateTime.now().minus({days:6}).toMillis():null,dateFraudChecksCompleted:null,dateModerated:1558730033306,dateModified:1554934543447,dateReferralEnded:null,dateReferralPaid:null,dateReferralStarted:f.DateTime.now().minus({days:8}).toMillis(),dateUserModified:null,programId:"sam-partner-test-2",program:{id:"sam-partner-test-2",name:"Partner Program 2.0"},rewards:Math.floor(10*Math.random())>=5?[{id:"5cae6b16cc540e209db45cfa",type:"CREDIT",value:1,unit:"POINT",name:"Partner Reward",dateGiven:1554934550726,dateExpires:null,dateCancelled:null,dateRedeemed:1637004373582,dateScheduledFor:null,fuelTankCode:null,fuelTankType:null,currency:null,prettyValue:"1 Point",statuses:C[Math.floor(Math.random()*C.length)],globalRewardKey:null,programRewardKey:"partnerReward",rewardRedemptionTransactions:{data:[{exchangedRewards:{data:[{prettyValue:"CAD10.00 Visa* Prepaid Card CAD",type:"INTEGRATION",fuelTankCode:null,globalRewardKey:"gc1"}]}}]}}]:[],childNodes:{data:[{data:{id:"5cae6b16cc540e209db45cb3",statuses:C[Math.floor(Math.random()*C.length)],type:"PCT_DISCOUNT",value:50},depth:1},{data:{id:"5cae6b16cc540e209db45cfa",statuses:C[Math.floor(Math.random()*C.length)],type:"CREDIT",value:1},depth:1}]}})))}))(e.perPage)}),[e.perPage]),u=v();return i((()=>{r({loading:!0}),(null==o?void 0:o.data)&&async function(t){var s;let a;const l=null==o?void 0:o.referredByReferral,n=e.showReferrer&&!!(null===(s=null==o?void 0:o.referredByReferral)||void 0===s?void 0:s.dateReferralStarted);a=o.data.slice(0,n?e.perPage-1:e.perPage);const i=t.filter((e=>{var t,s;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===(s=null==e?void 0:e.firstElementChild)||void 0===s?void 0:s.getAttribute("slot"))})),d=null==i?void 0:i.map((async(e,t)=>{var s;const a=null===(s=null==e?void 0:e.firstElementChild)||void 0===s?void 0:s.getAttribute("slot");if("RAISINS-PLOP-TARGET"===e.tagName&&"loading"!==a&&"empty"!==a){e.setAttribute("slot","column-"+t),e.style.position="absolute";const s=e.firstElementChild.childNodes[1];return s.innerHTML="+",s.style.lineHeight="20px",b(e,(()=>e.renderLabel(t)))}return b(e,(()=>e.renderLabel()))}));let c;if(n){const e=null==i?void 0:i.map((async e=>b(e,(function(){return e.renderCell(l,e)}))));c=await Promise.all(e)}const u=null==a?void 0:a.map((async e=>{const t=null==i?void 0:i.map((async t=>b(t,(()=>t.renderCell(e,void 0)))));return await Promise.all(t)})),h=u&&[c,...await Promise.all(u)].filter((e=>e));r({rows:h});const p=d&&await Promise.all(d);r({columns:p,loading:!1,page:0})}(u)}),[null==o?void 0:o.data,u,d]),c({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},hiddenColumns:e.hiddenColumns,referralData:[],mdBreakpoint:799,smBreakpoint:599},elements:{columns:a.columns,rows:a.rows,emptyElement:t,loadingElement:s}},e.demoData||{},{arrayMerge:(e,t)=>t})}(this,e,s):y(this,e,s);return p([this.showReferrer,this.perPage]),t(h,{states:a,data:r,callbacks:d,elements:u})}};function L(){return t("slot",{name:"empty"},t("sqm-empty",{"empty-state-image":"https://res.cloudinary.com/saasquatch/image/upload/v1644000223/squatch-assets/empty_referral2.png","empty-state-header":"View your referral details","empty-state-text":"Refer a friend to view the status of your referrals and rewards earned"}))}function _(){return t("slot",{name:"loading"},t(P,null),t(P,null),t(P,null),t(P,null))}function P(){return t("sqm-table-row",null,t("sqm-table-cell",{colspan:5},t("sl-skeleton",null)))}const D=class{constructor(t){e(this,t),this.ignored=!0,r(this)}disconnectedCallback(){}render(){return t("div",{innerHTML:this.innerTemplate})}},N=class{constructor(t){e(this,t),r(this)}disconnectedCallback(){}async renderCell(e){return t("sqm-referral-table-cell",{"inner-template":s(this).innerHTML})}async renderLabel(){return Promise.resolve(this.columnTitle)}render(){return p([this.columnTitle]),t(a,{style:{display:"none"}},t("slot",null))}},A=class{constructor(t){e(this,t),this.ignored=!0,this.locale="en",r(this)}disconnectedCallback(){}render(){var e;return this.date?null===(e=f.DateTime.fromMillis(this.date))||void 0===e?void 0:e.setLocale(g(this.locale)).toLocaleString(f.DateTime.DATE_MED):"-"}},I=class{constructor(t){e(this,t),this.columnTitle="Date converted",this.dateShown="dateConverted",r(this)}disconnectedCallback(){}async renderCell(e,s){return t("sqm-referral-table-date-cell",{date:e[this.dateShown],locale:s})}async renderLabel(){return this.columnTitle}async renderReferrerCell(e){return t("sqm-referral-table-date-cell",{date:e[this.dateShown]})}render(){return p([this.dateShown,this.columnTitle]),t(a,{style:{display:"none"}})}},M=class{constructor(t){e(this,t),this.locale="en"}render(){var e;d.locale=this.locale;const s=u({"@keyframes slideRight":{from:{opacity:0},to:{opacity:1}},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","&::part(header)":{padding:"var(--sl-spacing-x-small)",cursor:this.hideDetails?"default":"pointer"},"&::part(content)":{padding:"var(--sl-spacing-x-small) var(--sl-spacing-medium)"},"&::part(base)":{opacity:"1"},"&::part(summary-icon)":{display:this.hideDetails?"none":"flex"},"&::part(summary-icon[open])":{transform:"rotate(-90deg)",background:"red"}},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"}},RedeemBadge:{paddingLeft:"var(--sl-spacing-xxx-small)","&::part(base)":{background:"var(--sl-color-blue-600)"}}}),a=s.toString(),r=e=>f.DateTime.fromMillis(e).setLocale(g(this.locale)).toRelative().replace("in","").trim();return null===(e=this.rewards)||void 0===e?void 0:e.map((e=>{const l=1===(n=e.statuses).length?n[0]:["REDEEMED","CANCELLED","EXPIRED","PENDING","AVAILABLE"].find((e=>n.includes(e)&&e));var n;const i=(e=>{switch(e){case"REDEEMED":return"primary";case"EXPIRED":case"CANCELLED":return"danger";case"PENDING":return"warning";case"AVAILABLE":return"success"}})(l),o=d.formatMessage({id:"statusShortMessage",defaultMessage:this.statusText},{status:l}),c=d.formatMessage({id:"statusLongMessage",defaultMessage:this.statusLongText},{status:l});return t("sl-details",{class:s.classes.Details,disabled:this.hideDetails},t("style",{type:"text/css"},a),t("div",{slot:"summary",class:s.classes.DetailsContainer},t(E,{type:"p"},t("span",{class:s.classes.BoldText},e.prettyValue)),t("div",{class:s.classes.BadgeContainer},t("sl-badge",{class:"primary"===i?s.classes.RedeemBadge:s.classes.StatusBadge,type:i,pill:!0},"PENDING"===l&&e.dateScheduledFor?d.formatMessage({id:"pendingForText",defaultMessage:this.pendingForText},{status:o,date:r(e.dateScheduledFor)}):o),e.dateExpires&&"AVAILABLE"===l&&t("sl-badge",{class:"primary"===i?s.classes.RedeemBadge:s.classes.StatusBadge,type:"info",pill:!0},this.expiringText,` ${r(e.dateExpires)}`))),t("div",null,e.dateGiven&&t("div",null,t(E,{type:"p"},this.rewardReceivedText," ",t("span",{class:s.classes.BoldText},f.DateTime.fromMillis(e.dateGiven).setLocale(g(this.locale)).toLocaleString(f.DateTime.DATE_MED)))),"EXPIRED"===l&&e.dateExpires&&t("div",null,t(E,{type:"p"},c," ",t("span",{class:s.classes.BoldText},f.DateTime.fromMillis(e.dateExpires).setLocale(g(this.locale)).toLocaleString(f.DateTime.DATE_MED)))),"CANCELLED"===l&&e.dateCancelled&&t("div",null,t(E,{type:"p"},c," ",t("span",{class:s.classes.BoldText},f.DateTime.fromMillis(e.dateCancelled).setLocale(g(this.locale)).toLocaleString(f.DateTime.DATE_MED)))),"PENDING"===l&&e.dateScheduledFor&&t("div",null,t(E,{type:"p"},c," ",t("span",{class:s.classes.BoldText},f.DateTime.fromMillis(e.dateScheduledFor).setLocale(g(this.locale)).toLocaleString(f.DateTime.DATE_MED))))," ","AVAILABLE"===l&&e.dateExpires&&t("div",null,t(E,{type:"p"},c," ",t("span",{class:s.classes.BoldText},f.DateTime.fromMillis(e.dateExpires).setLocale(g(this.locale)).toLocaleString(f.DateTime.DATE_MED)))),e.fuelTankCode&&t("div",null,this.fuelTankText," ",t("span",{class:s.classes.BoldText},e.fuelTankCode))))}))}},T=class{constructor(t){e(this,t),this.columnTitle="Rewards",this.statusText="{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }",this.statusLongText="{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} EXPIRED {Reward expired on} other {Not available} }",this.fuelTankText="Your code is",this.rewardReceivedText="Reward received on",this.expiringText="Expiring in",this.pendingForText="{status} for {date}",this.hideDetails=!1,r(this)}disconnectedCallback(){}async renderCell(e,s){return t("sqm-referral-table-rewards-cell",{rewards:e.rewards,statusText:this.statusText,statusLongText:this.statusLongText,fuelTankText:this.fuelTankText,rewardReceivedText:this.rewardReceivedText,expiringText:this.expiringText,pendingForText:this.pendingForText,hideDetails:this.hideDetails,locale:s})}async renderLabel(){return this.columnTitle}async renderReferrerCell(e){return t("sqm-referral-table-rewards-cell",{rewards:e.rewards})}render(){return p([this.columnTitle,this.statusText,this.statusLongText,this.fuelTankText,this.rewardReceivedText,this.expiringText,this.pendingForText,this.hideDetails]),t(a,{style:{display:"none"}})}},k=u({Badge:{"&::part(base)":{fontSize:"var(--sl-font-size-small)",padding:"4px 8px",whiteSpace:"pre-line"}}}),q=k.toString(),j=class{constructor(t){e(this,t)}render(){return t("div",null,t("style",{type:"text/css"},q),t("sl-badge",{pill:!0,type:this.converted?"success":"warning",class:k.classes.Badge},this.statusText))}},B=class{constructor(t){e(this,t),this.columnTitle="Status",this.convertedStatusText="Converted",this.inProgressStatusText="In Progress",r(this)}disconnectedCallback(){}async renderCell(e){return t("sqm-referral-table-status-cell",{"status-text":e.dateConverted?this.convertedStatusText:this.inProgressStatusText,converted:!!e.dateConverted})}async renderLabel(){return this.columnTitle}async renderReferrerCell(e){return t("sqm-referral-table-status-cell",{"status-text":e.dateConverted?this.convertedStatusText:this.inProgressStatusText,converted:!!e.dateConverted})}render(){return p([this.columnTitle,this.convertedStatusText,this.inProgressStatusText]),t(a,{style:{display:"none"}})}},S=class{constructor(t){e(this,t)}render(){return this.name}},G=class{constructor(t){e(this,t),this.columnTitle="Customer",this.anonymousUser="Anonymous User",this.deletedUser="Deleted User",r(this)}disconnectedCallback(){}async renderCell(e){var s,a,r,l,n,i,d,o;let c;return c=(null==e?void 0:e.referredUser)||(null==e?void 0:e.referrerUser)?(null===(s=null==e?void 0:e.referredUser)||void 0===s?void 0:s.firstName)||(null===(a=null==e?void 0:e.referredUser)||void 0===a?void 0:a.lastName)||(null===(r=null==e?void 0:e.referrerUser)||void 0===r?void 0:r.firstName)||(null===(l=null==e?void 0:e.referrerUser)||void 0===l?void 0:l.lastName)?(null==e?void 0:e.referrerUser)?`${null===(n=null==e?void 0:e.referrerUser)||void 0===n?void 0:n.firstName} ${null===(i=null==e?void 0:e.referrerUser)||void 0===i?void 0:i.lastName}`:`${null===(d=null==e?void 0:e.referredUser)||void 0===d?void 0:d.firstName} ${null===(o=null==e?void 0:e.referredUser)||void 0===o?void 0:o.lastName}`:this.anonymousUser:this.deletedUser,t("sqm-referral-table-user-cell",{name:c})}async renderLabel(){return this.columnTitle}async renderReferrerCell(e){var s,a,r,l;let n;return n=e?(null===(s=null==e?void 0:e.referrerUser)||void 0===s?void 0:s.firstName)||(null===(a=e.referrerUser)||void 0===a?void 0:a.lastName)?`${null===(r=null==e?void 0:e.referrerUser)||void 0===r?void 0:r.firstName} ${null===(l=null==e?void 0:e.referrerUser)||void 0===l?void 0:l.lastName}`:this.anonymousUser:this.deletedUser,t("sqm-referral-table-user-cell",{name:n})}render(){return p([this.deletedUser,this.anonymousUser,this.columnTitle]),t(a,{style:{display:"none"}})}};export{R as sqm_referral_table,D as sqm_referral_table_cell,N as sqm_referral_table_column,A as sqm_referral_table_date_cell,I as sqm_referral_table_date_column,M as sqm_referral_table_rewards_cell,T as sqm_referral_table_rewards_column,j as sqm_referral_table_status_cell,B as sqm_referral_table_status_column,S as sqm_referral_table_user_cell,G as sqm_referral_table_user_column}
@@ -1 +0,0 @@
1
- var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++){t=arguments[r];for(var a in t)if(Object.prototype.hasOwnProperty.call(t,a))e[a]=t[a]}return e};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(e,t,r,n){function a(e){return e instanceof r?e:new r((function(t){t(e)}))}return new(r||(r=Promise))((function(r,i){function s(e){try{o(n.next(e))}catch(e){i(e)}}function l(e){try{o(n["throw"](e))}catch(e){i(e)}}function o(e){e.done?r(e.value):a(e.value).then(s,l)}o((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var r={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},n,a,i,s;return s={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function l(e){return function(t){return o([e,t])}}function o(s){if(n)throw new TypeError("Generator is already executing.");while(r)try{if(n=1,a&&(i=s[0]&2?a["return"]:s[0]?a["throw"]||((i=a["return"])&&i.call(a),0):a.next)&&!(i=i.call(a,s[1])).done)return i;if(a=0,i)s=[s[0]&2,i.value];switch(s[0]){case 0:case 1:i=s;break;case 4:r.label++;return{value:s[1],done:false};case 5:r.label++;a=s[1];s=[0];continue;case 7:s=r.ops.pop();r.trys.pop();continue;default:if(!(i=r.trys,i=i.length>0&&i[i.length-1])&&(s[0]===6||s[0]===2)){r=0;continue}if(s[0]===3&&(!i||s[1]>i[0]&&s[1]<i[3])){r.label=s[1];break}if(s[0]===6&&r.label<i[1]){r.label=i[1];i=s;break}if(i&&r.label<i[2]){r.label=i[2];r.ops.push(s);break}if(i[2])r.ops.pop();r.trys.pop();continue}s=t.call(e,r)}catch(e){s=[6,e];a=0}finally{n=i=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};var __spreadArrays=this&&this.__spreadArrays||function(){for(var e=0,t=0,r=arguments.length;t<r;t++)e+=arguments[t].length;for(var n=Array(e),a=0,t=0;t<r;t++)for(var i=arguments[t],s=0,l=i.length;s<l;s++,a++)n[a]=i[s];return n};System.register(["./p-ff17b3a4.system.js","./p-34a64c60.system.js","./p-af16faae.system.js","./p-867ba20a.system.js","./p-e4a5687e.system.js","./p-4bd679a7.system.js","./p-f6934a55.system.js","./p-1a673057.system.js","./p-bef0a1f4.system.js","./p-66247b60.system.js","./p-a9444fa1.system.js","./p-b103de2f.system.js","./p-18391f95.system.js","./p-6333265f.system.js","./p-45374f45.system.js"],(function(e){"use strict";var t,r,n,a,i,s,l,o,u,d,c,f,p,v,h,m,g,_,y,b,T;return{setters:[function(e){t=e.r;r=e.h;n=e.g;a=e.c},function(e){i=e.m;s=e.f;l=e.k;o=e.u},function(e){u=e.i},function(){},function(e){d=e.i},function(e){c=e.c},function(){},function(e){f=e.c},function(e){p=e.G},function(e){v=e.a;h=e.u},function(e){m=e.u},function(e){g=e.l},function(e){_=e.u;y=e.t},function(e){b=e.l},function(e){T=e.T}],execute:function(){var x=function(e){if(e===void 0){e=4}var t=__spreadArrays(Array(e)).map((function(){return C()}));return{totalCount:6,count:e,referredByReferral:{dateConverted:null,dateReferralStarted:1643912659850,referrerUser:{firstName:"John",lastName:"Snow",rewards:[]}},data:t}};var w=[["AVAILABLE"],["PENDING"],["CANCELLED"],["EXPIRED"],["REDEEMED"]];var E=["Rajesh","Pierre","Ji-Ho","Chinua","Charleston","Sally","Gael","Jill","Jane","Khadija"];var D=["Smith","Parker","Kent","Chew","Stark","Banner","Jones","Odinson","Pym","Rogers"];var C=function(){return{id:"5cae6b0fcc540e209db45b53",referredUser:{id:"5cae6b0ce4b0d81c67b78e82",accountId:"SPX1MZBIPTFL3E1H",firstName:E[Math.floor(Math.random()*E.length)],lastName:D[Math.floor(Math.random()*D.length)],email:"example.uexwltgh@mailosaur.io",programGoals:[]},shareLinkUsed:null,referralCodeUsed:"JIMBONEUTRON2",moderationStatus:"PENDING",dateConverted:Math.floor(Math.random()*10)>=5?g.DateTime.now().minus({days:6}).toMillis():null,dateFraudChecksCompleted:null,dateModerated:1558730033306,dateModified:1554934543447,dateReferralEnded:null,dateReferralPaid:null,dateReferralStarted:g.DateTime.now().minus({days:8}).toMillis(),dateUserModified:null,programId:"sam-partner-test-2",program:{id:"sam-partner-test-2",name:"Partner Program 2.0"},rewards:Math.floor(Math.random()*10)>=5?[{id:"5cae6b16cc540e209db45cfa",type:"CREDIT",value:1,unit:"POINT",name:"Partner Reward",dateGiven:1554934550726,dateExpires:null,dateCancelled:null,dateRedeemed:1637004373582,dateScheduledFor:null,fuelTankCode:null,fuelTankType:null,currency:null,prettyValue:"1 Point",statuses:w[Math.floor(Math.random()*w.length)],globalRewardKey:null,programRewardKey:"partnerReward",rewardRedemptionTransactions:{data:[{exchangedRewards:{data:[{prettyValue:"CAD10.00 Visa* Prepaid Card CAD",type:"INTEGRATION",fuelTankCode:null,globalRewardKey:"gc1"}]}}]}}]:[],childNodes:{data:[{data:{id:"5cae6b16cc540e209db45cb3",statuses:w[Math.floor(Math.random()*w.length)],type:"PCT_DISCOUNT",value:50},depth:1},{data:{id:"5cae6b16cc540e209db45cfa",statuses:w[Math.floor(Math.random()*w.length)],type:"CREDIT",value:1},depth:1}]}}};var L=e("sqm_referral_table",function(){function e(e){t(this,e);this.perPage=4;this.hideLabels=false;this.prevLabel="Prev";this.moreLabel="Next";this.showReferrer=false;this.hiddenColumns="0";this.smBreakpoint=599;this.mdBreakpoint=799;i(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=r(R,null);var t=r(N,null);var n=d()?A(this,e,t):_(this,e,t),a=n.states,i=n.data,s=n.callbacks,l=n.elements;v([this.showReferrer,this.perPage]);return r(p,{states:a,data:i,callbacks:s,elements:l})};return e}());function R(){return r("slot",{name:"empty"},r("sqm-empty",{"empty-state-image":"https://res.cloudinary.com/saasquatch/image/upload/v1644000223/squatch-assets/empty_referral2.png","empty-state-header":"View your referral details","empty-state-text":"Refer a friend to view the status of your referrals and rewards earned"}))}function N(){return r("slot",{name:"loading"},r(P,null),r(P,null),r(P,null),r(P,null))}function P(){return r("sqm-table-row",null,r("sqm-table-cell",{colspan:5},r("sl-skeleton",null)))}function A(e,t,r){var n=s((function(e,t){return __assign(__assign({},e),t)}),{columns:[],rows:[],loading:false,page:0}),a=n[0],i=n[1];var u=h();var d=l((function(){var t;return((t=e.demoData)===null||t===void 0?void 0:t.mockData)||x(e.perPage)}),[e.perPage]);var f=m();function p(t){return __awaiter(this,void 0,void 0,(function(){var r,n,a,s,l,o,u,c,f,p,v,h,m,g;var _=this;return __generator(this,(function(b){switch(b.label){case 0:a=d===null||d===void 0?void 0:d.referredByReferral;s=e.showReferrer&&!!((r=d===null||d===void 0?void 0:d.referredByReferral)===null||r===void 0?void 0:r.dateReferralStarted);if(s){n=d.data.slice(0,e.perPage-1)}else{n=d.data.slice(0,e.perPage)}l=t.filter((function(e){var t,r;return e.slot!=="loading"&&e.slot!=="empty"&&((t=e===null||e===void 0?void 0:e.firstElementChild)===null||t===void 0?void 0:t.getAttribute("slot"))!=="loading"&&((r=e===null||e===void 0?void 0:e.firstElementChild)===null||r===void 0?void 0:r.getAttribute("slot"))!=="empty"}));o=l===null||l===void 0?void 0:l.map((function(e,t){return __awaiter(_,void 0,void 0,(function(){var r,n,a;return __generator(this,(function(i){n=(r=e===null||e===void 0?void 0:e.firstElementChild)===null||r===void 0?void 0:r.getAttribute("slot");if(e.tagName==="RAISINS-PLOP-TARGET"&&n!=="loading"&&n!=="empty"){e.setAttribute("slot","column-"+t);e.style.position="absolute";a=e.firstElementChild.childNodes[1];a.innerHTML="+";a.style.lineHeight="20px";return[2,y(e,(function(){return e.renderLabel(t)}))]}return[2,y(e,(function(){return e.renderLabel()}))]}))}))}));if(!s)return[3,2];c=l===null||l===void 0?void 0:l.map((function(e){return __awaiter(_,void 0,void 0,(function(){return __generator(this,(function(t){return[2,y(e,(function t(){return e.renderCell(a,e)}))]}))}))}));return[4,Promise.all(c)];case 1:u=b.sent();b.label=2;case 2:f=n===null||n===void 0?void 0:n.map((function(e){return __awaiter(_,void 0,void 0,(function(){var t,r;var n=this;return __generator(this,(function(a){switch(a.label){case 0:t=l===null||l===void 0?void 0:l.map((function(t){return __awaiter(n,void 0,void 0,(function(){return __generator(this,(function(r){return[2,y(t,(function(){return t.renderCell(e,undefined)}))]}))}))}));return[4,Promise.all(t)];case 1:r=a.sent();return[2,r]}}))}))}));v=f;if(!v)return[3,4];h=[[u]];return[4,Promise.all(f)];case 3:v=__spreadArrays.apply(void 0,h.concat([b.sent()])).filter((function(e){return e}));b.label=4;case 4:p=v;i({rows:p});g=o;if(!g)return[3,6];return[4,Promise.all(o)];case 5:g=b.sent();b.label=6;case 6:m=g;i({columns:m,loading:false,page:0});return[2]}}))}))}o((function(){i({loading:true});(d===null||d===void 0?void 0:d.data)&&p(f)}),[d===null||d===void 0?void 0:d.data,f,u]);var v=c({states:{hasPrev:false,hasNext:false,loading:false,show:"rows"},callbacks:{prevPage:function(){return console.log("Prev")},nextPage:function(){return console.log("Next")}},data:{textOverrides:{showLabels:!e.hideLabels,prevLabel:e.prevLabel,moreLabel:e.moreLabel},hiddenColumns:e.hiddenColumns,referralData:[],mdBreakpoint:799,smBreakpoint:599},elements:{columns:a.columns,rows:a.rows,emptyElement:t,loadingElement:r}},e.demoData||{},{arrayMerge:function(e,t){return t}});return v}var M=e("sqm_referral_table_cell",function(){function e(e){t(this,e);this.ignored=true;i(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){return r("div",{innerHTML:this.innerTemplate})};return e}());var S=e("sqm_referral_table_column",function(){function e(e){t(this,e);i(this)}e.prototype.disconnectedCallback=function(){};e.prototype.renderCell=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,r("sqm-referral-table-cell",{"inner-template":n(this).innerHTML})]}))}))};e.prototype.renderLabel=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,Promise.resolve(this.columnTitle)]}))}))};e.prototype.render=function(){v([this.columnTitle]);return r(a,{style:{display:"none"}},r("slot",null))};return e}());var k=e("sqm_referral_table_date_cell",function(){function e(e){t(this,e);this.ignored=true;this.locale="en";i(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e;var t=!this.date?"-":(e=g.DateTime.fromMillis(this.date))===null||e===void 0?void 0:e.setLocale(b(this.locale)).toLocaleString(g.DateTime.DATE_MED);return t};return e}());var B=e("sqm_referral_table_date_column",function(){function e(e){t(this,e);this.columnTitle="Date converted";this.dateShown="dateConverted";i(this)}e.prototype.disconnectedCallback=function(){};e.prototype.renderCell=function(e,t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){return[2,r("sqm-referral-table-date-cell",{date:e[this.dateShown],locale:t})]}))}))};e.prototype.renderLabel=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.columnTitle]}))}))};e.prototype.renderReferrerCell=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,r("sqm-referral-table-date-cell",{date:e[this.dateShown]})]}))}))};e.prototype.render=function(){v([this.dateShown,this.columnTitle]);return r(a,{style:{display:"none"}})};return e}());var I=e("sqm_referral_table_rewards_cell",function(){function e(e){t(this,e);this.locale="en"}e.prototype.render=function(){var e=this;var t;u.locale=this.locale;var n={"@keyframes slideRight":{from:{opacity:0},to:{opacity:1}},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","&::part(header)":{padding:"var(--sl-spacing-x-small)",cursor:""+(this.hideDetails?"default":"pointer")},"&::part(content)":{padding:"var(--sl-spacing-x-small) var(--sl-spacing-medium)"},"&::part(base)":{opacity:"1"},"&::part(summary-icon)":{display:""+(this.hideDetails?"none":"flex")},"&::part(summary-icon[open])":{transform:"rotate(-90deg)",background:"red"}},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"}},RedeemBadge:{paddingLeft:"var(--sl-spacing-xxx-small)","&::part(base)":{background:"var(--sl-color-blue-600)"}}};var a=f(n);var i=a.toString();var s=function(e){var t=["REDEEMED","CANCELLED","EXPIRED","PENDING","AVAILABLE"];if(e.length===1)return e[0];return t.find((function(t){return e.includes(t)&&t}))};var l=function(e){switch(e){case"REDEEMED":return"primary";case"EXPIRED":return"danger";case"CANCELLED":return"danger";case"PENDING":return"warning";case"AVAILABLE":return"success"}};var o=function(t){return g.DateTime.fromMillis(t).setLocale(b(e.locale)).toRelative().replace("in","").trim()};return(t=this.rewards)===null||t===void 0?void 0:t.map((function(t){var n=s(t.statuses);var d=l(n);var c=u.formatMessage({id:"statusShortMessage",defaultMessage:e.statusText},{status:n});var f=u.formatMessage({id:"statusLongMessage",defaultMessage:e.statusLongText},{status:n});return r("sl-details",{class:a.classes.Details,disabled:e.hideDetails},r("style",{type:"text/css"},i),r("div",{slot:"summary",class:a.classes.DetailsContainer},r(T,{type:"p"},r("span",{class:a.classes.BoldText},t.prettyValue)),r("div",{class:a.classes.BadgeContainer},n==="PENDING"&&t.dateScheduledFor?r("sl-badge",{class:d==="primary"?a.classes.RedeemBadge:a.classes.StatusBadge,type:d,pill:true},u.formatMessage({id:"pendingForText",defaultMessage:e.pendingForText},{status:c,date:o(t.dateScheduledFor)})):r("sl-badge",{class:d==="primary"?a.classes.RedeemBadge:a.classes.StatusBadge,type:d,pill:true},c),t.dateExpires&&n==="AVAILABLE"&&r("sl-badge",{class:d==="primary"?a.classes.RedeemBadge:a.classes.StatusBadge,type:"info",pill:true},e.expiringText," "+o(t.dateExpires)))),r("div",null,t.dateGiven&&r("div",null,r(T,{type:"p"},e.rewardReceivedText," ",r("span",{class:a.classes.BoldText},g.DateTime.fromMillis(t.dateGiven).setLocale(b(e.locale)).toLocaleString(g.DateTime.DATE_MED)))),n==="EXPIRED"&&t.dateExpires&&r("div",null,r(T,{type:"p"},f," ",r("span",{class:a.classes.BoldText},g.DateTime.fromMillis(t.dateExpires).setLocale(b(e.locale)).toLocaleString(g.DateTime.DATE_MED)))),n==="CANCELLED"&&t.dateCancelled&&r("div",null,r(T,{type:"p"},f," ",r("span",{class:a.classes.BoldText},g.DateTime.fromMillis(t.dateCancelled).setLocale(b(e.locale)).toLocaleString(g.DateTime.DATE_MED)))),n==="PENDING"&&t.dateScheduledFor&&r("div",null,r(T,{type:"p"},f," ",r("span",{class:a.classes.BoldText},g.DateTime.fromMillis(t.dateScheduledFor).setLocale(b(e.locale)).toLocaleString(g.DateTime.DATE_MED))))," ",n==="AVAILABLE"&&t.dateExpires&&r("div",null,r(T,{type:"p"},f," ",r("span",{class:a.classes.BoldText},g.DateTime.fromMillis(t.dateExpires).setLocale(b(e.locale)).toLocaleString(g.DateTime.DATE_MED)))),t.fuelTankCode&&r("div",null,e.fuelTankText," ",r("span",{class:a.classes.BoldText},t.fuelTankCode))))}))};return e}());var U=e("sqm_referral_table_rewards_column",function(){function e(e){t(this,e);this.columnTitle="Rewards";this.statusText="{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }";this.statusLongText="{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} EXPIRED {Reward expired on} other {Not available} }";this.fuelTankText="Your code is";this.rewardReceivedText="Reward received on";this.expiringText="Expiring in";this.pendingForText="{status} for {date}";this.hideDetails=false;i(this)}e.prototype.disconnectedCallback=function(){};e.prototype.renderCell=function(e,t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){return[2,r("sqm-referral-table-rewards-cell",{rewards:e.rewards,statusText:this.statusText,statusLongText:this.statusLongText,fuelTankText:this.fuelTankText,rewardReceivedText:this.rewardReceivedText,expiringText:this.expiringText,pendingForText:this.pendingForText,hideDetails:this.hideDetails,locale:t})]}))}))};e.prototype.renderLabel=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.columnTitle]}))}))};e.prototype.renderReferrerCell=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,r("sqm-referral-table-rewards-cell",{rewards:e.rewards})]}))}))};e.prototype.render=function(){v([this.columnTitle,this.statusText,this.statusLongText,this.fuelTankText,this.rewardReceivedText,this.expiringText,this.pendingForText,this.hideDetails]);return r(a,{style:{display:"none"}})};return e}());var q={Badge:{"&::part(base)":{fontSize:"var(--sl-font-size-small)",padding:"4px 8px",whiteSpace:"pre-line"}}};var j=f(q);var G=j.toString();var F=e("sqm_referral_table_status_cell",function(){function e(e){t(this,e)}e.prototype.render=function(){return r("div",null,r("style",{type:"text/css"},G),r("sl-badge",{pill:true,type:this.converted?"success":"warning",class:j.classes.Badge},this.statusText))};return e}());var V=e("sqm_referral_table_status_column",function(){function e(e){t(this,e);this.columnTitle="Status";this.convertedStatusText="Converted";this.inProgressStatusText="In Progress";i(this)}e.prototype.disconnectedCallback=function(){};e.prototype.renderCell=function(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(n){t=e.dateConverted?this.convertedStatusText:this.inProgressStatusText;return[2,r("sqm-referral-table-status-cell",{"status-text":t,converted:e.dateConverted?true:false})]}))}))};e.prototype.renderLabel=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.columnTitle]}))}))};e.prototype.renderReferrerCell=function(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(n){t=e.dateConverted?this.convertedStatusText:this.inProgressStatusText;return[2,r("sqm-referral-table-status-cell",{"status-text":t,converted:e.dateConverted?true:false})]}))}))};e.prototype.render=function(){v([this.columnTitle,this.convertedStatusText,this.inProgressStatusText]);return r(a,{style:{display:"none"}})};return e}());var O=e("sqm_referral_table_user_cell",function(){function e(e){t(this,e)}e.prototype.render=function(){return this.name};return e}());var X=e("sqm_referral_table_user_column",function(){function e(e){t(this,e);this.columnTitle="Customer";this.anonymousUser="Anonymous User";this.deletedUser="Deleted User";i(this)}e.prototype.disconnectedCallback=function(){};e.prototype.renderCell=function(e){return __awaiter(this,void 0,void 0,(function(){var t,n,a,i,s,l,o,u,d;return __generator(this,(function(c){if(!(e===null||e===void 0?void 0:e.referredUser)&&!(e===null||e===void 0?void 0:e.referrerUser)){d=this.deletedUser}else if(!((t=e===null||e===void 0?void 0:e.referredUser)===null||t===void 0?void 0:t.firstName)&&!((n=e===null||e===void 0?void 0:e.referredUser)===null||n===void 0?void 0:n.lastName)&&!((a=e===null||e===void 0?void 0:e.referrerUser)===null||a===void 0?void 0:a.firstName)&&!((i=e===null||e===void 0?void 0:e.referrerUser)===null||i===void 0?void 0:i.lastName)){d=this.anonymousUser}else if(e===null||e===void 0?void 0:e.referrerUser){d=((s=e===null||e===void 0?void 0:e.referrerUser)===null||s===void 0?void 0:s.firstName)+" "+((l=e===null||e===void 0?void 0:e.referrerUser)===null||l===void 0?void 0:l.lastName)}else{d=((o=e===null||e===void 0?void 0:e.referredUser)===null||o===void 0?void 0:o.firstName)+" "+((u=e===null||e===void 0?void 0:e.referredUser)===null||u===void 0?void 0:u.lastName)}return[2,r("sqm-referral-table-user-cell",{name:d})]}))}))};e.prototype.renderLabel=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.columnTitle]}))}))};e.prototype.renderReferrerCell=function(e){return __awaiter(this,void 0,void 0,(function(){var t,n,a,i,s;return __generator(this,(function(l){if(!e){s=this.deletedUser}else if(!((t=e===null||e===void 0?void 0:e.referrerUser)===null||t===void 0?void 0:t.firstName)&&!((n=e.referrerUser)===null||n===void 0?void 0:n.lastName)){s=this.anonymousUser}else{s=((a=e===null||e===void 0?void 0:e.referrerUser)===null||a===void 0?void 0:a.firstName)+" "+((i=e===null||e===void 0?void 0:e.referrerUser)===null||i===void 0?void 0:i.lastName)}return[2,r("sqm-referral-table-user-cell",{name:s})]}))}))};e.prototype.render=function(){v([this.deletedUser,this.anonymousUser,this.columnTitle]);return r(a,{style:{display:"none"}})};return e}())}}}));