@saasquatch/mint-components 1.5.0-68 → 1.5.0-71

package/dist/esm-es5/sqm-referral-table_11.entry.js

@@ -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,l){function s(e){try{o(n.next(e))}catch(e){l(e)}}function i(e){try{o(n["throw"](e))}catch(e){l(e)}}function o(e){e.done?r(e.value):a(e.value).then(s,i)}o((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var r={label:0,sent:function(){if(l[0]&1)throw l[1];return l[1]},trys:[],ops:[]},n,a,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(t){return o([e,t])}}function o(s){if(n)throw new TypeError("Generator is already executing.");while(r)try{if(n=1,a&&(l=s[0]&2?a["return"]:s[0]?a["throw"]||((l=a["return"])&&l.call(a),0):a.next)&&!(l=l.call(a,s[1])).done)return l;if(a=0,l)s=[s[0]&2,l.value];switch(s[0]){case 0:case 1:l=s;break;case 4:r.label++;return{value:s[1],done:false};case 5:r.label++;a=s[1];s=[0];continue;case 7:s=r.ops.pop();r.trys.pop();continue;default:if(!(l=r.trys,l=l.length>0&&l[l.length-1])&&(s[0]===6||s[0]===2)){r=0;continue}if(s[0]===3&&(!l||s[1]>l[0]&&s[1]<l[3])){r.label=s[1];break}if(s[0]===6&&r.label<l[1]){r.label=l[1];l=s;break}if(l&&r.label<l[2]){r.label=l[2];r.ops.push(s);break}if(l[2])r.ops.pop();r.trys.pop();continue}s=t.call(e,r)}catch(e){s=[6,e];a=0}finally{n=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,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 l=arguments[t],s=0,i=l.length;s<i;s++,a++)n[a]=l[s];return n};import{h,r as registerInstance,g as getElement,c as Host}from"./index-17b4da69.js";import{e as useReducer,u as useEffect,m as h$1}from"./stencil-hooks.module-2f159754.js";import{i as intl}from"./global-e1f502b8.js";import"./use-callback-d8ef4b5d.js";import{d as dist,i as ie,M,A as An,b as sn,a as mn,j as jn}from"./index.module-8e23a02c.js";import"./extends-c31f1eff.js";import"./insertcss-bcaf3818.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-2b700cd4.js";import{u as useRerenderListener,a as useChildElements,b as useRequestRerender}from"./useChildElements-47a37020.js";import{l as luxon}from"./luxon-5fa22651.js";import{l as luxonLocale}from"./utils-1d345130.js";import{T as TextSpanView}from"./sqm-text-span-view-7e61c95c.js";var CSS_NAMESPACE="sqm-referral-table";var GET_REFERRER_DATA=dist.gql(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  query getReferrals(\n    $programId: ID\n    $rewardFilter: RewardFilterInput\n    $locale: RSLocale\n  ) {\n    viewer {\n      ... on User {\n        referredByReferral(programId: $programId) {\n          dateReferralStarted\n          dateConverted\n          referrerUser {\n            firstName\n            lastName\n          }\n          rewards(filter: $rewardFilter) {\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            statuses\n            globalRewardKey\n            programRewardKey\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 getReferrals(\n    $programId: ID\n    $rewardFilter: RewardFilterInput\n    $locale: RSLocale\n  ) {\n    viewer {\n      ... on User {\n        referredByReferral(programId: $programId) {\n          dateReferralStarted\n          dateConverted\n          referrerUser {\n            firstName\n            lastName\n          }\n          rewards(filter: $rewardFilter) {\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            statuses\n            globalRewardKey\n            programRewardKey\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"])));var GET_REFERRAL_DATA=dist.gql(templateObject_2||(templateObject_2=__makeTemplateObject(['\n  query getReferrals(\n    $limit: Int!\n    $offset: Int!\n    $referralFilter: ReferralFilterInput\n    $rewardFilter: RewardFilterInput\n    $locale: RSLocale\n  ) {\n    viewer {\n      ... on User {\n        id\n        paidReferrals: referrals(\n          filter: { dateReferralPaid_timeframe: "this_10_years" }\n          limit: 1\n        ) {\n          totalCount\n        }\n        referrals(limit: $limit, offset: $offset, filter: $referralFilter) {\n          totalCount\n          count\n          data {\n            id\n            referredUser {\n              id\n              accountId\n              firstName\n              lastName\n              email\n              programGoals {\n                goalId\n                programId\n                count\n                firstDate\n                lastDate\n                conversionCount\n              }\n            }\n            shareLinkUsed\n            referralCodeUsed\n            moderationStatus\n            dateConverted\n            dateFraudChecksCompleted\n            dateModerated\n            dateModified\n            dateReferralEnded\n            dateReferralPaid\n            dateReferralStarted\n            dateUserModified\n            programId\n            program {\n              id\n              name\n            }\n            rewards(filter: $rewardFilter) {\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              statuses\n              globalRewardKey\n              programRewardKey\n              rewardRedemptionTransactions {\n                data {\n                  exchangedRewards {\n                    data {\n                      prettyValue(locale: $locale)\n                      type\n                      fuelTankCode\n                      globalRewardKey\n                    }\n                  }\n                }\n              }\n            }\n            childNodes(limit: 10, offset: 0) {\n              data {\n                data {\n                  id\n                  ... on FlatReward {\n                    id\n                    statuses\n                    type\n                    value\n                  }\n                  ... on ProgramEmailTransaction {\n                    id\n                    rewardId\n                    dateCreated\n                    dateSent\n                    dateQueued\n                  }\n                }\n                depth\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n'],['\n  query getReferrals(\n    $limit: Int!\n    $offset: Int!\n    $referralFilter: ReferralFilterInput\n    $rewardFilter: RewardFilterInput\n    $locale: RSLocale\n  ) {\n    viewer {\n      ... on User {\n        id\n        paidReferrals: referrals(\n          filter: { dateReferralPaid_timeframe: "this_10_years" }\n          limit: 1\n        ) {\n          totalCount\n        }\n        referrals(limit: $limit, offset: $offset, filter: $referralFilter) {\n          totalCount\n          count\n          data {\n            id\n            referredUser {\n              id\n              accountId\n              firstName\n              lastName\n              email\n              programGoals {\n                goalId\n                programId\n                count\n                firstDate\n                lastDate\n                conversionCount\n              }\n            }\n            shareLinkUsed\n            referralCodeUsed\n            moderationStatus\n            dateConverted\n            dateFraudChecksCompleted\n            dateModerated\n            dateModified\n            dateReferralEnded\n            dateReferralPaid\n            dateReferralStarted\n            dateUserModified\n            programId\n            program {\n              id\n              name\n            }\n            rewards(filter: $rewardFilter) {\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              statuses\n              globalRewardKey\n              programRewardKey\n              rewardRedemptionTransactions {\n                data {\n                  exchangedRewards {\n                    data {\n                      prettyValue(locale: $locale)\n                      type\n                      fuelTankCode\n                      globalRewardKey\n                    }\n                  }\n                }\n              }\n            }\n            childNodes(limit: 10, offset: 0) {\n              data {\n                data {\n                  id\n                  ... on FlatReward {\n                    id\n                    statuses\n                    type\n                    value\n                  }\n                  ... on ProgramEmailTransaction {\n                    id\n                    rewardId\n                    dateCreated\n                    dateSent\n                    dateQueued\n                  }\n                }\n                depth\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n'])));function useReferralTable(e,t,r){var n,a,l;var s=ie();var i=M();var o=(n=e.programId)!==null&&n!==void 0?n:i;var d=o?o==="classic"?{programId_exists:false}:{programId_eq:o}:{};var u={userId_eq:s===null||s===void 0?void 0:s.id,accountId_eq:s===null||s===void 0?void 0:s.accountId};var c=useReducer((function(e,t){return __assign(__assign({},e),t)}),{columns:[],rows:[],loading:false,page:0}),f=c[0],p=c[1];var m=An();var h=sn(GET_REFERRER_DATA,{programId:o==="classic"?null:o,rewardFilter:u,locale:m},!e.showReferrer||!(s===null||s===void 0?void 0:s.jwt)),v=h.data,g=h.loading,y=h.refetch;var _=(a=v===null||v===void 0?void 0:v.viewer)===null||a===void 0?void 0:a.referredByReferral;var w=e.showReferrer&&!!(_===null||_===void 0?void 0:_.dateReferralStarted);var T=mn(GET_REFERRAL_DATA,(function(e){var t;return(t=e===null||e===void 0?void 0:e.viewer)===null||t===void 0?void 0:t.referrals}),{limit:e.perPage,offset:0},{referralFilter:d,rewardFilter:u,locale:m},e.showReferrer&&g&&!v||!(s===null||s===void 0?void 0:s.jwt)),b=T.envelope,R=T.states,x=T.callbacks;useEffect((function(){if(R.currentPage===0&&w)x.setLimit(e.perPage-1)}),[w]);useEffect((function(){if(e.showReferrer&&w){x.setLimit(e.perPage-1);x.setCurrentPage(0)}else{x.setLimit(e.perPage);x.setCurrentPage(0)}}),[e.showReferrer]);var E=useRerenderListener();var C=b===null||b===void 0?void 0:b.data;var L=useChildElements();function S(e){return __awaiter(this,void 0,void 0,(function(){var t,r,n,a,l,s,i,o,d,u;var c=this;return __generator(this,(function(f){switch(f.label){case 0:t=e.filter((function(e){return e.slot!=="loading"&&e.slot!=="empty"}));r=t===null||t===void 0?void 0:t.map((function(e){return __awaiter(c,void 0,void 0,(function(){return __generator(this,(function(t){return[2,tryMethod(e,(function(){return e.renderLabel()}))]}))}))}));if(!(w&&R.currentPage===0))return[3,2];a=t===null||t===void 0?void 0:t.map((function(e){return __awaiter(c,void 0,void 0,(function(){return __generator(this,(function(t){return[2,tryMethod(e,(function t(){return e.renderReferrerCell(_,e)}))]}))}))}));return[4,Promise.all(a)];case 1:n=f.sent();f.label=2;case 2:l=C===null||C===void 0?void 0:C.map((function(e){return __awaiter(c,void 0,void 0,(function(){var r,n;var a=this;return __generator(this,(function(l){switch(l.label){case 0:r=t===null||t===void 0?void 0:t.map((function(t){return __awaiter(a,void 0,void 0,(function(){return __generator(this,(function(r){return[2,tryMethod(t,(function(){return t.renderCell(e,m)}))]}))}))}));return[4,Promise.all(r)];case 1:n=l.sent();return[2,n]}}))}))}));i=l;if(!i)return[3,4];o=[[n]];return[4,Promise.all(l)];case 3:i=__spreadArrays.apply(void 0,o.concat([f.sent()])).filter((function(e){return e}));f.label=4;case 4:s=i;p({rows:s});u=r;if(!u)return[3,6];return[4,Promise.all(r)];case 5:u=f.sent();f.label=6;case 6:d=u;p({columns:d,loading:false,page:R.currentPage});return[2]}}))}))}useEffect((function(){p({loading:true});b&&S(L)}),[b,L,E]);var D=!((l=f===null||f===void 0?void 0:f.rows)===null||l===void 0?void 0:l.length)&&!(C===null||C===void 0?void 0:C.length);var I=R.loading||f.loading?"loading":D?"empty":"rows";return{states:{hasNext:R.currentPage<R.pageCount-1,hasPrev:R.currentPage>0,show:I,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:f.columns,rows:f.rows,emptyElement:t,loadingElement:r},callbacks:{nextPage:function(){if(R.currentPage===0&&w)x.setLimit(e.perPage);x.setCurrentPage(R.currentPage+1)},prevPage:function(){if(R.currentPage===1&&w)x.setLimit(e.perPage-1);x.setCurrentPage(R.currentPage-1)}}}}function generateUserError(e){try{return JSON.stringify(e)}catch(e){return"An unknown error"}}function tryMethod(e,t){return __awaiter(this,void 0,void 0,(function(){var r,n,a,l;return __generator(this,(function(s){switch(s.label){case 0:r=e.tagName.toLowerCase();return[4,customElements.whenDefined(r)];case 1:s.sent();try{n=t()}catch(e){if(t.name==="renderReferrerCell"){console.error("column does not have a renderReferrerCell method.")}else{console.error("label promise failed",e)}return[2,h("span",null)]}s.label=2;case 2:s.trys.push([2,4,,5]);return[4,n];case 3:return[2,s.sent()];case 4:a=s.sent();console.error("Error rendering label",a);l=generateUserError(a);return[2,h("details",null,h("summary",null,"Error"),l)];case 5:return[2]}}))}))}var ReferralTable=function(){function e(e){registerInstance(this,e);this.perPage=3;this.showLabels=true;this.prevLabel="Prev";this.moreLabel="Next";this.showReferrer=false;this.hiddenColumns="0";this.smBreakpoint=634;this.mdBreakpoint=899;this.emptyStateImgUrl="https://res.cloudinary.com/saasquatch/image/upload/v1642618031/squatch-assets/image_3_1.png";this.emptyStateTitle="View your referral details";this.emptyStateText="Track the status of your referrals and rewards earned by referring friends";h$1(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=h(EmptySlot,{emptyStateImgUrl:this.emptyStateImgUrl,emptyStateTitle:this.emptyStateTitle,emptyStateText:this.emptyStateText});var t=h(LoadingSlot,null);var r=jn()?useReferraltableDemo(this):useReferralTable(this,e,t),n=r.states,a=r.data,l=r.callbacks,s=r.elements;return h(GenericTableView,{states:n,data:a,callbacks:l,elements:s})};return e}();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 useReferraltableDemo(e){return cjs({states:{hasPrev:false,hasNext:false,loading:false},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:{emptyElement:h(EmptySlot,{emptyStateImgUrl:"https://res.cloudinary.com/saasquatch/image/upload/v1642618031/squatch-assets/image_3_1.png",emptyStateTitle:"View your referral details",emptyStateText:"Track the status of your referrals and rewards earned by referring\r\n\t\tfriends"}),loadingElement:h(LoadingSlot,null),columns:[h("div",null,"User"),h("div",null,"Referral Status"),h("div",null,"Rewards")],rows:[]}},e.demoData||{},{arrayMerge:function(e,t){return t}})}function EmptySlot(e){var t=e.emptyStateImgUrl,r=e.emptyStateTitle,n=e.emptyStateText;return h("div",{slot:"empty",style:{display:"contents"}},h("sqm-table-row",null,h("sqm-table-cell",{colspan:5,style:{textAlign:"center"}},h("div",{style:{padding:"var(--sl-spacing-xxx-large)"}},h("img",{src:t,style:{width:"100px"}}),h("div",null,h("b",null,r)),h("div",{style:{marginTop:"var(--sl-spacing-xx-small)",fontSize:"var(--sl-font-size-small)",color:"var(--sl-color-neutral-500)"}},n)))))}var ReferralTableCell=function(){function e(e){registerInstance(this,e);this.ignored=true;h$1(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){return h("div",{innerHTML:this.innerTemplate})};return e}();var ReferralTableGenericColumn=function(){function e(e){registerInstance(this,e);h$1(this)}e.prototype.disconnectedCallback=function(){};e.prototype.renderCell=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,h("sqm-referral-table-cell",{"inner-template":getElement(this).innerHTML})]}))}))};e.prototype.renderLabel=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,Promise.resolve(this.columnTitle)]}))}))};e.prototype.render=function(){useRequestRerender([this.columnTitle]);return h(Host,{style:{display:"none"}},h("slot",null))};return e}();var ReferralTableDateCell=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;var t=!this.date?"-":(e=luxon.DateTime.fromMillis(this.date))===null||e===void 0?void 0:e.setLocale(luxonLocale(this.locale)).toLocaleString(luxon.DateTime.DATE_MED);return t};return e}();var ReferralTableDateColumn=function(){function e(e){registerInstance(this,e);this.columnTitle="Date converted";this.dateShown="dateConverted";h$1(this)}e.prototype.disconnectedCallback=function(){};e.prototype.renderCell=function(e,t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){console.log("date column - referral",{locale:t});return[2,h("sqm-referral-table-date-cell",{date:e[this.dateShown],locale:t})]}))}))};e.prototype.renderLabel=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.columnTitle]}))}))};e.prototype.render=function(){useRequestRerender([this.dateShown,this.columnTitle]);return h(Host,{style:{display:"none"}})};return e}();var ReferralTableRewardsCell=function(){function e(e){registerInstance(this,e);this.locale="en"}e.prototype.render=function(){var e=this;intl.locale=this.locale;var t={"@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)"},RedeemBadge:{paddingLeft:"var(--sl-spacing-xxx-small)","&::part(base)":{background:"var(--sl-color-blue-600)"}}};var r=createStyleSheet(t);var n=r.toString();var a=function(e){var t=["REDEEMED","CANCELLED","EXPIRED","PENDING","AVAILABLE"];if(e.length===1)return e[0];return t.find((function(t){return e.includes(t)&&t}))};var l=function(e){switch(e){case"REDEEMED":return"primary";case"EXPIRED":return"danger";case"CANCELLED":return"danger";case"PENDING":return"warning";case"AVAILABLE":return"success"}};var s=function(t){return luxon.DateTime.fromMillis(t).setLocale(luxonLocale(e.locale)).toRelative().replace("in","").trim()};return this.rewards.map((function(t){var i=a(t.statuses);var o=l(i);var d=intl.formatMessage({id:"statusShortMessage",defaultMessage:e.statusText},{status:i});var u=intl.formatMessage({id:"statusLongMessage",defaultMessage:e.statusLongText},{status:i});var c=Math.random().toString(36).slice(2);return h("sl-details",{class:r.classes.Details,disabled:e.hideDetails},h("style",{type:"text/css"},n),h("div",{slot:"summary",class:r.classes.DetailsContainer},h(TextSpanView,{type:"p"},h("span",{class:r.classes.BoldText},t.prettyValue)),h("div",{class:r.classes.BadgeContainer},i==="PENDING"&&t.dateScheduledFor?h("sl-badge",{class:o==="primary"?r.classes.RedeemBadge:r.classes.StatusBadge,type:o,pill:true},intl.formatMessage({id:"pendingForText",defaultMessage:e.pendingForText},{status:d,date:s(t.dateScheduledFor)})):h("sl-badge",{class:o==="primary"?r.classes.RedeemBadge:r.classes.StatusBadge,type:o,pill:true},d),t.dateExpires&&i==="AVAILABLE"&&h("sl-badge",{class:o==="primary"?r.classes.RedeemBadge:r.classes.StatusBadge,type:"info",pill:true},e.expiringText," "+s(t.dateExpires)))),h("div",null,t.dateGiven&&h("div",null,h(TextSpanView,{type:"p"},e.rewardReceivedText," ",h("span",{class:r.classes.BoldText},luxon.DateTime.fromMillis(t.dateGiven).setLocale(luxonLocale(e.locale)).toLocaleString(luxon.DateTime.DATE_MED)))),i==="EXPIRED"&&t.dateExpires&&h("div",null,h(TextSpanView,{type:"p"},u," ",h("span",{class:r.classes.BoldText},luxon.DateTime.fromMillis(t.dateExpires).setLocale(luxonLocale(e.locale)).toLocaleString(luxon.DateTime.DATE_MED)))),i==="CANCELLED"&&t.dateCancelled&&h("div",null,h(TextSpanView,{type:"p"},u," ",h("span",{class:r.classes.BoldText},luxon.DateTime.fromMillis(t.dateCancelled).setLocale(luxonLocale(e.locale)).toLocaleString(luxon.DateTime.DATE_MED)))),i==="PENDING"&&t.dateScheduledFor&&h("div",null,h(TextSpanView,{type:"p"},u," ",h("span",{class:r.classes.BoldText},luxon.DateTime.fromMillis(t.dateScheduledFor).setLocale(luxonLocale(e.locale)).toLocaleString(luxon.DateTime.DATE_MED))))," ",i==="AVAILABLE"&&t.dateExpires&&h("div",null,h(TextSpanView,{type:"p"},u," ",h("span",{class:r.classes.BoldText},luxon.DateTime.fromMillis(t.dateExpires).setLocale(luxonLocale(e.locale)).toLocaleString(luxon.DateTime.DATE_MED)))),t.fuelTankCode&&h("div",null,e.fuelTankText," ",h("span",{class:r.classes.BoldText},t.fuelTankCode))))}))};return e}();var ReferralTableRewardsColumn=function(){function e(e){registerInstance(this,e);this.columnTitle="Rewards";this.statusText="{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }";this.statusLongText="{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} EXPIRED {Reward expired on} other {Not available} }";this.fuelTankText="Your code is";this.rewardReceivedText="Reward received on";this.expiringText="Expiring in";this.pendingForText="{status} for {date}";this.hideDetails=false;h$1(this)}e.prototype.disconnectedCallback=function(){};e.prototype.renderCell=function(e,t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){return[2,h("sqm-referral-table-rewards-cell",{rewards:e.rewards,statusText:this.statusText,statusLongText:this.statusLongText,fuelTankText:this.fuelTankText,rewardReceivedText:this.rewardReceivedText,expiringText:this.expiringText,pendingForText:this.pendingForText,hideDetails:this.hideDetails,locale:t})]}))}))};e.prototype.renderLabel=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.columnTitle]}))}))};e.prototype.render=function(){useRequestRerender([this.columnTitle]);return h(Host,{style:{display:"none"}})};return e}();var ReferralTableStatusCell=function(){function e(e){registerInstance(this,e)}e.prototype.render=function(){var e={Badge:{"&::part(base)":{fontSize:"var(--sl-font-size-small)",padding:"4px 8px"}}};var t=createStyleSheet(e);var r=t.toString();return h("div",null,h("style",{type:"text/css"},r),h("sl-badge",{pill:true,type:this.converted?"success":"warning",class:t.classes.Badge},this.statusText))};return e}();var ReferralTableStatusColumn=function(){function e(e){registerInstance(this,e);this.columnTitle="Status";this.convertedStatusText="Converted";this.inProgressStatusText="In Progress";h$1(this)}e.prototype.disconnectedCallback=function(){};e.prototype.renderCell=function(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(r){t=e.dateConverted?this.convertedStatusText:this.inProgressStatusText;return[2,h("sqm-referral-table-status-cell",{"status-text":t,converted:e.dateConverted?true:false})]}))}))};e.prototype.renderLabel=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.columnTitle]}))}))};e.prototype.render=function(){useRequestRerender([this.columnTitle]);return h(Host,{style:{display:"none"}})};return e}();var ReferralTableUserCell=function(){function e(e){registerInstance(this,e)}e.prototype.render=function(){return this.name};return e}();var ReferralTableUserColumn=function(){function e(e){registerInstance(this,e);this.columnTitle="Customer";this.anonymousUser="Anonymous User";this.deletedUser="Deleted User";h$1(this)}e.prototype.disconnectedCallback=function(){};e.prototype.renderCell=function(e){return __awaiter(this,void 0,void 0,(function(){var t,r,n,a,l;return __generator(this,(function(s){if(!(e===null||e===void 0?void 0:e.referredUser)){l=this.deletedUser}else if(!((t=e===null||e===void 0?void 0:e.referredUser)===null||t===void 0?void 0:t.firstName)&&!((r=e===null||e===void 0?void 0:e.referredUser)===null||r===void 0?void 0:r.lastName)){l=this.anonymousUser}else{l=((n=e===null||e===void 0?void 0:e.referredUser)===null||n===void 0?void 0:n.firstName)+" "+((a=e===null||e===void 0?void 0:e.referredUser)===null||a===void 0?void 0:a.lastName)}return[2,h("sqm-referral-table-user-cell",{name:l})]}))}))};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}();export{ReferralTable as sqm_referral_table,ReferralTableCell as sqm_referral_table_cell,ReferralTableGenericColumn as sqm_referral_table_column,ReferralTableDateCell as sqm_referral_table_date_cell,ReferralTableDateColumn as sqm_referral_table_date_column,ReferralTableRewardsCell as sqm_referral_table_rewards_cell,ReferralTableRewardsColumn as sqm_referral_table_rewards_column,ReferralTableStatusCell as sqm_referral_table_status_cell,ReferralTableStatusColumn as sqm_referral_table_status_column,ReferralTableUserCell as sqm_referral_table_user_cell,ReferralTableUserColumn as sqm_referral_table_user_column};var templateObject_1,templateObject_2;
+var __awaiter=this&&this.__awaiter||function(e,t,r,a){function n(e){return e instanceof r?e:new r((function(t){t(e)}))}return new(r||(r=Promise))((function(r,s){function l(e){try{o(a.next(e))}catch(e){s(e)}}function i(e){try{o(a["throw"](e))}catch(e){s(e)}}function o(e){e.done?r(e.value):n(e.value).then(l,i)}o((a=a.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var r={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},a,n,s,l;return l={next:i(0),throw:i(1),return:i(2)},typeof Symbol==="function"&&(l[Symbol.iterator]=function(){return this}),l;function i(e){return function(t){return o([e,t])}}function o(l){if(a)throw new TypeError("Generator is already executing.");while(r)try{if(a=1,n&&(s=l[0]&2?n["return"]:l[0]?n["throw"]||((s=n["return"])&&s.call(n),0):n.next)&&!(s=s.call(n,l[1])).done)return s;if(n=0,s)l=[l[0]&2,s.value];switch(l[0]){case 0:case 1:s=l;break;case 4:r.label++;return{value:l[1],done:false};case 5:r.label++;n=l[1];l=[0];continue;case 7:l=r.ops.pop();r.trys.pop();continue;default:if(!(s=r.trys,s=s.length>0&&s[s.length-1])&&(l[0]===6||l[0]===2)){r=0;continue}if(l[0]===3&&(!s||l[1]>s[0]&&l[1]<s[3])){r.label=l[1];break}if(l[0]===6&&r.label<s[1]){r.label=s[1];s=l;break}if(s&&r.label<s[2]){r.label=s[2];r.ops.push(l);break}if(s[2])r.ops.pop();r.trys.pop();continue}l=t.call(e,r)}catch(e){l=[6,e];n=0}finally{a=s=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};import{r as registerInstance,h as h$1,g as getElement,c as Host}from"./index-17b4da69.js";import{m as h}from"./stencil-hooks.module-2f159754.js";import{i as intl}from"./global-58010a55.js";import"./use-callback-d8ef4b5d.js";import{k}from"./index.module-ec3dcc82.js";import"./extends-c31f1eff.js";import"./insertcss-bcaf3818.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-79b65de0.js";import{b as useRequestRerender}from"./useChildElements-c11d6189.js";import{u as useReferralTable}from"./useReferralTable-bccb9ac0.js";import{l as luxon}from"./luxon-5fa22651.js";import{l as luxonLocale}from"./utils-1d345130.js";import{T as TextSpanView}from"./sqm-text-span-view-7e61c95c.js";var ReferralTable=function(){function e(e){registerInstance(this,e);this.perPage=3;this.showLabels=true;this.prevLabel="Prev";this.moreLabel="Next";this.showReferrer=false;this.hiddenColumns="0";this.smBreakpoint=634;this.mdBreakpoint=899;this.emptyStateImage="https://res.cloudinary.com/saasquatch/image/upload/v1642618031/squatch-assets/image_3_1.png";this.emptyStateHeader="View your referral details";this.emptyStateText="Track the status of your referrals and rewards earned by referring friends";h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=h$1(EmptySlot,{emptyStateImage:this.emptyStateImage,emptyStateHeader:this.emptyStateHeader,emptyStateText:this.emptyStateText});var t=h$1(LoadingSlot,null);var r=k()?useReferraltableDemo(this):useReferralTable(this,e,t),a=r.states,n=r.data,s=r.callbacks,l=r.elements;console.log("elemente",l);return h$1(GenericTableView,{states:a,data:n,callbacks:s,elements:l})};return e}();function LoadingSlot(){return h$1("slot",{name:"loading"},h$1(LoadingRow,null),h$1(LoadingRow,null),h$1(LoadingRow,null),h$1(LoadingRow,null))}function LoadingRow(){return h$1("sqm-table-row",null,h$1("sqm-table-cell",{colspan:5},h$1("sl-skeleton",null)))}function useReferraltableDemo(e){return cjs({states:{hasPrev:false,hasNext:false,loading:false},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:{emptyElement:h$1(EmptySlot,{emptyStateImage:"https://res.cloudinary.com/saasquatch/image/upload/v1642618031/squatch-assets/image_3_1.png",emptyStateHeader:"View your referral details",emptyStateText:"Track the status of your referrals and rewards earned by referring\r\n\t\tfriends"}),loadingElement:h$1(LoadingSlot,null),columns:[h$1("div",null,"User"),h$1("div",null,"Referral Status"),h$1("div",null,"Rewards")],rows:[]}},e.demoData||{},{arrayMerge:function(e,t){return t}})}function EmptySlot(e){var t=e.emptyStateImage,r=e.emptyStateHeader,a=e.emptyStateText;return h$1("div",{slot:"empty",style:{display:"contents"}},h$1("sqm-table-row",null,h$1("sqm-table-cell",{colspan:5,style:{textAlign:"center"}},h$1("sqm-portal-container",{padding:"xxxx-large",gap:"medium"},h$1("sqm-image",{"image-url":t,"max-width":"100px"}),h$1("sqm-titled-section",{"label-margin":"xxx-small","text-align":"center"},h$1("sqm-text",{slot:"label"},h$1("h3",null,r)),h$1("sqm-text",{slot:"content"},a))))))}var ReferralTableCell=function(){function e(e){registerInstance(this,e);this.ignored=true;h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){return h$1("div",{innerHTML:this.innerTemplate})};return e}();var ReferralTableGenericColumn=function(){function e(e){registerInstance(this,e);h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.renderCell=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,h$1("sqm-referral-table-cell",{"inner-template":getElement(this).innerHTML})]}))}))};e.prototype.renderLabel=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,Promise.resolve(this.columnTitle)]}))}))};e.prototype.render=function(){useRequestRerender([this.columnTitle]);return h$1(Host,{style:{display:"none"}},h$1("slot",null))};return e}();var ReferralTableDateCell=function(){function e(e){registerInstance(this,e);this.ignored=true;this.locale="en";h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e;var t=!this.date?"-":(e=luxon.DateTime.fromMillis(this.date))===null||e===void 0?void 0:e.setLocale(luxonLocale(this.locale)).toLocaleString(luxon.DateTime.DATE_MED);return t};return e}();var ReferralTableDateColumn=function(){function e(e){registerInstance(this,e);this.columnTitle="Date converted";this.dateShown="dateConverted";h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.renderCell=function(e,t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){console.log("date column - referral",{locale:t});return[2,h$1("sqm-referral-table-date-cell",{date:e[this.dateShown],locale:t})]}))}))};e.prototype.renderLabel=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.columnTitle]}))}))};e.prototype.render=function(){useRequestRerender([this.dateShown,this.columnTitle]);return h$1(Host,{style:{display:"none"}})};return e}();var ReferralTableRewardsCell=function(){function e(e){registerInstance(this,e);this.locale="en"}e.prototype.render=function(){var e=this;intl.locale=this.locale;var t={"@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)"},RedeemBadge:{paddingLeft:"var(--sl-spacing-xxx-small)","&::part(base)":{background:"var(--sl-color-blue-600)"}}};var r=createStyleSheet(t);var a=r.toString();var n=function(e){var t=["REDEEMED","CANCELLED","EXPIRED","PENDING","AVAILABLE"];if(e.length===1)return e[0];return t.find((function(t){return e.includes(t)&&t}))};var s=function(e){switch(e){case"REDEEMED":return"primary";case"EXPIRED":return"danger";case"CANCELLED":return"danger";case"PENDING":return"warning";case"AVAILABLE":return"success"}};var l=function(t){return luxon.DateTime.fromMillis(t).setLocale(luxonLocale(e.locale)).toRelative().replace("in","").trim()};return this.rewards.map((function(t){var i=n(t.statuses);var o=s(i);var u=intl.formatMessage({id:"statusShortMessage",defaultMessage:e.statusText},{status:i});var c=intl.formatMessage({id:"statusLongMessage",defaultMessage:e.statusLongText},{status:i});var d=Math.random().toString(36).slice(2);return h$1("sl-details",{class:r.classes.Details,disabled:e.hideDetails},h$1("style",{type:"text/css"},a),h$1("div",{slot:"summary",class:r.classes.DetailsContainer},h$1(TextSpanView,{type:"p"},h$1("span",{class:r.classes.BoldText},t.prettyValue)),h$1("div",{class:r.classes.BadgeContainer},i==="PENDING"&&t.dateScheduledFor?h$1("sl-badge",{class:o==="primary"?r.classes.RedeemBadge:r.classes.StatusBadge,type:o,pill:true},intl.formatMessage({id:"pendingForText",defaultMessage:e.pendingForText},{status:u,date:l(t.dateScheduledFor)})):h$1("sl-badge",{class:o==="primary"?r.classes.RedeemBadge:r.classes.StatusBadge,type:o,pill:true},u),t.dateExpires&&i==="AVAILABLE"&&h$1("sl-badge",{class:o==="primary"?r.classes.RedeemBadge:r.classes.StatusBadge,type:"info",pill:true},e.expiringText," "+l(t.dateExpires)))),h$1("div",null,t.dateGiven&&h$1("div",null,h$1(TextSpanView,{type:"p"},e.rewardReceivedText," ",h$1("span",{class:r.classes.BoldText},luxon.DateTime.fromMillis(t.dateGiven).setLocale(luxonLocale(e.locale)).toLocaleString(luxon.DateTime.DATE_MED)))),i==="EXPIRED"&&t.dateExpires&&h$1("div",null,h$1(TextSpanView,{type:"p"},c," ",h$1("span",{class:r.classes.BoldText},luxon.DateTime.fromMillis(t.dateExpires).setLocale(luxonLocale(e.locale)).toLocaleString(luxon.DateTime.DATE_MED)))),i==="CANCELLED"&&t.dateCancelled&&h$1("div",null,h$1(TextSpanView,{type:"p"},c," ",h$1("span",{class:r.classes.BoldText},luxon.DateTime.fromMillis(t.dateCancelled).setLocale(luxonLocale(e.locale)).toLocaleString(luxon.DateTime.DATE_MED)))),i==="PENDING"&&t.dateScheduledFor&&h$1("div",null,h$1(TextSpanView,{type:"p"},c," ",h$1("span",{class:r.classes.BoldText},luxon.DateTime.fromMillis(t.dateScheduledFor).setLocale(luxonLocale(e.locale)).toLocaleString(luxon.DateTime.DATE_MED))))," ",i==="AVAILABLE"&&t.dateExpires&&h$1("div",null,h$1(TextSpanView,{type:"p"},c," ",h$1("span",{class:r.classes.BoldText},luxon.DateTime.fromMillis(t.dateExpires).setLocale(luxonLocale(e.locale)).toLocaleString(luxon.DateTime.DATE_MED)))),t.fuelTankCode&&h$1("div",null,e.fuelTankText," ",h$1("span",{class:r.classes.BoldText},t.fuelTankCode))))}))};return e}();var ReferralTableRewardsColumn=function(){function e(e){registerInstance(this,e);this.columnTitle="Rewards";this.statusText="{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }";this.statusLongText="{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} EXPIRED {Reward expired on} other {Not available} }";this.fuelTankText="Your code is";this.rewardReceivedText="Reward received on";this.expiringText="Expiring in";this.pendingForText="{status} for {date}";this.hideDetails=false;h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.renderCell=function(e,t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){return[2,h$1("sqm-referral-table-rewards-cell",{rewards:e.rewards,statusText:this.statusText,statusLongText:this.statusLongText,fuelTankText:this.fuelTankText,rewardReceivedText:this.rewardReceivedText,expiringText:this.expiringText,pendingForText:this.pendingForText,hideDetails:this.hideDetails,locale:t})]}))}))};e.prototype.renderLabel=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.columnTitle]}))}))};e.prototype.render=function(){useRequestRerender([this.columnTitle]);return h$1(Host,{style:{display:"none"}})};return e}();var ReferralTableStatusCell=function(){function e(e){registerInstance(this,e)}e.prototype.render=function(){var e={Badge:{"&::part(base)":{fontSize:"var(--sl-font-size-small)",padding:"4px 8px"}}};var t=createStyleSheet(e);var r=t.toString();return h$1("div",null,h$1("style",{type:"text/css"},r),h$1("sl-badge",{pill:true,type:this.converted?"success":"warning",class:t.classes.Badge},this.statusText))};return e}();var ReferralTableStatusColumn=function(){function e(e){registerInstance(this,e);this.columnTitle="Status";this.convertedStatusText="Converted";this.inProgressStatusText="In Progress";h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.renderCell=function(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(r){t=e.dateConverted?this.convertedStatusText:this.inProgressStatusText;return[2,h$1("sqm-referral-table-status-cell",{"status-text":t,converted:e.dateConverted?true:false})]}))}))};e.prototype.renderLabel=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.columnTitle]}))}))};e.prototype.render=function(){useRequestRerender([this.columnTitle]);return h$1(Host,{style:{display:"none"}})};return e}();var ReferralTableUserCell=function(){function e(e){registerInstance(this,e)}e.prototype.render=function(){return this.name};return e}();var ReferralTableUserColumn=function(){function e(e){registerInstance(this,e);this.columnTitle="Customer";this.anonymousUser="Anonymous User";this.deletedUser="Deleted User";h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.renderCell=function(e){return __awaiter(this,void 0,void 0,(function(){var t,r,a,n,s;return __generator(this,(function(l){if(!(e===null||e===void 0?void 0:e.referredUser)){s=this.deletedUser}else if(!((t=e===null||e===void 0?void 0:e.referredUser)===null||t===void 0?void 0:t.firstName)&&!((r=e===null||e===void 0?void 0:e.referredUser)===null||r===void 0?void 0:r.lastName)){s=this.anonymousUser}else{s=((a=e===null||e===void 0?void 0:e.referredUser)===null||a===void 0?void 0:a.firstName)+" "+((n=e===null||e===void 0?void 0:e.referredUser)===null||n===void 0?void 0:n.lastName)}return[2,h$1("sqm-referral-table-user-cell",{name:s})]}))}))};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$1(Host,{style:{display:"none"}})};return e}();export{ReferralTable as sqm_referral_table,ReferralTableCell as sqm_referral_table_cell,ReferralTableGenericColumn as sqm_referral_table_column,ReferralTableDateCell as sqm_referral_table_date_cell,ReferralTableDateColumn as sqm_referral_table_date_column,ReferralTableRewardsCell as sqm_referral_table_rewards_cell,ReferralTableRewardsColumn as sqm_referral_table_rewards_column,ReferralTableStatusCell as sqm_referral_table_status_cell,ReferralTableStatusColumn as sqm_referral_table_status_column,ReferralTableUserCell as sqm_referral_table_user_cell,ReferralTableUserColumn as sqm_referral_table_user_column};

package/dist/esm-es5/sqm-refresh-button.entry.js

@@ -1 +1 @@
-import{h,c as Host,r as registerInstance}from"./index-17b4da69.js";import{m as h$1}from"./stencil-hooks.module-2f159754.js";import"./use-callback-d8ef4b5d.js";import{j as jn}from"./index.module-8e23a02c.js";import"./extends-c31f1eff.js";import{g as getProps}from"./utils-1d345130.js";function RefreshButtonView(e,t){return e.hide?h(Host,{style:{display:"none"}}):h(Host,null,h("style",{type:"text/css"},":host{display:inline-block}"),h("sl-button",{loading:e.loading,disabled:e.disabled,pill:e.pill,size:e.size,type:e.type,onClick:e.onClick,exportparts:"base: "+e.type+"-refresh-base"},!e.hideicon&&h("sl-icon",{slot:e.iconslot,name:e.icon,exportparts:"icon"}),!e.hidetext&&t))}var RefreshButton=function(){function e(e){registerInstance(this,e);this.icon="arrow-clockwise";h$1(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=getProps(this);var t=jn()?useDemoRefereshButton(e):useRefreshButton(e);return h(RefreshButtonView,Object.assign({},t),h("slot",null))};return e}();function useDemoRefereshButton(e){var t=e.icon;return{onClick:function(){},icon:t}}function useRefreshButton(e){var t=e.icon;return{disabled:false,hide:false,icon:t}}export{RefreshButton as sqm_refresh_button};
+import{h,c as Host,r as registerInstance}from"./index-17b4da69.js";import{m as h$1}from"./stencil-hooks.module-2f159754.js";import"./use-callback-d8ef4b5d.js";import{k}from"./index.module-ec3dcc82.js";import"./extends-c31f1eff.js";import{g as getProps}from"./utils-1d345130.js";function RefreshButtonView(e,t){return e.hide?h(Host,{style:{display:"none"}}):h(Host,null,h("style",{type:"text/css"},":host{display:inline-block}"),h("sl-button",{loading:e.loading,disabled:e.disabled,pill:e.pill,size:e.size,type:e.type,onClick:e.onClick,exportparts:"base: "+e.type+"-refresh-base"},!e.hideicon&&h("sl-icon",{slot:e.iconslot,name:e.icon,exportparts:"icon"}),!e.hidetext&&t))}var RefreshButton=function(){function e(e){registerInstance(this,e);this.icon="arrow-clockwise";h$1(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=getProps(this);var t=k()?useDemoRefereshButton(e):useRefreshButton(e);return h(RefreshButtonView,Object.assign({},t),h("slot",null))};return e}();function useDemoRefereshButton(e){var t=e.icon;return{onClick:function(){},icon:t}}function useRefreshButton(e){var t=e.icon;return{disabled:false,hide:false,icon:t}}export{RefreshButton as sqm_refresh_button};

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

@@ -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,a=arguments.length;r<a;r++){t=arguments[r];for(var n in t)if(Object.prototype.hasOwnProperty.call(t,n))e[n]=t[n]}return e};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(e,t,r,a){function n(e){return e instanceof r?e:new r((function(t){t(e)}))}return new(r||(r=Promise))((function(r,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?r(e.value):n(e.value).then(s,i)}o((a=a.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var r={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(t){return o([e,t])}}function o(s){if(a)throw new TypeError("Generator is already executing.");while(r)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:r.label++;return{value:s[1],done:false};case 5:r.label++;n=s[1];s=[0];continue;case 7:s=r.ops.pop();r.trys.pop();continue;default:if(!(l=r.trys,l=l.length>0&&l[l.length-1])&&(s[0]===6||s[0]===2)){r=0;continue}if(s[0]===3&&(!l||s[1]>l[0]&&s[1]<l[3])){r.label=s[1];break}if(s[0]===6&&r.label<l[1]){r.label=l[1];l=s;break}if(l&&r.label<l[2]){r.label=l[2];r.ops.push(s);break}if(l[2])r.ops.pop();r.trys.pop();continue}s=t.call(e,r)}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}}};import{h,r as registerInstance,c as Host}from"./index-17b4da69.js";import{e as useReducer,u as useEffect,m as h$1}from"./stencil-hooks.module-2f159754.js";import{i as intl}from"./global-e1f502b8.js";import"./use-callback-d8ef4b5d.js";import{d as dist,i as ie,M,A as An,a as mn,j as jn}from"./index.module-8e23a02c.js";import"./extends-c31f1eff.js";import"./insertcss-bcaf3818.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-2b700cd4.js";import{u as useRerenderListener,a as useChildElements,b as useRequestRerender}from"./useChildElements-47a37020.js";import{l as luxon}from"./luxon-5fa22651.js";import{l as luxonLocale}from"./utils-1d345130.js";import{T as TextSpanView}from"./sqm-text-span-view-7e61c95c.js";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            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            statuses\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            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            statuses\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,t,r){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,t){return __assign(__assign({},e),t)}),{columns:[],rows:[],loading:false,page:0}),c=u[0],m=u[1];var p=mn(GET_REWARDS,(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:d,locale:i},!(l===null||l===void 0?void 0:l.jwt)),h=p.envelope,f=p.states,v=p.callbacks;var w=useRerenderListener();var g=useChildElements();var y=h===null||h===void 0?void 0:h.data;function b(e){return __awaiter(this,void 0,void 0,(function(){var t,r,a,n,l,s,o;var d=this;return __generator(this,(function(u){switch(u.label){case 0:t=e.filter((function(e){return e.slot!=="loading"&&e.slot!=="empty"}));r=t===null||t===void 0?void 0:t.map((function(e){return __awaiter(d,void 0,void 0,(function(){return __generator(this,(function(t){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 r,a;var n=this;return __generator(this,(function(l){switch(l.label){case 0:r=t===null||t===void 0?void 0:t.map((function(t){return __awaiter(n,void 0,void 0,(function(){return __generator(this,(function(r){return[2,tryMethod(t,(function(){return t.renderCell([e],i)}))]}))}))}));return[4,Promise.all(r)];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;m({rows:n});o=r;if(!o)return[3,4];return[4,Promise.all(r)];case 3:o=u.sent();u.label=4;case 4:s=o;m({columns:s,loading:false,page:f.currentPage});return[2]}}))}))}useEffect((function(){m({loading:true});h&&b(g)}),[h,g,w]);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 _=f.loading||c.loading?"loading":T?"empty":"rows";return{states:{hasNext:f.currentPage<f.pageCount-1,hasPrev:f.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:t,loadingElement:r},callbacks:{nextPage:function(){v.setCurrentPage(f.currentPage+1)},prevPage:function(){v.setCurrentPage(f.currentPage-1)}}}}function generateUserError(e){try{return JSON.stringify(e)}catch(e){return"An unknown error"}}function tryMethod(e,t){return __awaiter(this,void 0,void 0,(function(){var r,a,n,l;return __generator(this,(function(s){switch(s.label){case 0:r=e.tagName.toLowerCase();return[4,customElements.whenDefined(r)];case 1:s.sent();try{a=t()}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=3;this.showLabels=true;this.prevLabel="Prev";this.moreLabel="Next";this.hiddenColumns="0";this.smBreakpoint=599;this.mdBreakpoint=899;this.emptyStateImgUrl="https://res.cloudinary.com/saasquatch/image/upload/v1642618031/squatch-assets/image_4_1.png";this.emptyStateTitle="View your rewards";this.emptyStateText="See all the rewards you have earned from referring friends and completing tasks";h$1(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=h(EmptySlot,{emptyStateImgUrl:this.emptyStateImgUrl,emptyStateTitle:this.emptyStateTitle,emptyStateText:this.emptyStateText});var t=h(LoadingSlot,null);var r=jn()?useRewardsTableDemo(this):useRewardsTable(this,e,t),a=r.states,n=r.data,l=r.callbacks,s=r.elements;return h(GenericTableView,{states:a,data:n,callbacks:l,elements:s})};return e}();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){return cjs({states:{hasPrev:false,hasNext:false,loading:false,namespace:CSS_NAMESPACE},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:{emptyElement:h(EmptySlot,{emptyStateImgUrl:"https://res.cloudinary.com/saasquatch/image/upload/v1642618031/squatch-assets/image_4_1.png",emptyStateTitle:"View your rewards",emptyStateText:"See all the rewards you have earned from referring friends and completing tasks"}),loadingElement:h(LoadingSlot,null),columns:[h("div",null,"Reward"),h("div",null,"Source"),h("div",null,"Status"),h("div",null,"Date recieved")],rows:[]}},e.demoData||{},{arrayMerge:function(e,t){return t}})}function EmptySlot(e){var t=e.emptyStateImgUrl,r=e.emptyStateTitle,a=e.emptyStateText;return h("div",{slot:"empty",style:{display:"contents"}},h("sqm-table-row",null,h("sqm-table-cell",{colspan:5,style:{textAlign:"center"}},h("div",{style:{padding:"var(--sl-spacing-xxx-large)"}},h("img",{src:t,style:{width:"100px"}}),h("div",null,h("b",null,r)),h("div",{style:{marginTop:"var(--sl-spacing-xx-small)",fontSize:"var(--sl-font-size-small)",color:"var(--sl-color-neutral-500)"}},a)))))}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,t;var r=!this.date?"-":(t=(e=luxon.DateTime.fromMillis(this.date))===null||e===void 0?void 0:e.setLocale(luxonLocale(this.locale)))===null||t===void 0?void 0:t.toLocaleString(luxon.DateTime.DATE_MED);return h(TextSpanView,{type:"p"},r)};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,t){return __awaiter(this,void 0,void 0,(function(){var r;return __generator(this,(function(a){r=e===null||e===void 0?void 0:e[0];console.log("reward column - locale",{locale:t});return[2,h("sqm-rewards-table-date-cell",{date:r[this.dateShown],locale:t})]}))}))};e.prototype.renderLabel=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.columnTitle]}))}))};e.prototype.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 t={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)"}};var r=createStyleSheet(t);var a=r.toString();var n=function(t){var r=t.reward;var a;console.log(r);var n=r.unit==="CENTS"?r.prettyValue.replace(/USD/gi,"$"):(a=r.prettyValue)!==null&&a!==void 0?a:"-";var l=r.prettyValueNumber==="1"&&r.prettyRedeemedNumber==="1";if(r.type==="CREDIT"&&!l){var s=Math.round((parseFloat(r.prettyValueNumber)-parseFloat(r.prettyRedeemedNumber))/parseFloat(r.prettyValueNumber)*100);var i=r.statuses.includes("EXPIRED")||r.statuses.includes("CANCELLED")?h("div",null,intl.formatMessage({id:"redeemedText",defaultMessage:e.redeemedText},{redeemedAmount:r.prettyRedeemedCredit})):h("div",null,intl.formatMessage({id:"availableText",defaultMessage:e.availableText},{availableAmount:r.prettyAvailableValue}));var o={Progress:{height:"3px",width:"150px",margin:"var(--sl-spacing-xx-small) 0",background:"var(--sl-color-neutral-200)","&:after":{content:'""',display:"block",background:"var(--sl-color-primary-300)",borderRadius:"100px",width:s+"%",height:"100%"}},Container:{display:"inline-block",verticalAlign:"top",maxWidth:"100%",maxHeight:"60px",whiteSpace:"nowrap",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 d=createStyleSheet(o);var u=d.toString();return h("div",null,h("style",{type:"text/css"},u),h("div",{class:d.classes.Container},h("span",null,n+" "),h("br",null)," ",h("div",{class:d.classes.Progress}),h("span",{class:d.classes.Subtext},i)))}return h("div",null,n)};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";h$1(this)}e.prototype.disconnectedCallback=function(){};e.prototype.renderCell=function(e,t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){return[2,h("sqm-rewards-table-reward-cell",{reward:e===null||e===void 0?void 0:e[0],redeemedText:this.redeemedText,availableText:this.availableText,locale:t})]}))}))};e.prototype.renderLabel=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.columnTitle]}))}))};e.prototype.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 t=function(t){var r=t.reward;return h("span",null,intl.formatMessage({id:"rewardSourceText",defaultMessage:e.rewardSourceText},{rewardSource:r.rewardSource}))};var r=21;var a=function(t){var a=t.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<r?l:h("div",{style:{display:"inline-block",verticalAlign:"top"}},l)};var n=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"?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(t,{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 {Automated} other {}}";h$1(this)}e.prototype.disconnectedCallback=function(){};e.prototype.renderCell=function(e,t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){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:t})]}))}))};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.locale="en"}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 t={Badge:{"&::part(base)":{fontSize:"var(--sl-font-size-small)",padding:"4px 8px"}},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 r=createStyleSheet(t);var a=r.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));return h("div",{style:{display:"contents"}},h("style",{type:"text/css"},a),h("sl-badge",{type:s,pill:true,class:n==="REDEEMED"?r.classes.RedeemBadge:r.classes.Badge},l),h("p",{class:r.classes.Date},o))};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,t){return __awaiter(this,void 0,void 0,(function(){var r;return __generator(this,(function(a){r=e===null||e===void 0?void 0:e[0];return[2,h("sqm-rewards-table-status-cell",{statusText:this.statusText,reward:r,expiryText:this.expiryText,locale:t})]}))}))};e.prototype.renderLabel=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.columnTitle]}))}))};e.prototype.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,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,a=arguments.length;r<a;r++){t=arguments[r];for(var n in t)if(Object.prototype.hasOwnProperty.call(t,n))e[n]=t[n]}return e};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(e,t,r,a){function n(e){return e instanceof r?e:new r((function(t){t(e)}))}return new(r||(r=Promise))((function(r,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?r(e.value):n(e.value).then(s,i)}o((a=a.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var r={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(t){return o([e,t])}}function o(s){if(a)throw new TypeError("Generator is already executing.");while(r)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:r.label++;return{value:s[1],done:false};case 5:r.label++;n=s[1];s=[0];continue;case 7:s=r.ops.pop();r.trys.pop();continue;default:if(!(l=r.trys,l=l.length>0&&l[l.length-1])&&(s[0]===6||s[0]===2)){r=0;continue}if(s[0]===3&&(!l||s[1]>l[0]&&s[1]<l[3])){r.label=s[1];break}if(s[0]===6&&r.label<l[1]){r.label=l[1];l=s;break}if(l&&r.label<l[2]){r.label=l[2];r.ops.push(s);break}if(l[2])r.ops.pop();r.trys.pop();continue}s=t.call(e,r)}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}}};import{h,r as registerInstance,c as Host}from"./index-17b4da69.js";import{e as useReducer,u as useEffect,m as h$1}from"./stencil-hooks.module-2f159754.js";import{i as intl}from"./global-58010a55.js";import"./use-callback-d8ef4b5d.js";import{d as dist,n as ne,M,R,w as wn,k}from"./index.module-ec3dcc82.js";import"./extends-c31f1eff.js";import"./insertcss-bcaf3818.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-79b65de0.js";import{u as useRerenderListener,a as useChildElements,b as useRequestRerender}from"./useChildElements-c11d6189.js";import{g as generateUserError}from"./useReferralTable-bccb9ac0.js";import{l as luxon}from"./luxon-5fa22651.js";import{l as luxonLocale}from"./utils-1d345130.js";import{T as TextSpanView}from"./sqm-text-span-view-7e61c95c.js";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            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            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            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            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,t,r){var a,n;var l=ne();var s=M();var i=R();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,t){return __assign(__assign({},e),t)}),{columns:[],rows:[],loading:false,page:0}),c=u[0],m=u[1];var p=wn(GET_REWARDS,(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:d,locale:i},!(l===null||l===void 0?void 0:l.jwt)),h=p.envelope,f=p.states,v=p.callbacks;var g=useRerenderListener();var w=useChildElements();var y=h===null||h===void 0?void 0:h.data;function b(e){return __awaiter(this,void 0,void 0,(function(){var t,r,a,n,l,s,o;var d=this;return __generator(this,(function(u){switch(u.label){case 0:t=e.filter((function(e){return e.slot!=="loading"&&e.slot!=="empty"}));r=t===null||t===void 0?void 0:t.map((function(e){return __awaiter(d,void 0,void 0,(function(){return __generator(this,(function(t){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 r,a;var n=this;return __generator(this,(function(l){switch(l.label){case 0:r=t===null||t===void 0?void 0:t.map((function(t){return __awaiter(n,void 0,void 0,(function(){return __generator(this,(function(r){return[2,tryMethod(t,(function(){return t.renderCell([e],i)}))]}))}))}));return[4,Promise.all(r)];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;m({rows:n});o=r;if(!o)return[3,4];return[4,Promise.all(r)];case 3:o=u.sent();u.label=4;case 4:s=o;m({columns:s,loading:false,page:f.currentPage});return[2]}}))}))}useEffect((function(){m({loading:true});h&&b(w)}),[h,w,g]);var x=!((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 T=f.loading||c.loading?"loading":x?"empty":"rows";return{states:{hasNext:f.currentPage<f.pageCount-1,hasPrev:f.currentPage>0,show:T,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:t,loadingElement:r},callbacks:{nextPage:function(){v.setCurrentPage(f.currentPage+1)},prevPage:function(){v.setCurrentPage(f.currentPage-1)}}}}function tryMethod(e,t){return __awaiter(this,void 0,void 0,(function(){var r,a,n,l;return __generator(this,(function(s){switch(s.label){case 0:r=e.tagName.toLowerCase();return[4,customElements.whenDefined(r)];case 1:s.sent();try{a=t()}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=3;this.showLabels=true;this.prevLabel="Prev";this.moreLabel="Next";this.hiddenColumns="0";this.smBreakpoint=599;this.mdBreakpoint=899;this.emptyStateImage="https://res.cloudinary.com/saasquatch/image/upload/v1642618031/squatch-assets/image_4_1.png";this.emptyStateHeader="View your rewards";this.emptyStateText="See all the rewards you have earned from referring friends and completing tasks";h$1(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=h(EmptySlot,{emptyStateImage:this.emptyStateImage,emptyStateHeader:this.emptyStateHeader,emptyStateText:this.emptyStateText});var t=h(LoadingSlot,null);var r=k()?useRewardsTableDemo(this):useRewardsTable(this,e,t),a=r.states,n=r.data,l=r.callbacks,s=r.elements;return h(GenericTableView,{states:a,data:n,callbacks:l,elements:s})};return e}();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){return cjs({states:{hasPrev:false,hasNext:false,loading:false,namespace:CSS_NAMESPACE},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:{emptyElement:h(EmptySlot,{emptyStateImage:"https://res.cloudinary.com/saasquatch/image/upload/v1642618031/squatch-assets/image_4_1.png",emptyStateHeader:"View your rewards",emptyStateText:"See all the rewards you have earned from referring friends and completing tasks"}),loadingElement:h(LoadingSlot,null),columns:["Reward","Source","Status","Date recieved"],rows:[]}},e.demoData||{},{arrayMerge:function(e,t){return t}})}function EmptySlot(e){var t=e.emptyStateImage,r=e.emptyStateHeader,a=e.emptyStateText;return h("div",{slot:"empty",style:{display:"contents"}},h("sqm-table-row",null,h("sqm-table-cell",{colspan:5,style:{textAlign:"center"}},h("sqm-portal-container",{padding:"xxxx-large",gap:"medium"},h("sqm-image",{"image-url":t,"max-width":"100px"}),h("sqm-titled-section",{"label-margin":"xxx-small","text-align":"center"},h("sqm-text",{slot:"label"},h("h3",null,r)),h("sqm-text",{slot:"content"},a))))))}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,t;var r=!this.date?"-":(t=(e=luxon.DateTime.fromMillis(this.date))===null||e===void 0?void 0:e.setLocale(luxonLocale(this.locale)))===null||t===void 0?void 0:t.toLocaleString(luxon.DateTime.DATE_MED);return h(TextSpanView,{type:"p"},r)};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,t){return __awaiter(this,void 0,void 0,(function(){var r;return __generator(this,(function(a){r=e===null||e===void 0?void 0:e[0];console.log("reward column - locale",{locale:t});return[2,h("sqm-rewards-table-date-cell",{date:r[this.dateShown],locale:t})]}))}))};e.prototype.renderLabel=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.columnTitle]}))}))};e.prototype.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 t={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)"}};var r=createStyleSheet(t);var a=r.toString();var n=function(t){var r=t.reward;var a;console.log(r);var n=r.unit==="CENTS"?r.prettyValue.replace(/USD/gi,"$"):(a=r.prettyValue)!==null&&a!==void 0?a:"-";var l=r.prettyValueNumber==="1"&&r.prettyRedeemedNumber==="1";if(r.type==="CREDIT"&&!l){var s=Math.round((parseFloat(r.prettyValueNumber)-parseFloat(r.prettyRedeemedNumber))/parseFloat(r.prettyValueNumber)*100);var i=r.statuses.includes("EXPIRED")||r.statuses.includes("CANCELLED")?h("div",null,intl.formatMessage({id:"redeemedText",defaultMessage:e.redeemedText},{redeemedAmount:r.prettyRedeemedCredit})):h("div",null,intl.formatMessage({id:"availableText",defaultMessage:e.availableText},{availableAmount:r.prettyAvailableValue}));var o={Progress:{height:"3px",width:"150px",margin:"var(--sl-spacing-xx-small) 0",background:"var(--sl-color-neutral-200)","&:after":{content:'""',display:"block",background:"var(--sl-color-primary-300)",borderRadius:"100px",width:s+"%",height:"100%"}},Container:{display:"inline-block",verticalAlign:"top",maxWidth:"100%",maxHeight:"60px",whiteSpace:"nowrap",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 d=createStyleSheet(o);var u=d.toString();return h("div",null,h("style",{type:"text/css"},u),h("div",{class:d.classes.Container},h("span",null,n+" "),h("br",null)," ",h("div",{class:d.classes.Progress}),h("span",{class:d.classes.Subtext},i)))}return h("div",null,n)};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";h$1(this)}e.prototype.disconnectedCallback=function(){};e.prototype.renderCell=function(e,t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){return[2,h("sqm-rewards-table-reward-cell",{reward:e===null||e===void 0?void 0:e[0],redeemedText:this.redeemedText,availableText:this.availableText,locale:t})]}))}))};e.prototype.renderLabel=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.columnTitle]}))}))};e.prototype.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 t=function(t){var r=t.reward;return h("span",null,intl.formatMessage({id:"rewardSourceText",defaultMessage:e.rewardSourceText},{rewardSource:r.rewardSource}))};var r=21;var a=function(t){var a=t.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<r?l:h("div",{style:{display:"inline-block",verticalAlign:"top"}},l)};var n=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"?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(t,{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 {Program} other {}}";h$1(this)}e.prototype.disconnectedCallback=function(){};e.prototype.renderCell=function(e,t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){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:t})]}))}))};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 t={Badge:{"&::part(base)":{fontSize:"var(--sl-font-size-small)",padding:"4px 8px"}},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 r=createStyleSheet(t);var a=r.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;console.log(d);return h("div",{style:{display:"contents"}},h("style",{type:"text/css"},a),h("sl-badge",{type:s,pill:true,class:n==="REDEEMED"?r.classes.RedeemBadge:r.classes.Badge},l),h("p",{class:r.classes.Date},d||o));function u(e){var t;console.log(e.reward);var r={US_TAX:e.pendingUsTax,SCHEDULED:e.reward.dateScheduledFor&&e.pendingScheduled+" "+((t=luxon.DateTime.fromMillis(e.reward.dateScheduledFor))===null||t===void 0?void 0:t.setLocale(luxonLocale(luxonLocale(e.locale))).toLocaleString(luxon.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 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,t){return __awaiter(this,void 0,void 0,(function(){var r;return __generator(this,(function(a){r=e===null||e===void 0?void 0:e[0];return[2,h("sqm-rewards-table-status-cell",{statusText:this.statusText,reward:r,expiryText:this.expiryText,locale:t})]}))}))};e.prototype.renderLabel=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.columnTitle]}))}))};e.prototype.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;