@saasquatch/mint-components 1.5.0-113 → 1.5.0-117

package/dist/esm-es5/sqm-rewards-table_9.entry.js

@@ -1 +1 @@
-var __makeTemplateObject=this&&this.__makeTemplateObject||function(e,r){if(Object.defineProperty){Object.defineProperty(e,"raw",{value:r})}else{e.raw=r}return e};var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var r,t=1,a=arguments.length;t<a;t++){r=arguments[t];for(var n in r)if(Object.prototype.hasOwnProperty.call(r,n))e[n]=r[n]}return e};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(e,r,t,a){function n(e){return e instanceof t?e:new t((function(r){r(e)}))}return new(t||(t=Promise))((function(t,l){function s(e){try{o(a.next(e))}catch(e){l(e)}}function i(e){try{o(a["throw"](e))}catch(e){l(e)}}function o(e){e.done?t(e.value):n(e.value).then(s,i)}o((a=a.apply(e,r||[])).next())}))};var __generator=this&&this.__generator||function(e,r){var t={label:0,sent:function(){if(l[0]&1)throw l[1];return l[1]},trys:[],ops:[]},a,n,l,s;return s={next:i(0),throw:i(1),return:i(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function i(e){return function(r){return o([e,r])}}function o(s){if(a)throw new TypeError("Generator is already executing.");while(t)try{if(a=1,n&&(l=s[0]&2?n["return"]:s[0]?n["throw"]||((l=n["return"])&&l.call(n),0):n.next)&&!(l=l.call(n,s[1])).done)return l;if(n=0,l)s=[s[0]&2,l.value];switch(s[0]){case 0:case 1:l=s;break;case 4:t.label++;return{value:s[1],done:false};case 5:t.label++;n=s[1];s=[0];continue;case 7:s=t.ops.pop();t.trys.pop();continue;default:if(!(l=t.trys,l=l.length>0&&l[l.length-1])&&(s[0]===6||s[0]===2)){t=0;continue}if(s[0]===3&&(!l||s[1]>l[0]&&s[1]<l[3])){t.label=s[1];break}if(s[0]===6&&t.label<l[1]){t.label=l[1];l=s;break}if(l&&t.label<l[2]){t.label=l[2];t.ops.push(s);break}if(l[2])t.ops.pop();t.trys.pop();continue}s=r.call(e,t)}catch(e){s=[6,e];n=0}finally{a=l=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};var __spreadArrays=this&&this.__spreadArrays||function(){for(var e=0,r=0,t=arguments.length;r<t;r++)e+=arguments[r].length;for(var a=Array(e),n=0,r=0;r<t;r++)for(var l=arguments[r],s=0,i=l.length;s<i;s++,n++)a[n]=l[s];return a};import{h,r as registerInstance,c as Host}from"./index-17b4da69.js";import{u as useReducer,e as useEffect,m as h$1,i as useMemo}from"./stencil-hooks.module-acc8a613.js";import{i as intl}from"./global-7d4eb5e5.js";import"./use-callback-7e0bfd3b.js";import{d as dist,i as ie,M,A as An,a as mn,j as jn}from"./index.module-aac201f3.js";import"./extends-c31f1eff.js";import{c as cjs}from"./cjs-bdfb4486.js";import"./mixins-10353a39.js";import{c as createStyleSheet}from"./JSS-96eeab98.js";import{G as GenericTableView}from"./GenericTableView-6b7b537b.js";import{u as useRerenderListener,a as useRequestRerender}from"./re-render-544e9c59.js";import{u as useChildElements}from"./useChildElements-db935587.js";import{l as luxon}from"./luxon-f44215d9.js";import{g as generateUserError}from"./useReferralTable-15634a86.js";import{l as luxonLocale}from"./utils-1d345130.js";var mockRewardData=function(e){if(e===void 0){e=4}var r=__spreadArrays(Array(e)).map((function(){return getMockData()}));return{data:r}};var units=["POINT","TICKET","GIFT"];var prettyValues=["Points","Tickets","Gifts"];var statuses=["AVAILABLE","PENDING","CANCELLED","EXPIRED","REDEEMED"];var pendingReasons=["US_TAX","SCHEDULED","UNHANDLED_ERROR"];var getMockData=function(){var e=false;var r=0;var t;var a;var n;var l;var s=luxon.DateTime.now();var i=Math.floor(Math.random()*3);var o=statuses[Math.floor(Math.random()*5)];var d=units[i];var u=prettyValues[i];var c=Math.floor(Math.random()*100)+2;if(o==="AVAILABLE"){r=Math.floor(Math.random()*c);l=Math.floor(Math.random()*10)<3?s.plus({days:7}).toMillis():null}else if(o==="EXPIRED"){e=true;r=Math.floor(Math.random()*c);l=s.minus({days:1}).toMillis()}else if(o==="PENDING"){var p=pendingReasons[Math.floor(Math.random()*3)];t=[p];if(p==="SCHEDULED"){a=s.plus({days:6}).toMillis()}}else if(o==="REDEEMED"){e=true}else{e=true;n=s.minus({days:2}).toMillis()}var m=Math.floor(Math.random()*3);return{id:"61f7878e096c9265de88b46f",type:"CREDIT",value:c,unit:d,name:null,dateGiven:s.minus({days:3}).toMillis(),dateExpires:l,dateCancelled:n,dateRedeemed:o==="REDEEMED"?s.plus({days:2}).toMillis():null,dateScheduledFor:a,fuelTankCode:null,fuelTankType:null,currency:null,prettyValue:c+" "+u,prettyValueNumber:""+c,prettyAvailableNumber:e?"0":""+(c-r),prettyRedeemedNumber:e&&!r?"0":""+r,programId:m===1?"program-id":null,program:{name:"My Program"},statuses:[o],pendingReasons:t,globalRewardKey:null,programRewardKey:null,rewardSource:m===1?"AUTOMATED":"MANUAL",prettyRedeemedCredit:r+" "+u,prettyAssignedCredit:c+" "+u,prettyAvailableValue:e?"0 "+u:c-r+" "+u,exchangedRewardRedemptionTransaction:m===2?{id:"61f7878e096c9265de88b414",creditRedeemed:50,prettyRedeemedCredit:"50 Tokens",unit:"TOKEN",dateRedeemed:1643612046258}:null,referral:null,rewardRedemptionTransactions:{data:[]}}};var CSS_NAMESPACE="sqm-rewards-table";var GET_REWARDS=dist.gql(templateObject_1||(templateObject_1=__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(limit: $limit, offset: $offset, filter: $rewardFilter) {\n          totalCount\n          count\n          data {\n            meta {\n              message\n            }\n            id\n            type\n            value\n            unit\n            name\n            dateGiven\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(limit: $limit, offset: $offset, filter: $rewardFilter) {\n          totalCount\n          count\n          data {\n            meta {\n              message\n            }\n            id\n            type\n            value\n            unit\n            name\n            dateGiven\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 useRewardsTable(e,r,t){var a,n;var l=ie();var s=M();var i=An();var o=(a=e.programId)!==null&&a!==void 0?a:s;var d=__assign({userId_eq:l===null||l===void 0?void 0:l.id,accountId_eq:l===null||l===void 0?void 0:l.accountId},o?o==="classic"?{programId_exists:false}:{programId_eq:o}:{});var u=useReducer((function(e,r){return __assign(__assign({},e),r)}),{columns:[],rows:[],loading:false,page:0}),c=u[0],p=u[1];var m=mn(GET_REWARDS,(function(e){var r;return(r=e===null||e===void 0?void 0:e.viewer)===null||r===void 0?void 0:r.rewards}),{limit:e.perPage,offset:0},{rewardFilter:d,locale:i},!(l===null||l===void 0?void 0:l.jwt)),f=m.envelope,h=m.states,v=m.callbacks;var g=useRerenderListener();var w=useChildElements();var y=f===null||f===void 0?void 0:f.data;function b(e){return __awaiter(this,void 0,void 0,(function(){var r,t,a,n,l,s,o;var d=this;return __generator(this,(function(u){switch(u.label){case 0:r=e.filter((function(e){return e.slot!=="loading"&&e.slot!=="empty"}));t=r===null||r===void 0?void 0:r.map((function(e){return __awaiter(d,void 0,void 0,(function(){return __generator(this,(function(r){return[2,tryMethod(e,(function(){return e.renderLabel()}))]}))}))}));a=y===null||y===void 0?void 0:y.map((function(e){return __awaiter(d,void 0,void 0,(function(){var t,a;var n=this;return __generator(this,(function(l){switch(l.label){case 0:t=r===null||r===void 0?void 0:r.map((function(r){return __awaiter(n,void 0,void 0,(function(){return __generator(this,(function(t){return[2,tryMethod(r,(function(){return r.renderCell([e],i)}))]}))}))}));return[4,Promise.all(t)];case 1:a=l.sent();return[2,a]}}))}))}));l=a;if(!l)return[3,2];return[4,Promise.all(a)];case 1:l=u.sent().filter((function(e){return e}));u.label=2;case 2:n=l;p({rows:n});o=t;if(!o)return[3,4];return[4,Promise.all(t)];case 3:o=u.sent();u.label=4;case 4:s=o;p({columns:s,loading:false,page:h.currentPage});return[2]}}))}))}useEffect((function(){p({loading:true});f&&b(w)}),[f,w,g]);var R=!((n=c===null||c===void 0?void 0:c.rows)===null||n===void 0?void 0:n.length)&&!(y===null||y===void 0?void 0:y.length);var _=h.loading||c.loading?"loading":R?"empty":"rows";return{states:{hasNext:h.currentPage<h.pageCount-1,hasPrev:h.currentPage>0,show:_,namespace:CSS_NAMESPACE},data:{textOverrides:{showLabels:e.showLabels,prevLabel:e.prevLabel,moreLabel:e.moreLabel},hiddenColumns:e.hiddenColumns,smBreakpoint:e.smBreakpoint,mdBreakpoint:e.mdBreakpoint},elements:{columns:c.columns,rows:c.rows,emptyElement:r,loadingElement:t},callbacks:{nextPage:function(){v.setCurrentPage(h.currentPage+1)},prevPage:function(){v.setCurrentPage(h.currentPage-1)}}}}function tryMethod(e,r){return __awaiter(this,void 0,void 0,(function(){var t,a,n,l;return __generator(this,(function(s){switch(s.label){case 0:t=e.tagName.toLowerCase();return[4,customElements.whenDefined(t)];case 1:s.sent();try{a=r()}catch(e){console.error("label promise failed",e);return[2,h("span",null)]}s.label=2;case 2:s.trys.push([2,4,,5]);return[4,a];case 3:return[2,s.sent()];case 4:n=s.sent();console.error("Error rendering label",n);l=generateUserError(n);return[2,h("details",null,h("summary",null,"Error"),l)];case 5:return[2]}}))}))}var RewardsTable=function(){function e(e){registerInstance(this,e);this.perPage=4;this.showLabels=true;this.prevLabel="Prev";this.moreLabel="Next";this.hiddenColumns="0";this.smBreakpoint=599;this.mdBreakpoint=899;h$1(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=h(EmptySlot,null);var r=h(LoadingSlot,null);var t=jn()?useRewardsTableDemo(this,e,r):useRewardsTable(this,e,r),a=t.states,n=t.data,l=t.callbacks,s=t.elements;useRequestRerender([this.perPage]);return h(GenericTableView,{states:a,data:n,callbacks:l,elements:s})};return e}();function EmptySlot(){return h("slot",{name:"empty"},h("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":"See all the rewards you have earned from referring friends and completing tasks"}))}function LoadingSlot(){return h("slot",{name:"loading"},h(LoadingRow,null),h(LoadingRow,null),h(LoadingRow,null),h(LoadingRow,null))}function LoadingRow(){return h("sqm-table-row",null,h("sqm-table-cell",{colspan:5},h("sl-skeleton",null)))}function useRewardsTableDemo(e,r,t){var a=useReducer((function(e,r){return __assign(__assign({},e),r)}),{columns:[],rows:[],loading:false,page:0}),n=a[0],l=a[1];var s=useRerenderListener();var i=useMemo((function(){return mockRewardData(e.perPage)}),[e.perPage]).data;var o=useChildElements();function d(r){return __awaiter(this,void 0,void 0,(function(){var t,a,n,s,o,d,u,c;var p=this;return __generator(this,(function(m){switch(m.label){case 0:t=i;t=i.slice(0,e.perPage);a=r.filter((function(e){return e.slot!=="loading"&&e.slot!=="empty"}));n=a===null||a===void 0?void 0:a.map((function(e){return __awaiter(p,void 0,void 0,(function(){return __generator(this,(function(r){return[2,tryMethod(e,(function(){return e.renderLabel()}))]}))}))}));s=t===null||t===void 0?void 0:t.map((function(e){return __awaiter(p,void 0,void 0,(function(){var r,t;var n=this;return __generator(this,(function(l){switch(l.label){case 0:r=a===null||a===void 0?void 0:a.map((function(r){return __awaiter(n,void 0,void 0,(function(){return __generator(this,(function(t){return[2,tryMethod(r,(function(){return r.renderCell([e],undefined)}))]}))}))}));return[4,Promise.all(r)];case 1:t=l.sent();return[2,t]}}))}))}));d=s;if(!d)return[3,2];return[4,Promise.all(s)];case 1:d=m.sent().filter((function(e){return e}));m.label=2;case 2:o=d;l({rows:o});c=n;if(!c)return[3,4];return[4,Promise.all(n)];case 3:c=m.sent();m.label=4;case 4:u=c;l({columns:u,loading:false,page:0});return[2]}}))}))}useEffect((function(){l({loading:true});i&&d(o)}),[i,o,s]);var u=cjs({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.showLabels,prevLabel:e.prevLabel,moreLabel:e.moreLabel},referralData:[]},elements:{columns:n.columns,rows:n.rows,emptyElement:r,loadingElement:t}},e.demoData||{},{arrayMerge:function(e,r){return r}});return u}var RewardTableDateCell=function(){function e(e){registerInstance(this,e);this.ignored=true;this.locale="en";h$1(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e,r;var t=!this.date?"-":(r=(e=luxon.DateTime.fromMillis(this.date))===null||e===void 0?void 0:e.setLocale(luxonLocale(this.locale)))===null||r===void 0?void 0:r.toLocaleString(luxon.DateTime.DATE_MED);return t};return e}();var RewardTableDateColumn=function(){function e(e){registerInstance(this,e);this.columnTitle="Date received";this.dateShown="dateGiven";h$1(this)}e.prototype.disconnectedCallback=function(){};e.prototype.renderCell=function(e,r){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(a){t=e===null||e===void 0?void 0:e[0];return[2,h("sqm-rewards-table-date-cell",{date:t[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(){useRequestRerender([this.dateShown,this.columnTitle]);return h(Host,{style:{display:"none"}})};return e}();var RewardTableRewardsCell=function(){function e(e){registerInstance(this,e)}e.prototype.render=function(){var e=this;intl.locale=this.locale;var r={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 t=createStyleSheet(r);var a=t.toString();var n=function(r){var a=r.reward;var n;var l=a.unit==="CENTS"?a.prettyValue.replace(/USD/gi,"$"):(n=a.prettyValue)!==null&&n!==void 0?n:"-";var s=a.prettyValueNumber==="1"||a.dateRedeemed&&a.prettyAvailableNumber==="0";if(a.type==="FUELTANK"){return h("div",{class:t.classes.Fueltank},a.prettyValue,h("div",{class:"code",onClick:function(){return navigator.clipboard.writeText(a.fuelTankCode)}},h("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)}},h("span",{class:"text"},a.fuelTankCode),h("span",{class:"icon"},h("sl-icon",{name:"files"})))))}if(a.type==="CREDIT"&&!s){var i=Math.round((parseFloat(a.prettyValueNumber)-parseFloat(a.prettyRedeemedNumber))/parseFloat(a.prettyValueNumber)*100);var o=a.statuses.includes("EXPIRED")||a.statuses.includes("CANCELLED")?h("div",null,intl.formatMessage({id:"redeemedText",defaultMessage:e.redeemedText},{redeemedAmount:a.prettyRedeemedCredit})):h("div",null,intl.formatMessage({id:"availableText",defaultMessage:e.availableText},{availableAmount:a.prettyAvailableValue}));var d={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:i+"%",height:"100%"}},Container:{display:"inline-block",verticalAlign:"top",width:"130px",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 u=createStyleSheet(d);var c=u.toString();return h("div",null,h("style",{type:"text/css"},c),h("div",{class:u.classes.Container},h("span",null,l+" "),h("br",null)," ",h("div",{class:u.classes.Progress}),h("span",{class:u.classes.Subtext},o)))}return h("div",null,l)};return h("div",{style:{display:"contents"}},h("style",{type:"text/css"},a),h(n,{reward:this.reward}))};return e}();var RewardsTableColumn=function(){function e(e){registerInstance(this,e);this.columnTitle="Reward";this.redeemedText="{redeemedAmount} redeemed";this.availableText="{availableAmount} remaining";this.fueltankText="Your code:";this.copyText="Copied!";h$1(this)}e.prototype.disconnectedCallback=function(){};e.prototype.renderCell=function(e,r){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,h("sqm-rewards-table-reward-cell",{reward:e===null||e===void 0?void 0:e[0],redeemedText:this.redeemedText,availableText:this.availableText,fueltankText:this.fueltankText,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(){useRequestRerender([this.columnTitle]);return h(Host,{style:{display:"none"}})};return e}();var RewardTableSourceCell=function(){function e(e){registerInstance(this,e);this.locale="en"}e.prototype.render=function(){var e=this;intl.locale=this.locale;var r=function(r){var t=r.reward;var a;return h("span",null,intl.formatMessage({id:"rewardSourceText",defaultMessage:e.rewardSourceText},{rewardSource:t.rewardSource,programName:(a=t===null||t===void 0?void 0:t.program)===null||a===void 0?void 0:a.name}))};var t=21;var a=function(r){var a=r.reward;var n;var l=h("div",null,h("span",{style:{fontSize:"var(--sl-font-size-small)",color:"var(--sl-color-neutral-500)"}},e.rewardExchangeText),h("br",null),(n=a.exchangedRewardRedemptionTransaction)===null||n===void 0?void 0:n.prettyRedeemedCredit," → ",a.prettyValue);return a.exchangedRewardRedemptionTransaction.prettyRedeemedCredit.length+a.prettyValue.length<t?l:h("div",{style:{display:"inline-block",verticalAlign:"top"}},l)};var n=function(r){if(!r)return e.deletedUserText;if(!r.firstName&&!r.lastName)return e.anonymousUserText;if(!r.firstName)return""+r.lastName;if(!r.lastName)return""+r.firstName;return r.firstName+" "+r.lastName};var l=function(){return e.reward.rewardSource==="FRIEND_SIGNUP"||e.reward.rewardSource==="REFERRED"?h("div",null,h("div",{style:{fontSize:"var(--sl-font-size-small)",color:"var(--sl-color-neutral-500)"}},intl.formatMessage({id:"referralText",defaultMessage:e.referralText},{rewardSource:e.reward.rewardSource})),h("div",null,e.reward.rewardSource=="FRIEND_SIGNUP"?n(e.reward.referral.referredUser):n(e.reward.referral.referrerUser))):e.reward.exchangedRewardRedemptionTransaction?h(a,{reward:e.reward}):h(r,{reward:e.reward})};return h(l,null)};return e}();var RewardTableUserColumn=function(){function e(e){registerInstance(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 {}}";h$1(this)}e.prototype.disconnectedCallback=function(){};e.prototype.renderCell=function(e,r){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,h("sqm-rewards-table-source-cell",{reward:e===null||e===void 0?void 0:e[0],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(){useRequestRerender([this.deletedUser,this.anonymousUser,this.columnTitle]);return h(Host,{style:{display:"none"}})};return e}();var RewardTableStatusCell=function(){function e(e){registerInstance(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;intl.locale=this.locale;var r={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 t=createStyleSheet(r);var a=t.toString();var n=this.rewardStatus(this.reward);var l=intl.formatMessage({id:"statusMessage",defaultMessage:this.statusText},{status:n});var s=n==="AVAILABLE"?"success":n==="REDEEMED"?"primary":n==="PENDING"?"warning":"danger";var i=this.reward.dateCancelled||this.reward.dateExpires||this.reward.dateRedeemed||"";var o=i&&""+(n==="AVAILABLE"&&this.reward.dateExpires?this.expiryText+" ":"")+((e=luxon.DateTime.fromMillis(i))===null||e===void 0?void 0:e.setLocale(luxonLocale(luxonLocale(this.locale))).toLocaleString(luxon.DateTime.DATE_MED));var d=n==="PENDING"?u(this):null;return h("div",{style:{display:"contents"}},h("style",{type:"text/css"},a),h("sl-badge",{type:s,pill:true,class:n==="REDEEMED"?t.classes.RedeemBadge:t.classes.Badge},l),h("p",{class:t.classes.Date},d||o));function u(e){var r;var t={US_TAX:e.pendingUsTax,SCHEDULED:e.reward.dateScheduledFor&&e.pendingScheduled+" "+((r=luxon.DateTime.fromMillis(e.reward.dateScheduledFor))===null||r===void 0?void 0:r.setLocale(luxonLocale(luxonLocale(e.locale||"en"))).toLocaleString(luxon.DateTime.DATE_MED)),UNHANDLED_ERROR:e.pendingUnhandled};return[e.reward.pendingReasons].map((function(e){var r;return(r=t[e])!==null&&r!==void 0?r:e})).join(", ")}};return e}();var RewardTableStatusColumn=function(){function e(e){registerInstance(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 ";h$1(this)}e.prototype.disconnectedCallback=function(){};e.prototype.renderCell=function(e,r){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(a){t=e===null||e===void 0?void 0:e[0];return[2,h("sqm-rewards-table-status-cell",{statusText:this.statusText,reward:t,expiryText:this.expiryText,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(){useRequestRerender([this.columnTitle]);return h(Host,{style:{display:"none"}})};return e}();export{RewardsTable as sqm_rewards_table,RewardTableDateCell as sqm_rewards_table_date_cell,RewardTableDateColumn as sqm_rewards_table_date_column,RewardTableRewardsCell as sqm_rewards_table_reward_cell,RewardsTableColumn as sqm_rewards_table_reward_column,RewardTableSourceCell as sqm_rewards_table_source_cell,RewardTableUserColumn as sqm_rewards_table_source_column,RewardTableStatusCell as sqm_rewards_table_status_cell,RewardTableStatusColumn as sqm_rewards_table_status_column};var templateObject_1;
+var __makeTemplateObject=this&&this.__makeTemplateObject||function(e,r){if(Object.defineProperty){Object.defineProperty(e,"raw",{value:r})}else{e.raw=r}return e};var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var r,t=1,a=arguments.length;t<a;t++){r=arguments[t];for(var n in r)if(Object.prototype.hasOwnProperty.call(r,n))e[n]=r[n]}return e};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(e,r,t,a){function n(e){return e instanceof t?e:new t((function(r){r(e)}))}return new(t||(t=Promise))((function(t,l){function s(e){try{o(a.next(e))}catch(e){l(e)}}function i(e){try{o(a["throw"](e))}catch(e){l(e)}}function o(e){e.done?t(e.value):n(e.value).then(s,i)}o((a=a.apply(e,r||[])).next())}))};var __generator=this&&this.__generator||function(e,r){var t={label:0,sent:function(){if(l[0]&1)throw l[1];return l[1]},trys:[],ops:[]},a,n,l,s;return s={next:i(0),throw:i(1),return:i(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function i(e){return function(r){return o([e,r])}}function o(s){if(a)throw new TypeError("Generator is already executing.");while(t)try{if(a=1,n&&(l=s[0]&2?n["return"]:s[0]?n["throw"]||((l=n["return"])&&l.call(n),0):n.next)&&!(l=l.call(n,s[1])).done)return l;if(n=0,l)s=[s[0]&2,l.value];switch(s[0]){case 0:case 1:l=s;break;case 4:t.label++;return{value:s[1],done:false};case 5:t.label++;n=s[1];s=[0];continue;case 7:s=t.ops.pop();t.trys.pop();continue;default:if(!(l=t.trys,l=l.length>0&&l[l.length-1])&&(s[0]===6||s[0]===2)){t=0;continue}if(s[0]===3&&(!l||s[1]>l[0]&&s[1]<l[3])){t.label=s[1];break}if(s[0]===6&&t.label<l[1]){t.label=l[1];l=s;break}if(l&&t.label<l[2]){t.label=l[2];t.ops.push(s);break}if(l[2])t.ops.pop();t.trys.pop();continue}s=r.call(e,t)}catch(e){s=[6,e];n=0}finally{a=l=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};var __spreadArrays=this&&this.__spreadArrays||function(){for(var e=0,r=0,t=arguments.length;r<t;r++)e+=arguments[r].length;for(var a=Array(e),n=0,r=0;r<t;r++)for(var l=arguments[r],s=0,i=l.length;s<i;s++,n++)a[n]=l[s];return a};import{h,r as registerInstance,c as Host}from"./index-17b4da69.js";import{u as useReducer,e as useEffect,m as h$1,i as useMemo}from"./stencil-hooks.module-acc8a613.js";import{i as intl}from"./global-9bff4920.js";import"./use-callback-7e0bfd3b.js";import{d as dist,i as ie,M,A as An,a as mn,j as jn}from"./index.module-aac201f3.js";import"./extends-c31f1eff.js";import{c as cjs}from"./cjs-bdfb4486.js";import"./mixins-10353a39.js";import{c as createStyleSheet}from"./JSS-96eeab98.js";import{G as GenericTableView}from"./GenericTableView-6924630b.js";import{u as useRerenderListener,a as useRequestRerender}from"./re-render-544e9c59.js";import{u as useChildElements}from"./useChildElements-db935587.js";import{l as luxon}from"./luxon-f44215d9.js";import{g as generateUserError}from"./useReferralTable-15634a86.js";import{l as luxonLocale}from"./utils-1d345130.js";var mockRewardData=function(e){if(e===void 0){e=4}var r=__spreadArrays(Array(e)).map((function(){return getMockData()}));return{data:r}};var units=["POINT","TICKET","GIFT"];var prettyValues=["Points","Tickets","Gifts"];var statuses=["AVAILABLE","PENDING","CANCELLED","EXPIRED","REDEEMED"];var pendingReasons=["US_TAX","SCHEDULED","UNHANDLED_ERROR"];var getMockData=function(){var e=false;var r=0;var t;var a;var n;var l;var s=luxon.DateTime.now();var i=Math.floor(Math.random()*3);var o=statuses[Math.floor(Math.random()*5)];var d=units[i];var u=prettyValues[i];var c=Math.floor(Math.random()*100)+2;if(o==="AVAILABLE"){r=Math.floor(Math.random()*c);l=Math.floor(Math.random()*10)<3?s.plus({days:7}).toMillis():null}else if(o==="EXPIRED"){e=true;r=Math.floor(Math.random()*c);l=s.minus({days:1}).toMillis()}else if(o==="PENDING"){var p=pendingReasons[Math.floor(Math.random()*3)];t=[p];if(p==="SCHEDULED"){a=s.plus({days:6}).toMillis()}}else if(o==="REDEEMED"){e=true}else{e=true;n=s.minus({days:2}).toMillis()}var m=Math.floor(Math.random()*3);return{id:"61f7878e096c9265de88b46f",type:"CREDIT",value:c,unit:d,name:null,dateGiven:s.minus({days:3}).toMillis(),dateExpires:l,dateCancelled:n,dateRedeemed:o==="REDEEMED"?s.plus({days:2}).toMillis():null,dateScheduledFor:a,fuelTankCode:null,fuelTankType:null,currency:null,prettyValue:c+" "+u,prettyValueNumber:""+c,prettyAvailableNumber:e?"0":""+(c-r),prettyRedeemedNumber:e&&!r?"0":""+r,programId:m===1?"program-id":null,program:{name:"My Program"},statuses:[o],pendingReasons:t,globalRewardKey:null,programRewardKey:null,rewardSource:m===1?"AUTOMATED":"MANUAL",prettyRedeemedCredit:r+" "+u,prettyAssignedCredit:c+" "+u,prettyAvailableValue:e?"0 "+u:c-r+" "+u,exchangedRewardRedemptionTransaction:m===2?{id:"61f7878e096c9265de88b414",creditRedeemed:50,prettyRedeemedCredit:"50 Tokens",unit:"TOKEN",dateRedeemed:1643612046258}:null,referral:null,rewardRedemptionTransactions:{data:[]}}};var CSS_NAMESPACE="sqm-rewards-table";var GET_REWARDS=dist.gql(templateObject_1||(templateObject_1=__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              message\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              message\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 useRewardsTable(e,r,t){var a,n;var l=ie();var s=M();var i=An();var o=(a=e.programId)!==null&&a!==void 0?a:s;var d=__assign({userId_eq:l===null||l===void 0?void 0:l.id,accountId_eq:l===null||l===void 0?void 0:l.accountId},o?o==="classic"?{programId_exists:false}:{programId_eq:o}:{});var u=useReducer((function(e,r){return __assign(__assign({},e),r)}),{columns:[],rows:[],loading:false,page:0}),c=u[0],p=u[1];var m=mn(GET_REWARDS,(function(e){var r;return(r=e===null||e===void 0?void 0:e.viewer)===null||r===void 0?void 0:r.rewards}),{limit:e.perPage,offset:0},{rewardFilter:d,locale:i},!(l===null||l===void 0?void 0:l.jwt)),f=m.envelope,h=m.states,v=m.callbacks;var g=useRerenderListener();var w=useChildElements();var y=f===null||f===void 0?void 0:f.data;function b(e){return __awaiter(this,void 0,void 0,(function(){var r,t,a,n,l,s,o;var d=this;return __generator(this,(function(u){switch(u.label){case 0:r=e.filter((function(e){return e.slot!=="loading"&&e.slot!=="empty"}));t=r===null||r===void 0?void 0:r.map((function(e){return __awaiter(d,void 0,void 0,(function(){return __generator(this,(function(r){return[2,tryMethod(e,(function(){return e.renderLabel()}))]}))}))}));a=y===null||y===void 0?void 0:y.map((function(e){return __awaiter(d,void 0,void 0,(function(){var t,a;var n=this;return __generator(this,(function(l){switch(l.label){case 0:t=r===null||r===void 0?void 0:r.map((function(r){return __awaiter(n,void 0,void 0,(function(){return __generator(this,(function(t){return[2,tryMethod(r,(function(){return r.renderCell([e],i)}))]}))}))}));return[4,Promise.all(t)];case 1:a=l.sent();return[2,a]}}))}))}));l=a;if(!l)return[3,2];return[4,Promise.all(a)];case 1:l=u.sent().filter((function(e){return e}));u.label=2;case 2:n=l;p({rows:n});o=t;if(!o)return[3,4];return[4,Promise.all(t)];case 3:o=u.sent();u.label=4;case 4:s=o;p({columns:s,loading:false,page:h.currentPage});return[2]}}))}))}useEffect((function(){p({loading:true});f&&b(w)}),[f,w,g]);var T=!((n=c===null||c===void 0?void 0:c.rows)===null||n===void 0?void 0:n.length)&&!(y===null||y===void 0?void 0:y.length);var R=h.loading||c.loading?"loading":T?"empty":"rows";return{states:{hasNext:h.currentPage<h.pageCount-1,hasPrev:h.currentPage>0,show:R,namespace:CSS_NAMESPACE},data:{textOverrides:{showLabels:e.showLabels,prevLabel:e.prevLabel,moreLabel:e.moreLabel},hiddenColumns:e.hiddenColumns,smBreakpoint:e.smBreakpoint,mdBreakpoint:e.mdBreakpoint},elements:{columns:c.columns,rows:c.rows,emptyElement:r,loadingElement:t},callbacks:{nextPage:function(){v.setCurrentPage(h.currentPage+1)},prevPage:function(){v.setCurrentPage(h.currentPage-1)}}}}function tryMethod(e,r){return __awaiter(this,void 0,void 0,(function(){var t,a,n,l;return __generator(this,(function(s){switch(s.label){case 0:t=e.tagName.toLowerCase();return[4,customElements.whenDefined(t)];case 1:s.sent();try{a=r()}catch(e){console.error("label promise failed",e);return[2,h("span",null)]}s.label=2;case 2:s.trys.push([2,4,,5]);return[4,a];case 3:return[2,s.sent()];case 4:n=s.sent();console.error("Error rendering label",n);l=generateUserError(n);return[2,h("details",null,h("summary",null,"Error"),l)];case 5:return[2]}}))}))}var RewardsTable=function(){function e(e){registerInstance(this,e);this.perPage=4;this.showLabels=true;this.prevLabel="Prev";this.moreLabel="Next";this.hiddenColumns="0";this.smBreakpoint=599;this.mdBreakpoint=899;h$1(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=h(EmptySlot,null);var r=h(LoadingSlot,null);var t=jn()?useRewardsTableDemo(this,e,r):useRewardsTable(this,e,r),a=t.states,n=t.data,l=t.callbacks,s=t.elements;useRequestRerender([this.perPage]);return h(GenericTableView,{states:a,data:n,callbacks:l,elements:s})};return e}();function EmptySlot(){return h("slot",{name:"empty"},h("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 LoadingSlot(){return h("slot",{name:"loading"},h(LoadingRow,null),h(LoadingRow,null),h(LoadingRow,null),h(LoadingRow,null))}function LoadingRow(){return h("sqm-table-row",null,h("sqm-table-cell",{colspan:5},h("sl-skeleton",null)))}function useRewardsTableDemo(e,r,t){var a=useReducer((function(e,r){return __assign(__assign({},e),r)}),{columns:[],rows:[],loading:false,page:0}),n=a[0],l=a[1];var s=useRerenderListener();var i=useMemo((function(){return mockRewardData(e.perPage)}),[e.perPage]).data;var o=useChildElements();function d(r){return __awaiter(this,void 0,void 0,(function(){var t,a,n,s,o,d,u,c;var p=this;return __generator(this,(function(m){switch(m.label){case 0:t=i;t=i.slice(0,e.perPage);a=r.filter((function(e){return e.slot!=="loading"&&e.slot!=="empty"}));n=a===null||a===void 0?void 0:a.map((function(e){return __awaiter(p,void 0,void 0,(function(){return __generator(this,(function(r){return[2,tryMethod(e,(function(){return e.renderLabel()}))]}))}))}));s=t===null||t===void 0?void 0:t.map((function(e){return __awaiter(p,void 0,void 0,(function(){var r,t;var n=this;return __generator(this,(function(l){switch(l.label){case 0:r=a===null||a===void 0?void 0:a.map((function(r){return __awaiter(n,void 0,void 0,(function(){return __generator(this,(function(t){return[2,tryMethod(r,(function(){return r.renderCell([e],undefined)}))]}))}))}));return[4,Promise.all(r)];case 1:t=l.sent();return[2,t]}}))}))}));d=s;if(!d)return[3,2];return[4,Promise.all(s)];case 1:d=m.sent().filter((function(e){return e}));m.label=2;case 2:o=d;l({rows:o});c=n;if(!c)return[3,4];return[4,Promise.all(n)];case 3:c=m.sent();m.label=4;case 4:u=c;l({columns:u,loading:false,page:0});return[2]}}))}))}useEffect((function(){l({loading:true});i&&d(o)}),[i,o,s]);var u=cjs({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.showLabels,prevLabel:e.prevLabel,moreLabel:e.moreLabel},referralData:[],mdBreakpoint:899,smBreakpoint:599},elements:{columns:n.columns,rows:n.rows,emptyElement:r,loadingElement:t}},e.demoData||{},{arrayMerge:function(e,r){return r}});return u}var RewardTableDateCell=function(){function e(e){registerInstance(this,e);this.ignored=true;this.locale="en";h$1(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e,r;var t=!this.date?"-":(r=(e=luxon.DateTime.fromMillis(this.date))===null||e===void 0?void 0:e.setLocale(luxonLocale(this.locale)))===null||r===void 0?void 0:r.toLocaleString(luxon.DateTime.DATE_MED);return t};return e}();var RewardTableDateColumn=function(){function e(e){registerInstance(this,e);this.columnTitle="Date received";this.dateShown="dateGiven";h$1(this)}e.prototype.disconnectedCallback=function(){};e.prototype.renderCell=function(e,r){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(a){t=e===null||e===void 0?void 0:e[0];return[2,h("sqm-rewards-table-date-cell",{date:t[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(){useRequestRerender([this.dateShown,this.columnTitle]);return h(Host,{style:{display:"none"}})};return e}();var RewardTableRewardsCell=function(){function e(e){registerInstance(this,e)}e.prototype.render=function(){var e=this;intl.locale=this.locale;var r={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 t=createStyleSheet(r);var a=t.toString();var n=function(r){var a=r.reward;var n;var l=a.unit==="CENTS"?a.prettyValue.replace(/USD/gi,"$"):(n=a.prettyValue)!==null&&n!==void 0?n:"-";var s=a.prettyValueNumber==="1"||a.dateRedeemed&&a.prettyAvailableNumber==="0";if(a.type==="FUELTANK"){return h("div",{class:t.classes.Fueltank},a.prettyValue,a.fuelTankCode&&h("div",{class:"code",onClick:function(){return navigator.clipboard.writeText(a.fuelTankCode)}},h("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)}},h("span",{class:"text"},a.fuelTankCode),h("span",{class:"icon"},h("sl-icon",{name:"files"})))))}if(a.type==="CREDIT"&&!s){var i=parseFloat(a.prettyValueNumber)-parseFloat(a.prettyRedeemedNumber);var o=Math.round(i/parseFloat(a.prettyValueNumber)*100);var d=a.statuses.includes("EXPIRED")||a.statuses.includes("CANCELLED")?h("div",null,intl.formatMessage({id:"redeemedText",defaultMessage:e.redeemedText},{redeemedAmount:a.prettyRedeemedCredit})):h("div",null,intl.formatMessage({id:"availableText",defaultMessage:e.availableText},{availableAmount:a.statuses.includes("PENDING")?a.prettyAssignedCredit:a.prettyAvailableValue}));var u={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 c=createStyleSheet(u);var p=c.toString();return h("div",null,h("style",{type:"text/css"},p),h("div",{class:c.classes.Container},h("span",null,l+" "),h("br",null)," ",h("div",{class:c.classes.Progress}),h("span",{class:c.classes.Subtext},d)))}return h("div",null,l)};return h("div",{style:{display:"contents"}},h("style",{type:"text/css"},a),h(n,{reward:this.reward}))};return e}();var RewardsTableColumn=function(){function e(e){registerInstance(this,e);this.columnTitle="Reward";this.redeemedText="{redeemedAmount} redeemed";this.availableText="{availableAmount} remaining";this.copyText="Copied!";h$1(this)}e.prototype.disconnectedCallback=function(){};e.prototype.renderCell=function(e,r){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,h("sqm-rewards-table-reward-cell",{reward:e===null||e===void 0?void 0:e[0],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(){useRequestRerender([this.columnTitle,this.redeemedText,this.availableText,this.copyText]);return h(Host,{style:{display:"none"}})};return e}();var RewardTableSourceCell=function(){function e(e){registerInstance(this,e);this.locale="en"}e.prototype.render=function(){var e=this;intl.locale=this.locale;var r=function(r){var t=r.reward;var a;return h("span",null,intl.formatMessage({id:"rewardSourceText",defaultMessage:e.rewardSourceText},{rewardSource:t.rewardSource,programName:(a=t===null||t===void 0?void 0:t.program)===null||a===void 0?void 0:a.name}))};var t=21;var a=function(r){var a=r.reward;var n;var l=h("div",null,h("span",{style:{fontSize:"var(--sl-font-size-small)",color:"var(--sl-color-neutral-500)"}},e.rewardExchangeText),h("br",null),(n=a.exchangedRewardRedemptionTransaction)===null||n===void 0?void 0:n.prettyRedeemedCredit," → ",a.prettyValue);return a.exchangedRewardRedemptionTransaction.prettyRedeemedCredit.length+a.prettyValue.length<t?l:h("div",{style:{display:"inline-block",verticalAlign:"top"}},l)};var n=function(r){if(!r)return e.deletedUserText;if(!r.firstName&&!r.lastName)return e.anonymousUserText;if(!r.firstName)return""+r.lastName;if(!r.lastName)return""+r.firstName;return r.firstName+" "+r.lastName};var l=function(){return e.reward.rewardSource==="FRIEND_SIGNUP"||e.reward.rewardSource==="REFERRED"?h("div",null,h("div",{style:{fontSize:"var(--sl-font-size-small)",color:"var(--sl-color-neutral-500)"}},intl.formatMessage({id:"referralText",defaultMessage:e.referralText},{rewardSource:e.reward.rewardSource})),h("div",null,e.reward.rewardSource=="FRIEND_SIGNUP"?n(e.reward.referral.referredUser):n(e.reward.referral.referrerUser))):e.reward.exchangedRewardRedemptionTransaction?h(a,{reward:e.reward}):h(r,{reward:e.reward})};return h(l,null)};return e}();var RewardTableUserColumn=function(){function e(e){registerInstance(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 {}}";h$1(this)}e.prototype.disconnectedCallback=function(){};e.prototype.renderCell=function(e,r){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,h("sqm-rewards-table-source-cell",{reward:e===null||e===void 0?void 0:e[0],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(){useRequestRerender([this.deletedUser,this.anonymousUser,this.columnTitle,this.rewardExchangeText,this.referralText,this.rewardSourceText]);return h(Host,{style:{display:"none"}})};return e}();var RewardTableStatusCell=function(){function e(e){registerInstance(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;intl.locale=this.locale;var r={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 t=createStyleSheet(r);var a=t.toString();var n=this.rewardStatus(this.reward);var l=intl.formatMessage({id:"statusMessage",defaultMessage:this.statusText},{status:n});var s=n==="AVAILABLE"?"success":n==="REDEEMED"?"primary":n==="PENDING"?"warning":"danger";var i=this.reward.dateCancelled||this.reward.dateExpires||this.reward.dateRedeemed||"";var o=i&&""+(n==="AVAILABLE"&&this.reward.dateExpires?this.expiryText+" ":"")+((e=luxon.DateTime.fromMillis(i))===null||e===void 0?void 0:e.setLocale(luxonLocale(luxonLocale(this.locale))).toLocaleString(luxon.DateTime.DATE_MED));var d=n==="PENDING"?u(this):null;return h("div",{style:{display:"contents"}},h("style",{type:"text/css"},a),h("sl-badge",{type:s,pill:true,class:n==="REDEEMED"?t.classes.RedeemBadge:t.classes.Badge},l),h("p",{class:t.classes.Date},d||o));function u(e){var r;var t={US_TAX:e.pendingUsTax,SCHEDULED:e.reward.dateScheduledFor&&e.pendingScheduled+" "+((r=luxon.DateTime.fromMillis(e.reward.dateScheduledFor))===null||r===void 0?void 0:r.setLocale(luxonLocale(luxonLocale(e.locale||"en"))).toLocaleString(luxon.DateTime.DATE_MED)),UNHANDLED_ERROR:e.pendingUnhandled};return[e.reward.pendingReasons].map((function(e){var r;return(r=t[e])!==null&&r!==void 0?r:e})).join(", ")}};return e}();var RewardTableStatusColumn=function(){function e(e){registerInstance(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 ";h$1(this)}e.prototype.disconnectedCallback=function(){};e.prototype.renderCell=function(e,r){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(a){t=e===null||e===void 0?void 0:e[0];return[2,h("sqm-rewards-table-status-cell",{statusText:this.statusText,reward:t,expiryText:this.expiryText,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(){useRequestRerender([this.columnTitle,this.statusText,this.expiryText]);return h(Host,{style:{display:"none"}})};return e}();export{RewardsTable as sqm_rewards_table,RewardTableDateCell as sqm_rewards_table_date_cell,RewardTableDateColumn as sqm_rewards_table_date_column,RewardTableRewardsCell as sqm_rewards_table_reward_cell,RewardsTableColumn as sqm_rewards_table_reward_column,RewardTableSourceCell as sqm_rewards_table_source_cell,RewardTableUserColumn as sqm_rewards_table_source_column,RewardTableStatusCell as sqm_rewards_table_status_cell,RewardTableStatusColumn as sqm_rewards_table_status_column};var templateObject_1;