@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 +1 @@
1
- var __makeTemplateObject=this&&this.__makeTemplateObject||function(e,t){if(Object.defineProperty){Object.defineProperty(e,"raw",{value:t})}else{e.raw=t}return e};var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var t,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 l(e){try{o(n.next(e))}catch(e){i(e)}}function s(e){try{o(n["throw"](e))}catch(e){i(e)}}function o(e){e.done?r(e.value):a(e.value).then(l,s)}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,l;return l={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(l[Symbol.iterator]=function(){return this}),l;function s(e){return function(t){return o([e,t])}}function o(l){if(n)throw new TypeError("Generator is already executing.");while(r)try{if(n=1,a&&(i=l[0]&2?a["return"]:l[0]?a["throw"]||((i=a["return"])&&i.call(a),0):a.next)&&!(i=i.call(a,l[1])).done)return i;if(a=0,i)l=[l[0]&2,i.value];switch(l[0]){case 0:case 1:i=l;break;case 4:r.label++;return{value:l[1],done:false};case 5:r.label++;a=l[1];l=[0];continue;case 7:l=r.ops.pop();r.trys.pop();continue;default:if(!(i=r.trys,i=i.length>0&&i[i.length-1])&&(l[0]===6||l[0]===2)){r=0;continue}if(l[0]===3&&(!i||l[1]>i[0]&&l[1]<i[3])){r.label=l[1];break}if(l[0]===6&&r.label<i[1]){r.label=i[1];i=l;break}if(i&&r.label<i[2]){r.label=i[2];r.ops.push(l);break}if(i[2])r.ops.pop();r.trys.pop();continue}l=t.call(e,r)}catch(e){l=[6,e];a=0}finally{n=i=0}if(l[0]&5)throw l[1];return{value:l[0]?l[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],l=0,s=i.length;l<s;l++,a++)n[a]=i[l];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"],(function(e){"use strict";var t,r,n,a,i,l,s,o,d,u,c,p,f,m,v,h,g,y,w,_,b,E,T,x;return{setters:[function(e){t=e.h;r=e.r;n=e.c},function(e){a=e.b;i=e.f;l=e.u;s=e.m;o=e.k},function(e){d=e.i},function(){},function(e){u=e.d;c=e.N;p=e.O;f=e.x;m=e.v;v=e.i},function(e){h=e.c},function(){},function(e){g=e.c},function(e){y=e.G},function(e){w=e.u;_=e.a},function(e){b=e.u},function(e){E=e.l},function(e){T=e.g},function(e){x=e.l}],execute:function(){var R=function(e){if(e===void 0){e=4}var t=__spreadArrays(Array(e)).map((function(){return S()}));return{data:t}};var A=["POINT","TICKET","GIFT"];var N=["Points","Tickets","Gifts"];var D=["AVAILABLE","PENDING","CANCELLED","EXPIRED","REDEEMED"];var C=["US_TAX","SCHEDULED","UNHANDLED_ERROR"];var S=function(){var e=false;var t=0;var r;var n;var a;var i;var l=E.DateTime.now();var s=Math.floor(Math.random()*3);var o=D[Math.floor(Math.random()*5)];var d=A[s];var u=N[s];var c=Math.floor(Math.random()*100)+2;if(o==="AVAILABLE"){t=Math.floor(Math.random()*c);i=Math.floor(Math.random()*10)<3?l.plus({days:7}).toMillis():null}else if(o==="EXPIRED"){e=true;t=Math.floor(Math.random()*c);i=l.minus({days:1}).toMillis()}else if(o==="PENDING"){var p=C[Math.floor(Math.random()*3)];r=[p];if(p==="SCHEDULED"){n=l.plus({days:6}).toMillis()}}else if(o==="REDEEMED"){e=true}else{e=true;a=l.minus({days:2}).toMillis()}var f=Math.floor(Math.random()*3);return{id:"61f7878e096c9265de88b46f",type:"CREDIT",value:c,unit:d,name:null,dateGiven:l.minus({days:3}).toMillis(),dateExpires:i,dateCancelled:a,dateRedeemed:o==="REDEEMED"?l.plus({days:2}).toMillis():null,dateScheduledFor:n,fuelTankCode:null,fuelTankType:null,currency:null,prettyValue:c+" "+u,prettyValueNumber:""+c,prettyAvailableNumber:e?"0":""+(c-t),prettyRedeemedNumber:e&&!t?"0":""+t,programId:f===1?"program-id":null,program:{name:"My Program"},statuses:[o],pendingReasons:r,globalRewardKey:null,programRewardKey:null,rewardSource:f===1?"AUTOMATED":"MANUAL",prettyRedeemedCredit:t+" "+u,prettyAssignedCredit:c+" "+u,prettyAvailableValue:e?"0 "+u:c-t+" "+u,exchangedRewardRedemptionTransaction:f===2?{id:"61f7878e096c9265de88b414",creditRedeemed:50,prettyRedeemedCredit:"50 Tokens",unit:"TOKEN",dateRedeemed:1643612046258}:null,referral:null,rewardRedemptionTransactions:{data:[]}}};var L=a("sq:useRewardsTable");var M="sqm-rewards-table";var P=u.gql(__makeTemplateObject(['\n query getRewards(\n $limit: Int!\n $offset: Int!\n $rewardFilter: RewardFilterInput\n $locale: RSLocale\n ) {\n viewer {\n ... on User {\n id\n rewards(\n limit: $limit\n offset: $offset\n filter: $rewardFilter\n sortBy: { field: "dateCreated", order: DESC }\n ) {\n totalCount\n count\n data {\n meta {\n status\n integration {\n name\n }\n message\n customMeta\n }\n id\n type\n value\n unit\n name\n dateGiven\n dateCreated\n dateExpires\n dateCancelled\n dateRedeemed\n dateScheduledFor\n fuelTankCode\n fuelTankType\n currency\n prettyValue(locale: $locale)\n prettyValueNumber: prettyValue(\n formatType: NUMBER_FORMATTED\n locale: $locale\n )\n prettyAvailableNumber: prettyAvailableValue(\n formatType: NUMBER_FORMATTED\n locale: $locale\n )\n prettyRedeemedNumber: prettyRedeemedCredit(\n formatType: NUMBER_FORMATTED\n locale: $locale\n )\n programId\n program {\n name\n }\n statuses\n pendingReasons\n globalRewardKey\n programRewardKey\n rewardSource\n prettyRedeemedCredit(locale: $locale)\n prettyAssignedCredit(locale: $locale)\n prettyAvailableValue(locale: $locale)\n exchangedRewardRedemptionTransaction {\n id\n creditRedeemed\n prettyRedeemedCredit(locale: $locale)\n unit\n dateRedeemed\n }\n referral {\n id\n referrerUser {\n id\n firstName\n lastName\n }\n referredUser {\n id\n firstName\n lastName\n }\n }\n rewardRedemptionTransactions {\n data {\n exchangedRewards {\n data {\n prettyValue(locale: $locale)\n type\n fuelTankCode\n globalRewardKey\n }\n }\n }\n }\n }\n }\n }\n }\n }\n'],['\n query getRewards(\n $limit: Int!\n $offset: Int!\n $rewardFilter: RewardFilterInput\n $locale: RSLocale\n ) {\n viewer {\n ... on User {\n id\n rewards(\n limit: $limit\n offset: $offset\n filter: $rewardFilter\n sortBy: { field: "dateCreated", order: DESC }\n ) {\n totalCount\n count\n data {\n meta {\n status\n integration {\n name\n }\n message\n customMeta\n }\n id\n type\n value\n unit\n name\n dateGiven\n dateCreated\n dateExpires\n dateCancelled\n dateRedeemed\n dateScheduledFor\n fuelTankCode\n fuelTankType\n currency\n prettyValue(locale: $locale)\n prettyValueNumber: prettyValue(\n formatType: NUMBER_FORMATTED\n locale: $locale\n )\n prettyAvailableNumber: prettyAvailableValue(\n formatType: NUMBER_FORMATTED\n locale: $locale\n )\n prettyRedeemedNumber: prettyRedeemedCredit(\n formatType: NUMBER_FORMATTED\n locale: $locale\n )\n programId\n program {\n name\n }\n statuses\n pendingReasons\n globalRewardKey\n programRewardKey\n rewardSource\n prettyRedeemedCredit(locale: $locale)\n prettyAssignedCredit(locale: $locale)\n prettyAvailableValue(locale: $locale)\n exchangedRewardRedemptionTransaction {\n id\n creditRedeemed\n prettyRedeemedCredit(locale: $locale)\n unit\n dateRedeemed\n }\n referral {\n id\n referrerUser {\n id\n firstName\n lastName\n }\n referredUser {\n id\n firstName\n lastName\n }\n }\n rewardRedemptionTransactions {\n data {\n exchangedRewards {\n data {\n prettyValue(locale: $locale)\n type\n fuelTankCode\n globalRewardKey\n }\n }\n }\n }\n }\n }\n }\n }\n }\n']));function I(e,r,n){var a,s;var o=c();var d=p();var u=f();var v=(a=e.programId)!==null&&a!==void 0?a:d;var h=__assign({userId_eq:o===null||o===void 0?void 0:o.id,accountId_eq:o===null||o===void 0?void 0:o.accountId},v?v==="classic"?{programId_exists:false}:{programId_eq:v}:{});var g=i((function(e,t){return __assign(__assign({},e),t)}),{columns:[],rows:[],loading:false,page:0}),y=g[0],_=g[1];var E=m(P,(function(e){var t;return(t=e===null||e===void 0?void 0:e.viewer)===null||t===void 0?void 0:t.rewards}),{limit:e.perPage,offset:0},{rewardFilter:h,locale:u},!(o===null||o===void 0?void 0:o.jwt)),T=E.envelope,x=E.states,R=E.callbacks;var A=w();var N=b();var D=T===null||T===void 0?void 0:T.data;function C(e){return __awaiter(this,void 0,void 0,(function(){var r,n,a,i,l,s,o;var d=this;return __generator(this,(function(c){switch(c.label){case 0:r=e.filter((function(e){return e.slot!=="loading"&&e.slot!=="empty"}));n=r===null||r===void 0?void 0:r.map((function(e){return __awaiter(d,void 0,void 0,(function(){return __generator(this,(function(t){return[2,U(e,(function(){return e.renderLabel()}))]}))}))}));a=D===null||D===void 0?void 0:D.map((function(e){return __awaiter(d,void 0,void 0,(function(){var n,a;var i=this;return __generator(this,(function(l){switch(l.label){case 0:n=r===null||r===void 0?void 0:r.map((function(r){return __awaiter(i,void 0,void 0,(function(){return __generator(this,(function(n){return[2,U(r,(function(){return r.renderCell(e,u,t)}))]}))}))}));return[4,Promise.all(n)];case 1:a=l.sent();return[2,a]}}))}))}));l=a;if(!l)return[3,2];return[4,Promise.all(a)];case 1:l=c.sent().filter((function(e){return e}));c.label=2;case 2:i=l;_({rows:i});o=n;if(!o)return[3,4];return[4,Promise.all(n)];case 3:o=c.sent();c.label=4;case 4:s=o;_({columns:s,loading:false,page:x.currentPage});return[2]}}))}))}l((function(){_({loading:true});T&&C(N)}),[T,N,A]);var S=!((s=y===null||y===void 0?void 0:y.rows)===null||s===void 0?void 0:s.length)&&!(D===null||D===void 0?void 0:D.length);var L=x.loading||y.loading?"loading":S?"empty":"rows";return{states:{hasNext:x.currentPage<x.pageCount-1,hasPrev:x.currentPage>0,show:L,namespace:M},data:{textOverrides:{showLabels:!e.hideLabels,prevLabel:e.prevLabel,moreLabel:e.moreLabel},hiddenColumns:e.hiddenColumns,smBreakpoint:e.smBreakpoint,mdBreakpoint:e.mdBreakpoint},elements:{columns:y.columns,rows:y.rows,emptyElement:r,loadingElement:n},callbacks:{nextPage:function(){R.setCurrentPage(x.currentPage+1)},prevPage:function(){R.setCurrentPage(x.currentPage-1)}}}}function U(e,r){return __awaiter(this,void 0,void 0,(function(){var n,a,i,l;return __generator(this,(function(s){switch(s.label){case 0:n=e.tagName.toLowerCase();return[4,customElements.whenDefined(n)];case 1:s.sent();try{a=r()}catch(e){L("label promise failed",e);return[2,t("span",null)]}s.label=2;case 2:s.trys.push([2,4,,5]);return[4,a];case 3:return[2,s.sent()];case 4:i=s.sent();L("Error rendering label",i);l=T(i);return[2,t("details",null,t("summary",null,"Error"),l)];case 5:return[2]}}))}))}var k=e("sqm_rewards_table",function(){function e(e){r(this,e);this.perPage=4;this.hideLabels=false;this.prevLabel="Prev";this.moreLabel="Next";this.hiddenColumns="0";this.smBreakpoint=599;this.mdBreakpoint=799;s(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=t(V,null);var r=t(B,null);var n=v()?$(this,e,r):I(this,e,r),a=n.states,i=n.data,l=n.callbacks,s=n.elements;_([this.perPage]);return t(y,{states:a,data:i,callbacks:l,elements:s})};return e}());function V(){return t("slot",{name:"empty"},t("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 B(){return t("slot",{name:"loading"},t(F,null),t(F,null),t(F,null),t(F,null))}function F(){return t("sqm-table-row",null,t("sqm-table-cell",{colspan:5},t("sl-skeleton",null)))}function $(e,t,r){var n=i((function(e,t){return __assign(__assign({},e),t)}),{columns:[],rows:[],loading:false,page:0}),a=n[0],s=n[1];var d=w();var u=o((function(){var t;return((t=e.demoData)===null||t===void 0?void 0:t.mockData)||R(e.perPage)}),[e.perPage]).data;var c=b();function p(t){return __awaiter(this,void 0,void 0,(function(){var r,n,a,i,l,o,d,c;var p=this;return __generator(this,(function(f){switch(f.label){case 0:r=u;r=u.slice(0,e.perPage);n=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"}));a=n===null||n===void 0?void 0:n.map((function(e,t){return __awaiter(p,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.style.position="absolute";e.setAttribute("slot","column-"+t);a=e.firstElementChild.childNodes[1];a.innerHTML="+";a.style.lineHeight="20px";return[2,U(e,(function(){return e.renderLabel(t)}))]}return[2,U(e,(function(){return e.renderLabel()}))]}))}))}));i=r===null||r===void 0?void 0:r.map((function(e){return __awaiter(p,void 0,void 0,(function(){var t,r;var a=this;return __generator(this,(function(i){switch(i.label){case 0:t=n===null||n===void 0?void 0:n.map((function(t){return __awaiter(a,void 0,void 0,(function(){return __generator(this,(function(r){return[2,U(t,(function(){return t.renderCell(e,undefined)}))]}))}))}));return[4,Promise.all(t)];case 1:r=i.sent();return[2,r]}}))}))}));o=i;if(!o)return[3,2];return[4,Promise.all(i)];case 1:o=f.sent().filter((function(e){return e}));f.label=2;case 2:l=o;s({rows:l});c=a;if(!c)return[3,4];return[4,Promise.all(a)];case 3:c=f.sent();f.label=4;case 4:d=c;s({columns:d,loading:false,page:0});return[2]}}))}))}l((function(){s({loading:true});u&&p(c)}),[u,c,d]);var f=h({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},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 f}var q=e("sqm_rewards_table_date_cell",function(){function e(e){r(this,e);this.ignored=true;this.locale="en";s(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e,t;var r=!this.date?"-":(t=(e=E.DateTime.fromMillis(this.date))===null||e===void 0?void 0:e.setLocale(x(this.locale)))===null||t===void 0?void 0:t.toLocaleString(E.DateTime.DATE_MED);return r};return e}());var O=e("sqm_rewards_table_date_column",function(){function e(e){r(this,e);this.columnTitle="Date received";this.dateShown="dateGiven";s(this)}e.prototype.disconnectedCallback=function(){};e.prototype.renderCell=function(e,r){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){return[2,t("sqm-rewards-table-date-cell",{date:e[this.dateShown],locale:r})]}))}))};e.prototype.renderLabel=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.columnTitle]}))}))};e.prototype.render=function(){_([this.dateShown,this.columnTitle]);return t(n,{style:{display:"none"}})};return e}());var j={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"}}};var G=g(j);var z=G.toString();var K=e("sqm_rewards_table_reward_cell",function(){function e(e){r(this,e)}e.prototype.render=function(){var e=this;d.locale=this.locale;var r=function(r){var n=r.reward;var a;var i=n.unit==="CENTS"?n.prettyValue.replace(/USD/gi,"$"):(a=n.prettyValue)!==null&&a!==void 0?a:"-";var l=n.prettyValueNumber==="1"||n.dateRedeemed&&n.prettyAvailableNumber==="0";if(n.type==="FUELTANK"){return t("div",{class:G.classes.Fueltank},n.prettyValue,n.fuelTankCode&&t("div",{class:"code",onClick:function(){return navigator.clipboard.writeText(n.fuelTankCode)}},t("sl-tooltip",{trigger:"click",placement:"top",distance:5,skidding:11,content:e.copyText,"onSl-show":function(e){return setTimeout((function(){return e.path[0].hide()}),1e3)}},t("span",{class:"text"},n.fuelTankCode),t("span",{class:"icon"},t("sl-icon",{name:"files"})))))}if(n.type==="CREDIT"&&!l){var s=parseFloat(n.prettyValueNumber)-parseFloat(n.prettyRedeemedNumber);var o=Math.round(s/parseFloat(n.prettyValueNumber)*100);var u=n.statuses.includes("EXPIRED")||n.statuses.includes("CANCELLED")?t("div",null,d.formatMessage({id:"redeemedText",defaultMessage:e.redeemedText},{redeemedAmount:n.prettyRedeemedCredit})):t("div",null,d.formatMessage({id:"availableText",defaultMessage:e.availableText},{availableAmount:n.statuses.includes("PENDING")?n.prettyAssignedCredit:n.prettyAvailableValue}));var c={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:o+"%",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)"}};var p=g(c);var f=p.toString();return t("div",null,t("style",{type:"text/css"},f),t("div",{class:p.classes.Container},t("span",null,i+" "),t("br",null)," ",t("div",{class:p.classes.Progress}),t("span",{class:p.classes.Subtext},u)))}return t("div",null,i)};return t("div",{style:{display:"contents"}},t("style",{type:"text/css"},z),t(r,{reward:this.reward}))};return e}());var X=e("sqm_rewards_table_reward_column",function(){function e(e){r(this,e);this.columnTitle="Reward";this.redeemedText="{redeemedAmount} redeemed";this.availableText="{availableAmount} remaining";this.copyText="Copied!";s(this)}e.prototype.disconnectedCallback=function(){};e.prototype.renderCell=function(e,r){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){return[2,t("sqm-rewards-table-reward-cell",{reward:e,redeemedText:this.redeemedText,availableText:this.availableText,copyText:this.copyText,locale:r})]}))}))};e.prototype.renderLabel=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.columnTitle]}))}))};e.prototype.render=function(){_([this.columnTitle,this.redeemedText,this.availableText,this.copyText]);return t(n,{style:{display:"none"}})};return e}());var H=e("sqm_rewards_table_source_cell",function(){function e(e){r(this,e);this.locale="en"}e.prototype.render=function(){var e=this;d.locale=this.locale;var r=function(r){var n=r.reward;var a;return t("span",null,d.formatMessage({id:"rewardSourceText",defaultMessage:e.rewardSourceText},{rewardSource:n.rewardSource,programName:(a=n===null||n===void 0?void 0:n.program)===null||a===void 0?void 0:a.name}))};var n=21;var a=function(r){var a=r.reward;var i;var l=t("div",null,t("span",{style:{fontSize:"var(--sl-font-size-small)",color:"var(--sl-color-neutral-500)"}},e.rewardExchangeText),t("br",null),(i=a.exchangedRewardRedemptionTransaction)===null||i===void 0?void 0:i.prettyRedeemedCredit," → ",a.prettyValue);return a.exchangedRewardRedemptionTransaction.prettyRedeemedCredit.length+a.prettyValue.length<n?l:t("div",{style:{display:"inline-block",verticalAlign:"top"}},l)};var i=function(t){if(!t)return e.deletedUserText;if(!t.firstName&&!t.lastName)return e.anonymousUserText;if(!t.firstName)return""+t.lastName;if(!t.lastName)return""+t.firstName;return t.firstName+" "+t.lastName};var l=function(){return e.reward.rewardSource==="FRIEND_SIGNUP"||e.reward.rewardSource==="REFERRED"?t("div",null,t("div",{style:{fontSize:"var(--sl-font-size-small)",color:"var(--sl-color-neutral-500)"}},d.formatMessage({id:"referralText",defaultMessage:e.referralText},{rewardSource:e.reward.rewardSource})),t("div",null,e.reward.rewardSource=="FRIEND_SIGNUP"?i(e.reward.referral.referredUser):i(e.reward.referral.referrerUser))):e.reward.exchangedRewardRedemptionTransaction?t(a,{reward:e.reward}):t(r,{reward:e.reward})};return t(l,null)};return e}());var W=e("sqm_rewards_table_source_column",function(){function e(e){r(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 {}}";s(this)}e.prototype.disconnectedCallback=function(){};e.prototype.renderCell=function(e,r){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){return[2,t("sqm-rewards-table-source-cell",{reward:e,anonymousUserText:this.anonymousUser,deletedUserText:this.deletedUser,rewardExchangeText:this.rewardExchangeText,referralText:this.referralText,rewardSourceText:this.rewardSourceText,locale:r})]}))}))};e.prototype.renderLabel=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.columnTitle]}))}))};e.prototype.render=function(){_([this.deletedUser,this.anonymousUser,this.columnTitle,this.rewardExchangeText,this.referralText,this.rewardSourceText]);return t(n,{style:{display:"none"}})};return e}());var J={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"}};var Q=g(J);var Y=Q.toString();var Z=e("sqm_rewards_table_status_cell",function(){function e(e){r(this,e);this.expiryText="Expires";this.locale="en";this.pendingUsTax="W-9 required";this.pendingScheduled="Until";this.pendingUnhandled="Fulfillment error"}e.prototype.rewardStatus=function(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(e.type==="CREDIT"){if(e.statuses.includes("REDEEMED"))return"REDEEMED";return"AVAILABLE"}if(e.type==="PCT_DISCOUNT"){if(e.statuses.includes("AVAILABLE"))return"AVAILABLE"}if(e.type==="INTEGRATION"||e.type==="FUELTANK"){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""};e.prototype.render=function(){var e;d.locale=this.locale;var r=this.rewardStatus(this.reward);var n=d.formatMessage({id:"statusMessage",defaultMessage:this.statusText},{status:r});var a=r==="AVAILABLE"?"success":r==="REDEEMED"?"primary":r==="PENDING"?"warning":"danger";var i=this.reward.dateCancelled||this.reward.dateExpires||this.reward.dateRedeemed||"";var l=i&&""+(r==="AVAILABLE"&&this.reward.dateExpires?this.expiryText+" ":"")+((e=E.DateTime.fromMillis(i))===null||e===void 0?void 0:e.setLocale(x(x(this.locale))).toLocaleString(E.DateTime.DATE_MED));var s=r==="PENDING"?o(this):null;return t("div",{style:{display:"contents"}},t("style",{type:"text/css"},Y),t("sl-badge",{type:a,pill:true,class:r==="REDEEMED"?Q.classes.RedeemBadge:Q.classes.Badge},n),t("p",{class:Q.classes.Date},s||l));function o(e){var t;var r={US_TAX:e.pendingUsTax,SCHEDULED:e.reward.dateScheduledFor&&e.pendingScheduled+" "+((t=E.DateTime.fromMillis(e.reward.dateScheduledFor))===null||t===void 0?void 0:t.setLocale(x(x(e.locale||"en"))).toLocaleString(E.DateTime.DATE_MED)),UNHANDLED_ERROR:e.pendingUnhandled};return[e.reward.pendingReasons].map((function(e){var t;return(t=r[e])!==null&&t!==void 0?t:e})).join(", ")}};return e}());var ee=e("sqm_rewards_table_status_column",function(){function e(e){r(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";s(this)}e.prototype.disconnectedCallback=function(){};e.prototype.renderCell=function(e,r){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){return[2,t("sqm-rewards-table-status-cell",{statusText:this.statusText,reward:e,expiryText:this.expiryText,pendingScheduled:this.pendingScheduled,pendingUsTax:this.pendingUsTax,pendingUnhandled:this.pendingUnhandled,locale:r})]}))}))};e.prototype.renderLabel=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.columnTitle]}))}))};e.prototype.render=function(){_([this.columnTitle,this.statusText,this.expiryText,this.pendingScheduled,this.pendingUsTax,this.pendingUnhandled]);return t(n,{style:{display:"none"}})};return e}())}}}));
1
+ var __makeTemplateObject=this&&this.__makeTemplateObject||function(e,t){if(Object.defineProperty){Object.defineProperty(e,"raw",{value:t})}else{e.raw=t}return e};var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var t,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 l(e){try{o(n.next(e))}catch(e){i(e)}}function s(e){try{o(n["throw"](e))}catch(e){i(e)}}function o(e){e.done?r(e.value):a(e.value).then(l,s)}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,l;return l={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(l[Symbol.iterator]=function(){return this}),l;function s(e){return function(t){return o([e,t])}}function o(l){if(n)throw new TypeError("Generator is already executing.");while(r)try{if(n=1,a&&(i=l[0]&2?a["return"]:l[0]?a["throw"]||((i=a["return"])&&i.call(a),0):a.next)&&!(i=i.call(a,l[1])).done)return i;if(a=0,i)l=[l[0]&2,i.value];switch(l[0]){case 0:case 1:i=l;break;case 4:r.label++;return{value:l[1],done:false};case 5:r.label++;a=l[1];l=[0];continue;case 7:l=r.ops.pop();r.trys.pop();continue;default:if(!(i=r.trys,i=i.length>0&&i[i.length-1])&&(l[0]===6||l[0]===2)){r=0;continue}if(l[0]===3&&(!i||l[1]>i[0]&&l[1]<i[3])){r.label=l[1];break}if(l[0]===6&&r.label<i[1]){r.label=i[1];i=l;break}if(i&&r.label<i[2]){r.label=i[2];r.ops.push(l);break}if(i[2])r.ops.pop();r.trys.pop();continue}l=t.call(e,r)}catch(e){l=[6,e];a=0}finally{n=i=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};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-ba6ba68b.system.js","./p-6333265f.system.js"],(function(e){"use strict";var t,r,n,a,i,l,s,o,d,u,c,p,f,m,v,h,g,y,w,b,_,x,T,E,R;return{setters:[function(e){t=e.h;r=e.r;n=e.c},function(e){a=e.b;i=e.f;l=e.u;s=e.m;o=e.k},function(e){d=e.i},function(){},function(e){u=e.d;c=e.N;p=e.O;f=e.x;m=e.v;v=e.i},function(e){h=e.c},function(){},function(e){g=e.c},function(e){y=e.G},function(e){w=e.u;b=e.a},function(e){_=e.u},function(e){x=e.l},function(e){T=e.g;E=e.m},function(e){R=e.l}],execute:function(){var N=a("sq:useRewardsTable");var C="sqm-rewards-table";var A=u.gql(__makeTemplateObject(['\n query getRewards(\n $limit: Int!\n $offset: Int!\n $rewardFilter: RewardFilterInput\n $locale: RSLocale\n ) {\n viewer {\n ... on User {\n id\n rewards(\n limit: $limit\n offset: $offset\n filter: $rewardFilter\n sortBy: { field: "dateCreated", order: DESC }\n ) {\n totalCount\n count\n data {\n meta {\n status\n integration {\n name\n }\n message\n customMeta\n }\n id\n type\n value\n unit\n name\n dateGiven\n dateCreated\n dateExpires\n dateCancelled\n dateRedeemed\n dateScheduledFor\n fuelTankCode\n fuelTankType\n currency\n prettyValue(locale: $locale)\n prettyValueNumber: prettyValue(\n formatType: NUMBER_FORMATTED\n locale: $locale\n )\n prettyAvailableNumber: prettyAvailableValue(\n formatType: NUMBER_FORMATTED\n locale: $locale\n )\n prettyRedeemedNumber: prettyRedeemedCredit(\n formatType: NUMBER_FORMATTED\n locale: $locale\n )\n programId\n program {\n name\n }\n statuses\n pendingReasons\n globalRewardKey\n programRewardKey\n rewardSource\n prettyRedeemedCredit(locale: $locale)\n prettyAssignedCredit(locale: $locale)\n prettyAvailableValue(locale: $locale)\n exchangedRewardRedemptionTransaction {\n id\n creditRedeemed\n prettyRedeemedCredit(locale: $locale)\n unit\n dateRedeemed\n }\n referral {\n id\n referrerUser {\n id\n firstName\n lastName\n }\n referredUser {\n id\n firstName\n lastName\n }\n }\n rewardRedemptionTransactions {\n data {\n exchangedRewards {\n data {\n prettyValue(locale: $locale)\n type\n fuelTankCode\n globalRewardKey\n }\n }\n }\n }\n }\n }\n }\n }\n }\n'],['\n query getRewards(\n $limit: Int!\n $offset: Int!\n $rewardFilter: RewardFilterInput\n $locale: RSLocale\n ) {\n viewer {\n ... on User {\n id\n rewards(\n limit: $limit\n offset: $offset\n filter: $rewardFilter\n sortBy: { field: "dateCreated", order: DESC }\n ) {\n totalCount\n count\n data {\n meta {\n status\n integration {\n name\n }\n message\n customMeta\n }\n id\n type\n value\n unit\n name\n dateGiven\n dateCreated\n dateExpires\n dateCancelled\n dateRedeemed\n dateScheduledFor\n fuelTankCode\n fuelTankType\n currency\n prettyValue(locale: $locale)\n prettyValueNumber: prettyValue(\n formatType: NUMBER_FORMATTED\n locale: $locale\n )\n prettyAvailableNumber: prettyAvailableValue(\n formatType: NUMBER_FORMATTED\n locale: $locale\n )\n prettyRedeemedNumber: prettyRedeemedCredit(\n formatType: NUMBER_FORMATTED\n locale: $locale\n )\n programId\n program {\n name\n }\n statuses\n pendingReasons\n globalRewardKey\n programRewardKey\n rewardSource\n prettyRedeemedCredit(locale: $locale)\n prettyAssignedCredit(locale: $locale)\n prettyAvailableValue(locale: $locale)\n exchangedRewardRedemptionTransaction {\n id\n creditRedeemed\n prettyRedeemedCredit(locale: $locale)\n unit\n dateRedeemed\n }\n referral {\n id\n referrerUser {\n id\n firstName\n lastName\n }\n referredUser {\n id\n firstName\n lastName\n }\n }\n rewardRedemptionTransactions {\n data {\n exchangedRewards {\n data {\n prettyValue(locale: $locale)\n type\n fuelTankCode\n globalRewardKey\n }\n }\n }\n }\n }\n }\n }\n }\n }\n']));function S(e,r,n){var a,s;var o=c();var d=p();var u=f();var v=(a=e.programId)!==null&&a!==void 0?a:d;var h=__assign({userId_eq:o===null||o===void 0?void 0:o.id,accountId_eq:o===null||o===void 0?void 0:o.accountId},v?v==="classic"?{programId_exists:false}:{programId_eq:v}:{});var g=i((function(e,t){return __assign(__assign({},e),t)}),{columns:[],rows:[],loading:false,page:0}),y=g[0],b=g[1];var x=m(A,(function(e){var t;return(t=e===null||e===void 0?void 0:e.viewer)===null||t===void 0?void 0:t.rewards}),{limit:e.perPage,offset:0},{rewardFilter:h,locale:u},!(o===null||o===void 0?void 0:o.jwt)),T=x.envelope,E=x.states,R=x.callbacks;var N=w();var S=_();var L=T===null||T===void 0?void 0:T.data;function k(e){return __awaiter(this,void 0,void 0,(function(){var r,n,a,i,l,s,o;var d=this;return __generator(this,(function(c){switch(c.label){case 0:r=e.filter((function(e){return e.slot!=="loading"&&e.slot!=="empty"}));n=r===null||r===void 0?void 0:r.map((function(e){return __awaiter(d,void 0,void 0,(function(){return __generator(this,(function(t){return[2,D(e,(function(){return e.renderLabel()}))]}))}))}));a=L===null||L===void 0?void 0:L.map((function(e){return __awaiter(d,void 0,void 0,(function(){var n,a;var i=this;return __generator(this,(function(l){switch(l.label){case 0:n=r===null||r===void 0?void 0:r.map((function(r){return __awaiter(i,void 0,void 0,(function(){return __generator(this,(function(n){return[2,D(r,(function(){return r.renderCell(e,u,t)}))]}))}))}));return[4,Promise.all(n)];case 1:a=l.sent();return[2,a]}}))}))}));l=a;if(!l)return[3,2];return[4,Promise.all(a)];case 1:l=c.sent().filter((function(e){return e}));c.label=2;case 2:i=l;b({rows:i});o=n;if(!o)return[3,4];return[4,Promise.all(n)];case 3:o=c.sent();c.label=4;case 4:s=o;b({columns:s,loading:false,page:E.currentPage});return[2]}}))}))}l((function(){b({loading:true});T&&k(S)}),[T,S,N]);var P=!((s=y===null||y===void 0?void 0:y.rows)===null||s===void 0?void 0:s.length)&&!(L===null||L===void 0?void 0:L.length);var U=E.loading||y.loading?"loading":P?"empty":"rows";return{states:{hasNext:E.currentPage<E.pageCount-1,hasPrev:E.currentPage>0,show:U,namespace:C},data:{textOverrides:{showLabels:!e.hideLabels,prevLabel:e.prevLabel,moreLabel:e.moreLabel},hiddenColumns:e.hiddenColumns,smBreakpoint:e.smBreakpoint,mdBreakpoint:e.mdBreakpoint},elements:{columns:y.columns,rows:y.rows,emptyElement:r,loadingElement:n},callbacks:{nextPage:function(){R.setCurrentPage(E.currentPage+1)},prevPage:function(){R.setCurrentPage(E.currentPage-1)}}}}function D(e,r){return __awaiter(this,void 0,void 0,(function(){var n,a,i,l;return __generator(this,(function(s){switch(s.label){case 0:n=e.tagName.toLowerCase();return[4,customElements.whenDefined(n)];case 1:s.sent();try{a=r()}catch(e){N("label promise failed",e);return[2,t("span",null)]}s.label=2;case 2:s.trys.push([2,4,,5]);return[4,a];case 3:return[2,s.sent()];case 4:i=s.sent();N("Error rendering label",i);l=T(i);return[2,t("details",null,t("summary",null,"Error"),l)];case 5:return[2]}}))}))}var L=e("sqm_rewards_table",function(){function e(e){r(this,e);this.perPage=4;this.hideLabels=false;this.prevLabel="Prev";this.moreLabel="Next";this.hiddenColumns="0";this.smBreakpoint=599;this.mdBreakpoint=799;s(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=t(k,null);var r=t(P,null);var n=v()?I(this,e,r):S(this,e,r),a=n.states,i=n.data,l=n.callbacks,s=n.elements;b([this.perPage]);return t(y,{states:a,data:i,callbacks:l,elements:s})};return e}());function k(){return t("slot",{name:"empty"},t("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 P(){return t("slot",{name:"loading"},t(U,null),t(U,null),t(U,null),t(U,null))}function U(){return t("sqm-table-row",null,t("sqm-table-cell",{colspan:5},t("sl-skeleton",null)))}function I(e,t,r){var n=i((function(e,t){return __assign(__assign({},e),t)}),{columns:[],rows:[],loading:false,page:0}),a=n[0],s=n[1];var d=w();var u=o((function(){var t;return((t=e.demoData)===null||t===void 0?void 0:t.mockData)||E(e.perPage)}),[e.perPage]).data;var c=_();function p(t){return __awaiter(this,void 0,void 0,(function(){var r,n,a,i,l,o,d,c;var p=this;return __generator(this,(function(f){switch(f.label){case 0:r=u;r=u.slice(0,e.perPage);n=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"}));a=n===null||n===void 0?void 0:n.map((function(e,t){return __awaiter(p,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.style.position="absolute";e.setAttribute("slot","column-"+t);a=e.firstElementChild.childNodes[1];a.innerHTML="+";a.style.lineHeight="20px";return[2,D(e,(function(){return e.renderLabel(t)}))]}return[2,D(e,(function(){return e.renderLabel()}))]}))}))}));i=r===null||r===void 0?void 0:r.map((function(e){return __awaiter(p,void 0,void 0,(function(){var t,r;var a=this;return __generator(this,(function(i){switch(i.label){case 0:t=n===null||n===void 0?void 0:n.map((function(t){return __awaiter(a,void 0,void 0,(function(){return __generator(this,(function(r){return[2,D(t,(function(){return t.renderCell(e,undefined)}))]}))}))}));return[4,Promise.all(t)];case 1:r=i.sent();return[2,r]}}))}))}));o=i;if(!o)return[3,2];return[4,Promise.all(i)];case 1:o=f.sent().filter((function(e){return e}));f.label=2;case 2:l=o;s({rows:l});c=a;if(!c)return[3,4];return[4,Promise.all(a)];case 3:c=f.sent();f.label=4;case 4:d=c;s({columns:d,loading:false,page:0});return[2]}}))}))}l((function(){s({loading:true});u&&p(c)}),[u,c,d]);var f=h({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},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 f}var M=e("sqm_rewards_table_date_cell",function(){function e(e){r(this,e);this.ignored=true;this.locale="en";s(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e,t;var r=!this.date?"-":(t=(e=x.DateTime.fromMillis(this.date))===null||e===void 0?void 0:e.setLocale(R(this.locale)))===null||t===void 0?void 0:t.toLocaleString(x.DateTime.DATE_MED);return r};return e}());var $=e("sqm_rewards_table_date_column",function(){function e(e){r(this,e);this.columnTitle="Date received";this.dateShown="dateGiven";s(this)}e.prototype.disconnectedCallback=function(){};e.prototype.renderCell=function(e,r){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){return[2,t("sqm-rewards-table-date-cell",{date:e[this.dateShown],locale:r})]}))}))};e.prototype.renderLabel=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.columnTitle]}))}))};e.prototype.render=function(){b([this.dateShown,this.columnTitle]);return t(n,{style:{display:"none"}})};return e}());var B={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"}}};var F=g(B);var V=F.toString();var q=e("sqm_rewards_table_reward_cell",function(){function e(e){r(this,e)}e.prototype.render=function(){var e=this;d.locale=this.locale;var r=function(r){var n=r.reward;var a;var i=n.unit==="CENTS"?n.prettyValue.replace(/USD/gi,"$"):(a=n.prettyValue)!==null&&a!==void 0?a:"-";var l=n.prettyValueNumber==="1"||n.dateRedeemed&&n.prettyAvailableNumber==="0";if(n.type==="FUELTANK"){return t("div",{class:F.classes.Fueltank},n.prettyValue,n.fuelTankCode&&t("div",{class:"code",onClick:function(){return navigator.clipboard.writeText(n.fuelTankCode)}},t("sl-tooltip",{trigger:"click",placement:"top",distance:5,skidding:11,content:e.copyText,"onSl-show":function(e){return setTimeout((function(){return e.path[0].hide()}),1e3)}},t("span",{class:"text"},n.fuelTankCode),t("span",{class:"icon"},t("sl-icon",{name:"files"})))))}if(n.type==="CREDIT"&&!l){var s=parseFloat(n.prettyValueNumber)-parseFloat(n.prettyRedeemedNumber);var o=Math.round(s/parseFloat(n.prettyValueNumber)*100);var u=n.statuses.includes("EXPIRED")||n.statuses.includes("CANCELLED")?t("div",null,d.formatMessage({id:"redeemedText",defaultMessage:e.redeemedText},{redeemedAmount:n.prettyRedeemedCredit})):t("div",null,d.formatMessage({id:"availableText",defaultMessage:e.availableText},{availableAmount:n.statuses.includes("PENDING")?n.prettyAssignedCredit:n.prettyAvailableValue}));var c={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:o+"%",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)"}};var p=g(c);var f=p.toString();return t("div",null,t("style",{type:"text/css"},f),t("div",{class:p.classes.Container},t("span",null,i+" "),t("br",null)," ",t("div",{class:p.classes.Progress}),t("span",{class:p.classes.Subtext},u)))}return t("div",null,i)};return t("div",{style:{display:"contents"}},t("style",{type:"text/css"},V),t(r,{reward:this.reward}))};return e}());var j=e("sqm_rewards_table_reward_column",function(){function e(e){r(this,e);this.columnTitle="Reward";this.redeemedText="{redeemedAmount} redeemed";this.availableText="{availableAmount} remaining";this.copyText="Copied!";s(this)}e.prototype.disconnectedCallback=function(){};e.prototype.renderCell=function(e,r){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){return[2,t("sqm-rewards-table-reward-cell",{reward:e,redeemedText:this.redeemedText,availableText:this.availableText,copyText:this.copyText,locale:r})]}))}))};e.prototype.renderLabel=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.columnTitle]}))}))};e.prototype.render=function(){b([this.columnTitle,this.redeemedText,this.availableText,this.copyText]);return t(n,{style:{display:"none"}})};return e}());var O=e("sqm_rewards_table_source_cell",function(){function e(e){r(this,e);this.locale="en"}e.prototype.render=function(){var e=this;d.locale=this.locale;var r=function(r){var n=r.reward;var a;return t("span",null,d.formatMessage({id:"rewardSourceText",defaultMessage:e.rewardSourceText},{rewardSource:n.rewardSource,programName:(a=n===null||n===void 0?void 0:n.program)===null||a===void 0?void 0:a.name}))};var n=21;var a=function(r){var a=r.reward;var i;var l=t("div",null,t("span",{style:{fontSize:"var(--sl-font-size-small)",color:"var(--sl-color-neutral-500)"}},e.rewardExchangeText),t("br",null),(i=a.exchangedRewardRedemptionTransaction)===null||i===void 0?void 0:i.prettyRedeemedCredit," → ",a.prettyValue);return a.exchangedRewardRedemptionTransaction.prettyRedeemedCredit.length+a.prettyValue.length<n?l:t("div",{style:{display:"inline-block",verticalAlign:"top"}},l)};var i=function(t){if(!t)return e.deletedUserText;if(!t.firstName&&!t.lastName)return e.anonymousUserText;if(!t.firstName)return""+t.lastName;if(!t.lastName)return""+t.firstName;return t.firstName+" "+t.lastName};var l=function(){return e.reward.rewardSource==="FRIEND_SIGNUP"||e.reward.rewardSource==="REFERRED"?t("div",null,t("div",{style:{fontSize:"var(--sl-font-size-small)",color:"var(--sl-color-neutral-500)"}},d.formatMessage({id:"referralText",defaultMessage:e.referralText},{rewardSource:e.reward.rewardSource})),t("div",null,e.reward.rewardSource=="FRIEND_SIGNUP"?i(e.reward.referral.referredUser):i(e.reward.referral.referrerUser))):e.reward.exchangedRewardRedemptionTransaction?t(a,{reward:e.reward}):t(r,{reward:e.reward})};return t(l,null)};return e}());var G=e("sqm_rewards_table_source_column",function(){function e(e){r(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 {}}";s(this)}e.prototype.disconnectedCallback=function(){};e.prototype.renderCell=function(e,r){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){return[2,t("sqm-rewards-table-source-cell",{reward:e,anonymousUserText:this.anonymousUser,deletedUserText:this.deletedUser,rewardExchangeText:this.rewardExchangeText,referralText:this.referralText,rewardSourceText:this.rewardSourceText,locale:r})]}))}))};e.prototype.renderLabel=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.columnTitle]}))}))};e.prototype.render=function(){b([this.deletedUser,this.anonymousUser,this.columnTitle,this.rewardExchangeText,this.referralText,this.rewardSourceText]);return t(n,{style:{display:"none"}})};return e}());var z={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"}};var K=g(z);var W=K.toString();var X=e("sqm_rewards_table_status_cell",function(){function e(e){r(this,e);this.expiryText="Expires";this.locale="en";this.pendingUsTax="W-9 required";this.pendingScheduled="Until";this.pendingUnhandled="Fulfillment error"}e.prototype.rewardStatus=function(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(e.type==="CREDIT"){if(e.statuses.includes("REDEEMED"))return"REDEEMED";return"AVAILABLE"}if(e.type==="PCT_DISCOUNT"){if(e.statuses.includes("AVAILABLE"))return"AVAILABLE"}if(e.type==="INTEGRATION"||e.type==="FUELTANK"){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""};e.prototype.render=function(){var e;d.locale=this.locale;var r=this.rewardStatus(this.reward);var n=d.formatMessage({id:"statusMessage",defaultMessage:this.statusText},{status:r});var a=r==="AVAILABLE"?"success":r==="REDEEMED"?"primary":r==="PENDING"?"warning":"danger";var i=this.reward.dateCancelled||this.reward.dateExpires||this.reward.dateRedeemed||"";var l=i&&""+(r==="AVAILABLE"&&this.reward.dateExpires?this.expiryText+" ":"")+((e=x.DateTime.fromMillis(i))===null||e===void 0?void 0:e.setLocale(R(R(this.locale))).toLocaleString(x.DateTime.DATE_MED));var s=r==="PENDING"?o(this):null;return t("div",{style:{display:"contents"}},t("style",{type:"text/css"},W),t("sl-badge",{type:a,pill:true,class:r==="REDEEMED"?K.classes.RedeemBadge:K.classes.Badge},n),t("p",{class:K.classes.Date},s||l));function o(e){var t;var r={US_TAX:e.pendingUsTax,SCHEDULED:e.reward.dateScheduledFor&&e.pendingScheduled+" "+((t=x.DateTime.fromMillis(e.reward.dateScheduledFor))===null||t===void 0?void 0:t.setLocale(R(R(e.locale||"en"))).toLocaleString(x.DateTime.DATE_MED)),UNHANDLED_ERROR:e.pendingUnhandled};return[e.reward.pendingReasons].map((function(e){var t;return(t=r[e])!==null&&t!==void 0?t:e})).join(", ")}};return e}());var H=e("sqm_rewards_table_status_column",function(){function e(e){r(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";s(this)}e.prototype.disconnectedCallback=function(){};e.prototype.renderCell=function(e,r){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){return[2,t("sqm-rewards-table-status-cell",{statusText:this.statusText,reward:e,expiryText:this.expiryText,pendingScheduled:this.pendingScheduled,pendingUsTax:this.pendingUsTax,pendingUnhandled:this.pendingUnhandled,locale:r})]}))}))};e.prototype.renderLabel=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.columnTitle]}))}))};e.prototype.render=function(){b([this.columnTitle,this.statusText,this.expiryText,this.pendingScheduled,this.pendingUsTax,this.pendingUnhandled]);return t(n,{style:{display:"none"}})};return e}())}}}));
@@ -0,0 +1,183 @@
1
+ import{h as e}from"./p-64c3217a.js";import{b as a,f as t,u as r}from"./p-4e3bba58.js";import{d as l,N as d,O as n,x as o,a as s,v as i}from"./p-e4fc7952.js";import{u}from"./p-a37d0529.js";import{u as m}from"./p-e8bf0ab5.js";import{l as c}from"./p-9e1d9435.js";const f=(e=4)=>({data:[...Array(e)].map((()=>v()))}),p=["POINT","TICKET","GIFT"],R=["Points","Tickets","Gifts"],E=["AVAILABLE","PENDING","CANCELLED","EXPIRED","REDEEMED"],y=["US_TAX","SCHEDULED","UNHANDLED_ERROR"],g=["FAILED","UNCLAIMED","ONHOLD","REFUNDED","RETURNED","REVERSED","BLOCKED","DENIED"],h=()=>{const e=Math.floor(10*Math.random())>=5?123456789:null,a=Math.floor(10*Math.random())>=5?123456789:null,t=function(e){if(e)return"SUCCESS";const a=Math.floor(6*Math.random());return g.find(((e,t)=>t===a))}(e);return{status:"DENIED"===t?"WARN":e?"SUCCESS":Math.floor(10*Math.random())>=8?"ERROR":"SUCCESS",customMeta:{datePaidOut:e,dateLastAttempted:a,dateFirstAttempted:a,rawPayPalInfo:{transaction_status:t}}}},v=()=>{let e,a,t,r,l=!1,d=0;const n=c.DateTime.now(),o=Math.floor(3*Math.random()),s=E[Math.floor(5*Math.random())],i=p[o],u=R[o],m=Math.floor(100*Math.random())+2;if("AVAILABLE"===s)d=Math.floor(Math.random()*m),r=Math.floor(10*Math.random())<3?n.plus({days:7}).toMillis():null;else if("EXPIRED"===s)l=!0,d=Math.floor(Math.random()*m),r=n.minus({days:1}).toMillis();else if("PENDING"===s){const t=y[Math.floor(3*Math.random())];e=[t],"SCHEDULED"===t&&(a=n.plus({days:6}).toMillis())}else"REDEEMED"===s?l=!0:(l=!0,t=n.minus({days:2}).toMillis());const f=Math.floor(3*Math.random());return{id:"61f7878e096c9265de88b46f",type:"CREDIT",value:m,unit:i,name:null,dateGiven:n.minus({days:3}).toMillis(),dateExpires:r,dateCancelled:t,dateRedeemed:"REDEEMED"===s?n.plus({days:2}).toMillis():null,dateScheduledFor:a,fuelTankCode:null,fuelTankType:null,currency:null,prettyValue:`${m} ${u}`,prettyValueNumber:`${m}`,prettyAvailableNumber:l?"0":""+(m-d),prettyRedeemedNumber:l&&!d?"0":`${d}`,programId:1===f?"program-id":null,program:{name:"My Program"},meta:{...h()},statuses:[s],pendingReasons:e,globalRewardKey:null,programRewardKey:null,rewardSource:1===f?"AUTOMATED":"MANUAL",prettyRedeemedCredit:`${d} ${u}`,prettyAssignedCredit:`${m} ${u}`,prettyAvailableValue:l?`0 ${u}`:`${m-d} ${u}`,exchangedRewardRedemptionTransaction:2===f?{id:"61f7878e096c9265de88b414",creditRedeemed:50,prettyRedeemedCredit:"50 Tokens",unit:"TOKEN",dateRedeemed:1643612046258}:null,referral:null,rewardRedemptionTransactions:{data:[]}}},w=a("sq:useReferralTable"),M=l.gql`
2
+ query getReferrals(
3
+ $programId: ID
4
+ $rewardFilter: RewardFilterInput
5
+ $locale: RSLocale
6
+ ) {
7
+ viewer {
8
+ ... on User {
9
+ referredByReferral(programId: $programId) {
10
+ dateConverted
11
+ dateFraudChecksCompleted
12
+ dateModerated
13
+ dateModified
14
+ dateReferralEnded
15
+ dateReferralPaid
16
+ dateReferralStarted
17
+ dateUserModified
18
+ referrerUser {
19
+ firstName
20
+ lastName
21
+ }
22
+ rewards(filter: $rewardFilter) {
23
+ id
24
+ type
25
+ value
26
+ unit
27
+ name
28
+ dateGiven
29
+ dateExpires
30
+ dateCancelled
31
+ dateRedeemed
32
+ dateScheduledFor
33
+ fuelTankCode
34
+ fuelTankType
35
+ currency
36
+ prettyValue(locale: $locale)
37
+ statuses
38
+ globalRewardKey
39
+ programRewardKey
40
+ meta {
41
+ status
42
+ integration {
43
+ name
44
+ }
45
+ message
46
+ customMeta
47
+ }
48
+ rewardRedemptionTransactions {
49
+ data {
50
+ exchangedRewards {
51
+ data {
52
+ prettyValue(locale: $locale)
53
+ type
54
+ fuelTankCode
55
+ globalRewardKey
56
+ }
57
+ }
58
+ }
59
+ }
60
+ }
61
+ }
62
+ }
63
+ }
64
+ }
65
+ `,C=l.gql`
66
+ query getReferrals(
67
+ $limit: Int!
68
+ $offset: Int!
69
+ $referralFilter: ReferralFilterInput
70
+ $rewardFilter: RewardFilterInput
71
+ $locale: RSLocale
72
+ ) {
73
+ viewer {
74
+ ... on User {
75
+ id
76
+ paidReferrals: referrals(
77
+ filter: { dateReferralPaid_timeframe: "this_10_years" }
78
+ limit: 1
79
+ ) {
80
+ totalCount
81
+ }
82
+ referrals(limit: $limit, offset: $offset, filter: $referralFilter) {
83
+ totalCount
84
+ count
85
+ data {
86
+ id
87
+ referredUser {
88
+ id
89
+ accountId
90
+ firstName
91
+ lastName
92
+ email
93
+ programGoals {
94
+ goalId
95
+ programId
96
+ count
97
+ firstDate
98
+ lastDate
99
+ conversionCount
100
+ }
101
+ }
102
+ shareLinkUsed
103
+ referralCodeUsed
104
+ moderationStatus
105
+ dateConverted
106
+ dateFraudChecksCompleted
107
+ dateModerated
108
+ dateModified
109
+ dateReferralEnded
110
+ dateReferralPaid
111
+ dateReferralStarted
112
+ dateUserModified
113
+ programId
114
+ program {
115
+ id
116
+ name
117
+ }
118
+ rewards(filter: $rewardFilter) {
119
+ id
120
+ type
121
+ value
122
+ unit
123
+ name
124
+ dateGiven
125
+ dateExpires
126
+ dateCancelled
127
+ dateRedeemed
128
+ dateScheduledFor
129
+ fuelTankCode
130
+ fuelTankType
131
+ currency
132
+ prettyValue(locale: $locale)
133
+ statuses
134
+ globalRewardKey
135
+ programRewardKey
136
+ meta {
137
+ status
138
+ integration {
139
+ name
140
+ }
141
+ message
142
+ customMeta
143
+ }
144
+ rewardRedemptionTransactions {
145
+ data {
146
+ exchangedRewards {
147
+ data {
148
+ prettyValue(locale: $locale)
149
+ type
150
+ fuelTankCode
151
+ globalRewardKey
152
+ }
153
+ }
154
+ }
155
+ }
156
+ }
157
+ childNodes(limit: 10, offset: 0) {
158
+ data {
159
+ data {
160
+ id
161
+ ... on FlatReward {
162
+ id
163
+ statuses
164
+ type
165
+ value
166
+ }
167
+ ... on ProgramEmailTransaction {
168
+ id
169
+ rewardId
170
+ dateCreated
171
+ dateSent
172
+ dateQueued
173
+ }
174
+ }
175
+ depth
176
+ }
177
+ }
178
+ }
179
+ }
180
+ }
181
+ }
182
+ }
183
+ `;function I(a,l,c){var f,p,R;const E=d(),y=n(),g=null!==(f=a.programId)&&void 0!==f?f:y,h=g?"classic"===g?{programId_exists:!1}:{programId_eq:g}:{},v={userId_eq:null==E?void 0:E.id,accountId_eq:null==E?void 0:E.accountId},[w,I]=t(((e,a)=>({...e,...a})),{columns:[],rows:[],loading:!1,page:0}),D=o(),{data:$,loading:b}=s(M,{programId:"classic"===g?null:g,rewardFilter:v,locale:D},!a.showReferrer||!(null==E?void 0:E.jwt)),N=null===(p=null==$?void 0:$.viewer)||void 0===p?void 0:p.referredByReferral,S=a.showReferrer&&!!(null==N?void 0:N.dateReferralStarted),{envelope:A,states:F,callbacks:L}=i(C,(e=>{var a;return null===(a=null==e?void 0:e.viewer)||void 0===a?void 0:a.referrals}),{limit:a.perPage,offset:0},{referralFilter:h,rewardFilter:v,locale:D},a.showReferrer&&b&&!$||!(null==E?void 0:E.jwt));r((()=>{0===F.currentPage&&S&&L.setLimit(a.perPage-1)}),[S]),r((()=>{a.showReferrer&&S?(L.setLimit(a.perPage-1),L.setCurrentPage(0)):(L.setLimit(a.perPage),L.setCurrentPage(0))}),[a.showReferrer]);const P=u(),U=null==A?void 0:A.data,k=m();r((()=>{I({loading:!0}),A&&async function(a){const t=a.filter((e=>"loading"!==e.slot&&"empty"!==e.slot)),r=null==t?void 0:t.map((async e=>T(e,(()=>e.renderLabel()))));let l;if(S&&0===F.currentPage){const a=null==t?void 0:t.map((async a=>T(a,(()=>a.renderReferrerCell(N,D,e)))));l=await Promise.all(a)}const d=null==U?void 0:U.map((async a=>{const r=null==t?void 0:t.map((async t=>T(t,(()=>t.renderCell(a,D,e)))));return await Promise.all(r)})),n=d&&[l,...await Promise.all(d)].filter((e=>e));I({rows:n});const o=r&&await Promise.all(r);I({columns:o,loading:!1,page:F.currentPage})}(k)}),[A,k,P]);const x=!(null===(R=null==w?void 0:w.rows)||void 0===R?void 0:R.length)&&!(null==U?void 0:U.length);return{states:{hasNext:F.currentPage<F.pageCount-1,hasPrev:F.currentPage>0,show:F.loading||w.loading?"loading":x?"empty":"rows",namespace:"sqm-referral-table"},data:{textOverrides:{showLabels:!a.hideLabels,prevLabel:a.prevLabel,moreLabel:a.moreLabel},hiddenColumns:a.hiddenColumns,smBreakpoint:a.smBreakpoint,mdBreakpoint:a.mdBreakpoint},elements:{columns:w.columns,rows:w.rows,emptyElement:l,loadingElement:c},callbacks:{nextPage:()=>{0===F.currentPage&&S&&L.setLimit(a.perPage),L.setCurrentPage(F.currentPage+1)},prevPage:()=>{1===F.currentPage&&S&&L.setLimit(a.perPage-1),L.setCurrentPage(F.currentPage-1)}}}}function D(e){try{return JSON.stringify(e)}catch(e){return"An unknown error"}}async function T(a,t){const r=a.tagName.toLowerCase();let l;await customElements.whenDefined(r);try{l=t()}catch(a){return"renderReferrerCell"===t.name?w("column does not have a renderReferrerCell method."):w("label promise failed",a),w("label promise failed",a),e("span",null)}try{return await l}catch(a){w("Error rendering label",a);const t=D(a);return e("details",null,e("summary",null,"Error"),t)}}export{h as a,D as g,f as m,T as t,I as u}
@@ -0,0 +1 @@
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{a as y,u as b,t as g}from"./p-458e1750.js";import{l as E}from"./p-9ec99ced.js";import{T as C}from"./p-5d9244de.js";const w=[["AVAILABLE"],["PENDING"],["CANCELLED"],["EXPIRED"],["REDEEMED"]],x=["Rajesh","Pierre","Ji-Ho","Chinua","Charleston","Sally","Gael","Jill","Jane","Khadija"],R=["Smith","Parker","Kent","Chew","Stark","Banner","Jones","Odinson","Pym","Rogers"],L=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(_,null),s=t(P,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:x[Math.floor(Math.random()*x.length)],lastName:R[Math.floor(Math.random()*R.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:w[Math.floor(Math.random()*w.length)],globalRewardKey:null,programRewardKey:"partnerReward",meta:{...y()},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}]}})))}))(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",g(e,(()=>e.renderLabel(t)))}return g(e,(()=>e.renderLabel()))}));let c;if(n){const e=null==i?void 0:i.map((async e=>g(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=>g(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):b(this,e,s);return p([this.showReferrer,this.perPage]),t(h,{states:a,data:r,callbacks:d,elements:u})}};function _(){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 P(){return t("slot",{name:"loading"},t(D,null),t(D,null),t(D,null),t(D,null))}function D(){return t("sqm-table-row",null,t("sqm-table-cell",{colspan:5},t("sl-skeleton",null)))}const N=class{constructor(t){e(this,t),this.ignored=!0,r(this)}disconnectedCallback(){}render(){return t("div",{innerHTML:this.innerTemplate})}},A=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))}},I=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(E(this.locale)).toLocaleString(f.DateTime.DATE_MED):"-"}},M=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"}})}},T=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(E(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(C,{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(C,{type:"p"},this.rewardReceivedText," ",t("span",{class:s.classes.BoldText},f.DateTime.fromMillis(e.dateGiven).setLocale(E(this.locale)).toLocaleString(f.DateTime.DATE_MED)))),"EXPIRED"===l&&e.dateExpires&&t("div",null,t(C,{type:"p"},c," ",t("span",{class:s.classes.BoldText},f.DateTime.fromMillis(e.dateExpires).setLocale(E(this.locale)).toLocaleString(f.DateTime.DATE_MED)))),"CANCELLED"===l&&e.dateCancelled&&t("div",null,t(C,{type:"p"},c," ",t("span",{class:s.classes.BoldText},f.DateTime.fromMillis(e.dateCancelled).setLocale(E(this.locale)).toLocaleString(f.DateTime.DATE_MED)))),"PENDING"===l&&e.dateScheduledFor&&t("div",null,t(C,{type:"p"},c," ",t("span",{class:s.classes.BoldText},f.DateTime.fromMillis(e.dateScheduledFor).setLocale(E(this.locale)).toLocaleString(f.DateTime.DATE_MED))))," ","AVAILABLE"===l&&e.dateExpires&&t("div",null,t(C,{type:"p"},c," ",t("span",{class:s.classes.BoldText},f.DateTime.fromMillis(e.dateExpires).setLocale(E(this.locale)).toLocaleString(f.DateTime.DATE_MED)))),e.fuelTankCode&&t("div",null,this.fuelTankText," ",t("span",{class:s.classes.BoldText},e.fuelTankCode))))}))}},k=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"}})}},q=u({Badge:{"&::part(base)":{fontSize:"var(--sl-font-size-small)",padding:"4px 8px",whiteSpace:"pre-line"}}}),j=q.toString(),B=class{constructor(t){e(this,t)}render(){return t("div",null,t("style",{type:"text/css"},j),t("sl-badge",{pill:!0,type:this.converted?"success":"warning",class:q.classes.Badge},this.statusText))}},S=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"}})}},G=class{constructor(t){e(this,t)}render(){return this.name}},V=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{L as sqm_referral_table,N as sqm_referral_table_cell,A as sqm_referral_table_column,I as sqm_referral_table_date_cell,M as sqm_referral_table_date_column,T as sqm_referral_table_rewards_cell,k as sqm_referral_table_rewards_column,B as sqm_referral_table_status_cell,S as sqm_referral_table_status_column,G as sqm_referral_table_user_cell,V as sqm_referral_table_user_column}
@@ -0,0 +1,104 @@
1
+ import{h as e,r as t,c as s}from"./p-64c3217a.js";import{b as a,f as r,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 g}from"./p-cef45012.js";import{G as f}from"./p-6dd27a5e.js";import{u as y,a as w}from"./p-a37d0529.js";import{u as E}from"./p-e8bf0ab5.js";import{l as b}from"./p-9e1d9435.js";import{g as x,m as R}from"./p-458e1750.js";import{l as A}from"./p-9ec99ced.js";const N=a("sq:useRewardsTable"),D=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 T(t,s){const a=t.tagName.toLowerCase();let r;await customElements.whenDefined(a);try{r=s()}catch(t){return N("label promise failed",t),e("span",null)}try{return await r}catch(t){N("Error rendering label",t);const s=x(t);return e("details",null,e("summary",null,"Error"),s)}}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(L,null),s=e(C,null),{states:a,data:i,callbacks:o,elements:d}=h()?function(e,t,s){const[a,i]=r(((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)||R(e.perPage)}),[e.perPage]),c=E();return l((()=>{i({loading:!0}),d&&async function(t){let s=d;s=d.slice(0,e.perPage);const a=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"))})),r=null==a?void 0:a.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.style.position="absolute",e.setAttribute("slot","column-"+t);const s=e.firstElementChild.childNodes[1];return s.innerHTML="+",s.style.lineHeight="20px",T(e,(()=>e.renderLabel(t)))}return T(e,(()=>e.renderLabel()))})),l=null==s?void 0:s.map((async e=>{const t=null==a?void 0:a.map((async t=>T(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]),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:a.columns,rows:a.rows,emptyElement:t,loadingElement:s}},e.demoData||{},{arrayMerge:(e,t)=>t})}(this,t,s):function(t,s,a){var i,n;const o=c(),d=u(),h=m(),v=null!==(i=t.programId)&&void 0!==i?i:d,g={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,w]=r(((e,t)=>({...e,...t})),{columns:[],rows:[],loading:!1,page:0}),{envelope:b,states:x,callbacks:R}=p(D,(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:g,locale:h},!(null==o?void 0:o.jwt)),A=y(),N=E(),_=null==b?void 0:b.data;l((()=>{w({loading:!0}),b&&async function(t){const s=t.filter((e=>"loading"!==e.slot&&"empty"!==e.slot)),a=null==s?void 0:s.map((async e=>T(e,(()=>e.renderLabel())))),r=null==_?void 0:_.map((async t=>{const a=null==s?void 0:s.map((async s=>T(s,(()=>s.renderCell(t,h,e)))));return await Promise.all(a)})),l=r&&(await Promise.all(r)).filter((e=>e));w({rows:l});const i=a&&await Promise.all(a);w({columns:i,loading:!1,page:x.currentPage})}(N)}),[b,N,A]);const L=!(null===(n=null==f?void 0:f.rows)||void 0===n?void 0:n.length)&&!(null==_?void 0:_.length);return{states:{hasNext:x.currentPage<x.pageCount-1,hasPrev:x.currentPage>0,show:x.loading||f.loading?"loading":L?"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:s,loadingElement:a},callbacks:{nextPage:()=>{R.setCurrentPage(x.currentPage+1)},prevPage:()=>{R.setCurrentPage(x.currentPage-1)}}}}(this,t,s);return w([this.perPage]),e(f,{states:a,data:i,callbacks:o,elements:d})}};function L(){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 C(){return e("slot",{name:"loading"},e(I,null),e(I,null),e(I,null),e(I,null))}function I(){return e("sqm-table-row",null,e("sqm-table-cell",{colspan:5},e("sl-skeleton",null)))}const S=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(A(this.locale)))||void 0===t?void 0:t.toLocaleString(b.DateTime.DATE_MED):"-"}},P=class{constructor(e){t(this,e),this.columnTitle="Date received",this.dateShown="dateGiven",i(this)}disconnectedCallback(){}async renderCell(t,s){return e("sqm-rewards-table-date-cell",{date:t[this.dateShown],locale:s})}async renderLabel(){return this.columnTitle}render(){return w([this.dateShown,this.columnTitle]),e(s,{style:{display:"none"}})}},k=g({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=k.toString(),U=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 s;const a="CENTS"===t.unit?t.prettyValue.replace(/USD/gi,"$"):null!==(s=t.prettyValue)&&void 0!==s?s:"-",r="1"===t.prettyValueNumber||t.dateRedeemed&&"0"===t.prettyAvailableNumber;if("FUELTANK"===t.type)return e("div",{class:k.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 s=parseFloat(t.prettyValueNumber)-parseFloat(t.prettyRedeemedNumber),r=Math.round(s/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=g({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",null,a+" "),e("br",null)," ",e("div",{class:i.classes.Progress}),e("span",{class:i.classes.Subtext},l)))}return e("div",null,a)}),{reward:this.reward}))}},$=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,s){return e("sqm-rewards-table-reward-cell",{reward:t,redeemedText:this.redeemedText,availableText:this.availableText,copyText:this.copyText,locale:s})}async renderLabel(){return this.columnTitle}render(){return w([this.columnTitle,this.redeemedText,this.availableText,this.copyText]),e(s,{style:{display:"none"}})}},M=class{constructor(e){t(this,e),this.locale="en"}render(){o.locale=this.locale;const t=({reward:t})=>{var s;return e("span",null,o.formatMessage({id:"rewardSourceText",defaultMessage:this.rewardSourceText},{rewardSource:t.rewardSource,programName:null===(s=null==t?void 0:t.program)||void 0===s?void 0:s.name}))},s=({reward:t})=>{var s;const a=e("div",null,e("span",{style:{fontSize:"var(--sl-font-size-small)",color:"var(--sl-color-neutral-500)"}},this.rewardExchangeText),e("br",null),null===(s=t.exchangedRewardRedemptionTransaction)||void 0===s?void 0:s.prettyRedeemedCredit," → ",t.prettyValue);return t.exchangedRewardRedemptionTransaction.prettyRedeemedCredit.length+t.prettyValue.length<21?a:e("div",{style:{display:"inline-block",verticalAlign:"top"}},a)},a=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,a("FRIEND_SIGNUP"==this.reward.rewardSource?this.reward.referral.referredUser:this.reward.referral.referrerUser))):e(this.reward.exchangedRewardRedemptionTransaction?s:t,{reward:this.reward})),null)}},B=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,s){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:s})}async renderLabel(){return this.columnTitle}render(){return w([this.deletedUser,this.anonymousUser,this.columnTitle,this.rewardExchangeText,this.referralText,this.rewardSourceText]),e(s,{style:{display:"none"}})}},F=g({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"}}),z=F.toString(),G=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 s=this.rewardStatus(this.reward),a=o.formatMessage({id:"statusMessage",defaultMessage:this.statusText},{status:s}),r="AVAILABLE"===s?"success":"REDEEMED"===s?"primary":"PENDING"===s?"warning":"danger",l=this.reward.dateCancelled||this.reward.dateExpires||this.reward.dateRedeemed||"",i=l&&`${"AVAILABLE"===s&&this.reward.dateExpires?this.expiryText+" ":""}${null===(t=b.DateTime.fromMillis(l))||void 0===t?void 0:t.setLocale(A(A(this.locale))).toLocaleString(b.DateTime.DATE_MED)}`,n="PENDING"===s?function(e){var t;const s={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(A(A(e.locale||"en"))).toLocaleString(b.DateTime.DATE_MED)),UNHANDLED_ERROR:e.pendingUnhandled};return[e.reward.pendingReasons].map((e=>{var t;return null!==(t=s[e])&&void 0!==t?t:e})).join(", ")}(this):null;return e("div",{style:{display:"contents"}},e("style",{type:"text/css"},z),e("sl-badge",{type:r,pill:!0,class:"REDEEMED"===s?F.classes.RedeemBadge:F.classes.Badge},a),e("p",{class:F.classes.Date},n||i))}},j=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,s){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:s})}async renderLabel(){return this.columnTitle}render(){return w([this.columnTitle,this.statusText,this.expiryText,this.pendingScheduled,this.pendingUsTax,this.pendingUnhandled]),e(s,{style:{display:"none"}})}};export{_ as sqm_rewards_table,S as sqm_rewards_table_date_cell,P as sqm_rewards_table_date_column,U as sqm_rewards_table_reward_cell,$ as sqm_rewards_table_reward_column,M as sqm_rewards_table_source_cell,B as sqm_rewards_table_source_column,G as sqm_rewards_table_status_cell,j as sqm_rewards_table_status_column}