@saasquatch/mint-components 1.6.1-7 → 1.6.2-0

package/dist/mint-components/p-8153deff.entry.js

@@ -0,0 +1,99 @@
+import{h as e,r as t,c as a}from"./p-64c3217a.js";import{b as r,u as s,e as l,m as i,j as n}from"./p-30b3592f.js";import{i as o}from"./p-11a1a6a8.js";import"./p-ee461c80.js";import{d,o as c,F as u,M as m,q as p,T as h}from"./p-3b99eaf1.js";import"./p-81f34787.js";import{c as v}from"./p-c1086930.js";import"./p-02be1a88.js";import{c as E}from"./p-d8876d3f.js";import{G as f}from"./p-b22b94ac.js";import{u as y,a as g}from"./p-8f12df83.js";import{u as w}from"./p-a8efda40.js";import{l as b}from"./p-916a8f50.js";import{g as R}from"./p-199defdf.js";import{l as x}from"./p-9ec99ced.js";const A=["POINT","TICKET","GIFT"],D=["Points","Tickets","Gifts"],N=["AVAILABLE","PENDING","CANCELLED","EXPIRED","REDEEMED"],T=["US_TAX","SCHEDULED","UNHANDLED_ERROR"],L=r("sq:useRewardsTable"),C=d.gql`
+  query getRewards(
+    $limit: Int!
+    $offset: Int!
+    $rewardFilter: RewardFilterInput
+    $locale: RSLocale
+  ) {
+    viewer {
+      ... on User {
+        id
+        rewards(
+          limit: $limit
+          offset: $offset
+          filter: $rewardFilter
+          sortBy: { field: "dateCreated", order: DESC }
+        ) {
+          totalCount
+          count
+          data {
+            meta {
+              message
+            }
+            id
+            type
+            value
+            unit
+            name
+            dateGiven
+            dateCreated
+            dateExpires
+            dateCancelled
+            dateRedeemed
+            dateScheduledFor
+            fuelTankCode
+            fuelTankType
+            currency
+            prettyValue(locale: $locale)
+            prettyValueNumber: prettyValue(
+              formatType: NUMBER_FORMATTED
+              locale: $locale
+            )
+            prettyAvailableNumber: prettyAvailableValue(
+              formatType: NUMBER_FORMATTED
+              locale: $locale
+            )
+            prettyRedeemedNumber: prettyRedeemedCredit(
+              formatType: NUMBER_FORMATTED
+              locale: $locale
+            )
+            programId
+            program {
+              name
+            }
+            statuses
+            pendingReasons
+            globalRewardKey
+            programRewardKey
+            rewardSource
+            prettyRedeemedCredit(locale: $locale)
+            prettyAssignedCredit(locale: $locale)
+            prettyAvailableValue(locale: $locale)
+            exchangedRewardRedemptionTransaction {
+              id
+              creditRedeemed
+              prettyRedeemedCredit(locale: $locale)
+              unit
+              dateRedeemed
+            }
+            referral {
+              id
+              referrerUser {
+                id
+                firstName
+                lastName
+              }
+              referredUser {
+                id
+                firstName
+                lastName
+              }
+            }
+            rewardRedemptionTransactions {
+              data {
+                exchangedRewards {
+                  data {
+                    prettyValue(locale: $locale)
+                    type
+                    fuelTankCode
+                    globalRewardKey
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+`;async function I(t,a){const r=t.tagName.toLowerCase();let s;await customElements.whenDefined(r);try{s=a()}catch(t){return L("label promise failed",t),e("span",null)}try{return await s}catch(t){L("Error rendering label",t);const a=R(t);return e("details",null,e("summary",null,"Error"),a)}}const _=class{constructor(e){t(this,e),this.perPage=4,this.showLabels=!0,this.prevLabel="Prev",this.moreLabel="Next",this.hiddenColumns="0",this.smBreakpoint=599,this.mdBreakpoint=799,i(this)}disconnectedCallback(){}render(){const t=e(M,null),a=e(S,null),{states:r,data:i,callbacks:o,elements:d}=h()?function(e,t,a){const[r,i]=s(((e,t)=>({...e,...t})),{columns:[],rows:[],loading:!1,page:0}),o=y(),{data:d}=n((()=>((e=4)=>({data:[...Array(e)].map((()=>(()=>{let e,t,a,r,s=!1,l=0;const i=b.DateTime.now(),n=Math.floor(3*Math.random()),o=N[Math.floor(5*Math.random())],d=A[n],c=D[n],u=Math.floor(100*Math.random())+2;if("AVAILABLE"===o)l=Math.floor(Math.random()*u),r=Math.floor(10*Math.random())<3?i.plus({days:7}).toMillis():null;else if("EXPIRED"===o)s=!0,l=Math.floor(Math.random()*u),r=i.minus({days:1}).toMillis();else if("PENDING"===o){const a=T[Math.floor(3*Math.random())];e=[a],"SCHEDULED"===a&&(t=i.plus({days:6}).toMillis())}else"REDEEMED"===o?s=!0:(s=!0,a=i.minus({days:2}).toMillis());const m=Math.floor(3*Math.random());return{id:"61f7878e096c9265de88b46f",type:"CREDIT",value:u,unit:d,name:null,dateGiven:i.minus({days:3}).toMillis(),dateExpires:r,dateCancelled:a,dateRedeemed:"REDEEMED"===o?i.plus({days:2}).toMillis():null,dateScheduledFor:t,fuelTankCode:null,fuelTankType:null,currency:null,prettyValue:`${u} ${c}`,prettyValueNumber:`${u}`,prettyAvailableNumber:s?"0":""+(u-l),prettyRedeemedNumber:s&&!l?"0":`${l}`,programId:1===m?"program-id":null,program:{name:"My Program"},statuses:[o],pendingReasons:e,globalRewardKey:null,programRewardKey:null,rewardSource:1===m?"AUTOMATED":"MANUAL",prettyRedeemedCredit:`${l} ${c}`,prettyAssignedCredit:`${u} ${c}`,prettyAvailableValue:s?`0 ${c}`:`${u-l} ${c}`,exchangedRewardRedemptionTransaction:2===m?{id:"61f7878e096c9265de88b414",creditRedeemed:50,prettyRedeemedCredit:"50 Tokens",unit:"TOKEN",dateRedeemed:1643612046258}:null,referral:null,rewardRedemptionTransactions:{data:[]}}})()))}))(e.perPage)),[e.perPage]),c=w();return l((()=>{i({loading:!0}),d&&async function(t){let a=d;a=d.slice(0,e.perPage);const r=t.filter((e=>"loading"!==e.slot&&"empty"!==e.slot)),s=null==r?void 0:r.map((async(e,t)=>{var a;const r=null===(a=null==e?void 0:e.firstElementChild)||void 0===a?void 0:a.getAttribute("slot");if("RAISINS-PLOP-TARGET"===e.tagName&&"loading"!==r&&"empty"!==r){e.style.position="absolute",e.setAttribute("slot","column-"+t);const a=e.firstElementChild.childNodes[1];return a.innerHTML="＋",a.style.lineHeight="20px",I(e,(()=>e.renderLabel(t)))}return I(e,(()=>e.renderLabel()))})),l=null==a?void 0:a.map((async e=>{const t=null==r?void 0:r.map((async t=>I(t,(()=>t.renderCell(e,void 0)))));return await Promise.all(t)})),n=l&&(await Promise.all(l)).filter((e=>e));i({rows:n});const o=s&&await Promise.all(s);i({columns:o,loading:!1,page:0})}(c)}),[d,c,o]),v({states:{hasPrev:!1,hasNext:!1,loading:!1,show:"rows"},callbacks:{prevPage:()=>console.log("Prev"),nextPage:()=>console.log("Next")},data:{textOverrides:{showLabels:e.showLabels,prevLabel:e.prevLabel,moreLabel:e.moreLabel},referralData:[],mdBreakpoint:799,smBreakpoint:599},elements:{columns:r.columns,rows:r.rows,emptyElement:t,loadingElement:a}},e.demoData||{},{arrayMerge:(e,t)=>t})}(this,t,a):function(e,t,a){var r,i;const n=c(),o=u(),d=m(),h=null!==(r=e.programId)&&void 0!==r?r:o,v={userId_eq:null==n?void 0:n.id,accountId_eq:null==n?void 0:n.accountId,...h?"classic"===h?{programId_exists:!1}:{programId_eq:h}:{}},[E,f]=s(((e,t)=>({...e,...t})),{columns:[],rows:[],loading:!1,page:0}),{envelope:g,states:b,callbacks:R}=p(C,(e=>{var t;return null===(t=null==e?void 0:e.viewer)||void 0===t?void 0:t.rewards}),{limit:e.perPage,offset:0},{rewardFilter:v,locale:d},!(null==n?void 0:n.jwt)),x=y(),A=w(),D=null==g?void 0:g.data;l((()=>{f({loading:!0}),g&&async function(e){const t=e.filter((e=>"loading"!==e.slot&&"empty"!==e.slot)),a=null==t?void 0:t.map((async e=>I(e,(()=>e.renderLabel())))),r=null==D?void 0:D.map((async e=>{const a=null==t?void 0:t.map((async t=>I(t,(()=>t.renderCell(e,d)))));return await Promise.all(a)})),s=r&&(await Promise.all(r)).filter((e=>e));f({rows:s});const l=a&&await Promise.all(a);f({columns:l,loading:!1,page:b.currentPage})}(A)}),[g,A,x]);const N=!(null===(i=null==E?void 0:E.rows)||void 0===i?void 0:i.length)&&!(null==D?void 0:D.length);return{states:{hasNext:b.currentPage<b.pageCount-1,hasPrev:b.currentPage>0,show:b.loading||E.loading?"loading":N?"empty":"rows",namespace:"sqm-rewards-table"},data:{textOverrides:{showLabels:e.showLabels,prevLabel:e.prevLabel,moreLabel:e.moreLabel},hiddenColumns:e.hiddenColumns,smBreakpoint:e.smBreakpoint,mdBreakpoint:e.mdBreakpoint},elements:{columns:E.columns,rows:E.rows,emptyElement:t,loadingElement:a},callbacks:{nextPage:()=>{R.setCurrentPage(b.currentPage+1)},prevPage:()=>{R.setCurrentPage(b.currentPage-1)}}}}(this,t,a);return g([this.perPage]),e(f,{states:r,data:i,callbacks:o,elements:d})}};function M(){return e("slot",{name:"empty"},e("sqm-empty",{"empty-state-image":"https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_reward2.png","empty-state-header":"View your rewards","empty-state-text":"Refer friends and complete tasks to view the details of your rewards"}))}function S(){return e("slot",{name:"loading"},e(P,null),e(P,null),e(P,null),e(P,null))}function P(){return e("sqm-table-row",null,e("sqm-table-cell",{colspan:5},e("sl-skeleton",null)))}const k=class{constructor(e){t(this,e),this.ignored=!0,this.locale="en",i(this)}disconnectedCallback(){}render(){var e,t;return this.date?null===(t=null===(e=b.DateTime.fromMillis(this.date))||void 0===e?void 0:e.setLocale(x(this.locale)))||void 0===t?void 0:t.toLocaleString(b.DateTime.DATE_MED):"-"}},$=class{constructor(e){t(this,e),this.columnTitle="Date received",this.dateShown="dateGiven",i(this)}disconnectedCallback(){}async renderCell(t,a){return e("sqm-rewards-table-date-cell",{date:t[this.dateShown],locale:a})}async renderLabel(){return this.columnTitle}render(){return g([this.dateShown,this.columnTitle]),e(a,{style:{display:"none"}})}},U=E({DetailsContainer:{width:"100%",display:"flex","align-items":"center","justify-content":"space-between","margin-right":"var(--sl-spacing-small)","flex-wrap":"wrap"},Details:{"padding-bottom":"var(--sl-spacing-small)","max-width":"500px","padding-right":"var(--sl-spacing-x-small)","&::part(header)":{padding:"var(--sl-spacing-x-small)",cursor:"default"},"&::part(content)":{padding:"var(--sl-spacing-x-small) var(--sl-spacing-medium)"},"&::part(base)":{opacity:"1"},"&::part(summary-icon)":{display:"flex"}},BadgeContainer:{"& > :not(:last-child)":{"margin-right":"var(--sl-spacing-x-small)"}},BoldText:{"font-weight":"var(--sl-font-weight-semibold)"},StatusBadge:{paddingLeft:"var(--sl-spacing-xxx-small)","&::part(base)":{textAlign:"center",maxWidth:"170px",whiteSpace:"pre-line"}},Fueltank:{"& .code":{display:"flex",cursor:"pointer",userSelect:"none",color:"var(--sl-color-neutral-500)","&:hover":{color:"var(--sl-color-sky-500)"}},"& .text":{maxWidth:"90%",overflow:"hidden",textOverflow:"ellipsis",color:"inherit",fontSize:"var(--sl-font-size-small)",fontWeight:"var(--sl-font-weight-bold)"},"& .icon":{position:"relative",top:"1px",marginLeft:"var(--sl-spacing-x-small)",color:"inherit"}}}),q=U.toString(),B=class{constructor(e){t(this,e)}render(){return o.locale=this.locale,e("div",{style:{display:"contents"}},e("style",{type:"text/css"},q),e((({reward:t})=>{var a;const r="CENTS"===t.unit?t.prettyValue.replace(/USD/gi,"$"):null!==(a=t.prettyValue)&&void 0!==a?a:"-",s="1"===t.prettyValueNumber||t.dateRedeemed&&"0"===t.prettyAvailableNumber;if("FUELTANK"===t.type)return e("div",{class:U.classes.Fueltank},t.prettyValue,t.fuelTankCode&&e("div",{class:"code",onClick:()=>navigator.clipboard.writeText(t.fuelTankCode)},e("sl-tooltip",{trigger:"click",placement:"top",distance:5,skidding:11,content:this.copyText,"onSl-show":e=>setTimeout((()=>e.path[0].hide()),1e3)},e("span",{class:"text"},t.fuelTankCode),e("span",{class:"icon"},e("sl-icon",{name:"files"})))));if("CREDIT"===t.type&&!s){const a=parseFloat(t.prettyValueNumber)-parseFloat(t.prettyRedeemedNumber),s=Math.round(a/parseFloat(t.prettyValueNumber)*100),l=t.statuses.includes("EXPIRED")||t.statuses.includes("CANCELLED")?e("div",null,o.formatMessage({id:"redeemedText",defaultMessage:this.redeemedText},{redeemedAmount:t.prettyRedeemedCredit})):e("div",null,o.formatMessage({id:"availableText",defaultMessage:this.availableText},{availableAmount:t.statuses.includes("PENDING")?t.prettyAssignedCredit:t.prettyAvailableValue})),i=E({Progress:{height:"3px",width:"100%",margin:"var(--sl-spacing-xx-small) 0",background:"var(--sl-color-neutral-200)","&:after":{content:'""',display:"block",background:"var(--sl-color-primary-300)",borderRadius:"100px",width:`${s}%`,height:"100%"}},Container:{display:"inline-block",verticalAlign:"top",width:"150px",whiteSpace:"break",overflow:"hidden",textOverflow:"ellipsis"},Text:{fontSize:"var(--sl-font-size-medium)",color:"var(--sl-color-gray-800)"},Subtext:{fontSize:"var(--sl-font-size-small)",color:"var(--sl-color-neutral-500)"}}),n=i.toString();return e("div",null,e("style",{type:"text/css"},n),e("div",{class:i.classes.Container},e("span",null,r+" "),e("br",null)," ",e("div",{class:i.classes.Progress}),e("span",{class:i.classes.Subtext},l)))}return e("div",null,r)}),{reward:this.reward}))}},F=class{constructor(e){t(this,e),this.columnTitle="Reward",this.redeemedText="{redeemedAmount} redeemed",this.availableText="{availableAmount} remaining",this.copyText="Copied!",i(this)}disconnectedCallback(){}async renderCell(t,a){return e("sqm-rewards-table-reward-cell",{reward:t,redeemedText:this.redeemedText,availableText:this.availableText,copyText:this.copyText,locale:a})}async renderLabel(){return this.columnTitle}render(){return g([this.columnTitle,this.redeemedText,this.availableText,this.copyText]),e(a,{style:{display:"none"}})}},G=class{constructor(e){t(this,e),this.locale="en"}render(){o.locale=this.locale;const t=({reward:t})=>{var a;return e("span",null,o.formatMessage({id:"rewardSourceText",defaultMessage:this.rewardSourceText},{rewardSource:t.rewardSource,programName:null===(a=null==t?void 0:t.program)||void 0===a?void 0:a.name}))},a=({reward:t})=>{var a;const r=e("div",null,e("span",{style:{fontSize:"var(--sl-font-size-small)",color:"var(--sl-color-neutral-500)"}},this.rewardExchangeText),e("br",null),null===(a=t.exchangedRewardRedemptionTransaction)||void 0===a?void 0:a.prettyRedeemedCredit," → ",t.prettyValue);return t.exchangedRewardRedemptionTransaction.prettyRedeemedCredit.length+t.prettyValue.length<21?r:e("div",{style:{display:"inline-block",verticalAlign:"top"}},r)},r=e=>e?e.firstName||e.lastName?e.firstName?e.lastName?`${e.firstName} ${e.lastName}`:`${e.firstName}`:`${e.lastName}`:this.anonymousUserText:this.deletedUserText;return e((()=>"FRIEND_SIGNUP"===this.reward.rewardSource||"REFERRED"===this.reward.rewardSource?e("div",null,e("div",{style:{fontSize:"var(--sl-font-size-small)",color:"var(--sl-color-neutral-500)"}},o.formatMessage({id:"referralText",defaultMessage:this.referralText},{rewardSource:this.reward.rewardSource})),e("div",null,r("FRIEND_SIGNUP"==this.reward.rewardSource?this.reward.referral.referredUser:this.reward.referral.referrerUser))):e(this.reward.exchangedRewardRedemptionTransaction?a:t,{reward:this.reward})),null)}},V=class{constructor(e){t(this,e),this.columnTitle="Source",this.anonymousUser="Anonymous User",this.deletedUser="Deleted User",this.rewardExchangeText="Reward Exchange",this.referralText="{rewardSource, select, FRIEND_SIGNUP {Referral to} REFERRED {Referred by} other {}}",this.rewardSourceText="{rewardSource, select, MANUAL {Manual} AUTOMATED {{programName}} other {}}",i(this)}disconnectedCallback(){}async renderCell(t,a){return e("sqm-rewards-table-source-cell",{reward:t,anonymousUserText:this.anonymousUser,deletedUserText:this.deletedUser,rewardExchangeText:this.rewardExchangeText,referralText:this.referralText,rewardSourceText:this.rewardSourceText,locale:a})}async renderLabel(){return this.columnTitle}render(){return g([this.deletedUser,this.anonymousUser,this.columnTitle,this.rewardExchangeText,this.referralText,this.rewardSourceText]),e(a,{style:{display:"none"}})}},j=E({Badge:{"&::part(base)":{fontSize:"var(--sl-font-size-small)",padding:"4px 8px",paddingLeft:"10px",whiteSpace:"pre-line"}},RedeemBadge:{"&::part(base)":{fontSize:"var(--sl-font-size-small)",padding:"4px 8px",background:"var(--sl-color-blue-600)"}},Date:{fontSize:"var(--sl-font-size-small)",color:"var(--sl-color-neutral-500)",margin:"0"}}),z=j.toString(),O=class{constructor(e){t(this,e),this.expiryText="Expires",this.locale="en",this.pendingUsTax="W-9 required",this.pendingScheduled="Until",this.pendingUnhandled="Fulfillment error"}rewardStatus(e){if(e.dateCancelled)return"CANCELLED";if(e.statuses&&e.statuses.includes("EXPIRED"))return"EXPIRED";if(e.statuses&&e.statuses.includes("PENDING"))return"PENDING";if("CREDIT"===e.type)return e.statuses.includes("REDEEMED")?"REDEEMED":"AVAILABLE";if("PCT_DISCOUNT"===e.type&&e.statuses.includes("AVAILABLE"))return"AVAILABLE";if("INTEGRATION"===e.type||"FUELTANK"===e.type){if(e.statuses&&e.statuses.includes("PENDING"))return"PENDING";if(e.statuses&&e.statuses.includes("CANCELLED"))return"CANCELLED";if(e.statuses.includes("AVAILABLE"))return"AVAILABLE"}return""}render(){var t;o.locale=this.locale;const a=this.rewardStatus(this.reward),r=o.formatMessage({id:"statusMessage",defaultMessage:this.statusText},{status:a}),s="AVAILABLE"===a?"success":"REDEEMED"===a?"primary":"PENDING"===a?"warning":"danger",l=this.reward.dateCancelled||this.reward.dateExpires||this.reward.dateRedeemed||"",i=l&&`${"AVAILABLE"===a&&this.reward.dateExpires?this.expiryText+" ":""}${null===(t=b.DateTime.fromMillis(l))||void 0===t?void 0:t.setLocale(x(x(this.locale))).toLocaleString(b.DateTime.DATE_MED)}`,n="PENDING"===a?function(e){var t;const a={US_TAX:e.pendingUsTax,SCHEDULED:e.reward.dateScheduledFor&&e.pendingScheduled+" "+(null===(t=b.DateTime.fromMillis(e.reward.dateScheduledFor))||void 0===t?void 0:t.setLocale(x(x(e.locale||"en"))).toLocaleString(b.DateTime.DATE_MED)),UNHANDLED_ERROR:e.pendingUnhandled};return[e.reward.pendingReasons].map((e=>{var t;return null!==(t=a[e])&&void 0!==t?t:e})).join(", ")}(this):null;return e("div",{style:{display:"contents"}},e("style",{type:"text/css"},z),e("sl-badge",{type:s,pill:!0,class:"REDEEMED"===a?j.classes.RedeemBadge:j.classes.Badge},r),e("p",{class:j.classes.Date},n||i))}},K=class{constructor(e){t(this,e),this.columnTitle="Status",this.statusText="{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }",this.expiryText="Expires on ",this.pendingUsTax="W-9 required",this.pendingScheduled="Until",this.pendingUnhandled="Fulfillment error",i(this)}disconnectedCallback(){}async renderCell(t,a){return e("sqm-rewards-table-status-cell",{statusText:this.statusText,reward:t,expiryText:this.expiryText,pendingScheduled:this.pendingScheduled,pendingUsTax:this.pendingUsTax,pendingUnhandled:this.pendingUnhandled,locale:a})}async renderLabel(){return this.columnTitle}render(){return g([this.columnTitle,this.statusText,this.expiryText,this.pendingScheduled,this.pendingUsTax,this.pendingUnhandled]),e(a,{style:{display:"none"}})}};export{_ as sqm_rewards_table,k as sqm_rewards_table_date_cell,$ as sqm_rewards_table_date_column,B as sqm_rewards_table_reward_cell,F as sqm_rewards_table_reward_column,G as sqm_rewards_table_source_cell,V as sqm_rewards_table_source_column,O as sqm_rewards_table_status_cell,K as sqm_rewards_table_status_column}

package/dist/mint-components/{p-60de562c.entry.js → p-82d1bb86.entry.js}

@@ -1 +1 @@
-import{r,h as s,c as e}from"./p-64c3217a.js";import{m as t}from"./p-27455c4c.js";import"./p-982ad256.js";import"./p-95398ce2.js";import"./p-81f34787.js";import{a as o}from"./p-82ecbcd1.js";const a=class{constructor(s){r(this,s),this.columnTitle="Note",t(this)}disconnectedCallback(){}async renderCell(r,e){var t;return s("sqm-rewards-table-customer-note-cell",{note:null===(t=null==r?void 0:r.meta)||void 0===t?void 0:t.message,locale:e})}async renderLabel(){return this.columnTitle}render(){return o([this.columnTitle]),s(e,{style:{display:"none"}})}};export{a as sqm_rewards_table_customer_note_column}
+import{r,h as s,c as e}from"./p-64c3217a.js";import{m as t}from"./p-30b3592f.js";import"./p-ee461c80.js";import"./p-3b99eaf1.js";import"./p-81f34787.js";import{a as o}from"./p-8f12df83.js";const a=class{constructor(s){r(this,s),this.columnTitle="Note",t(this)}disconnectedCallback(){}async renderCell(r,e){var t;return s("sqm-rewards-table-customer-note-cell",{note:null===(t=null==r?void 0:r.meta)||void 0===t?void 0:t.message,locale:e})}async renderLabel(){return this.columnTitle}render(){return o([this.columnTitle]),s(e,{style:{display:"none"}})}};export{a as sqm_rewards_table_customer_note_column}