@saasquatch/mint-components 1.5.0-69 → 1.5.0-72

package/dist/mint-components/p-31df3a21.entry.js

@@ -1,161 +0,0 @@
-import{h as e,r as t,g as a,c as r}from"./p-64c3217a.js";import{e as s,u as l,m as n}from"./p-b7da9a8a.js";import{i}from"./p-5a2bd8cc.js";import"./p-d1520098.js";import{d,n as o,M as c,R as u,b as m,w as p,k as h}from"./p-3b184c32.js";import"./p-81f34787.js";import"./p-f4c0cd0b.js";import{c as f}from"./p-c1086930.js";import"./p-26f627aa.js";import{c as v}from"./p-373fa002.js";import{G as y}from"./p-f890c414.js";import{u as g,a as b,b as w}from"./p-ac65007d.js";import{l as E}from"./p-591de129.js";import{l as x}from"./p-4e05c65a.js";import{T as _}from"./p-179988b5.js";const R=d.gql`
-  query getReferrals(
-    $programId: ID
-    $rewardFilter: RewardFilterInput
-    $locale: RSLocale
-  ) {
-    viewer {
-      ... on User {
-        referredByReferral(programId: $programId) {
-          dateReferralStarted
-          dateConverted
-          referrerUser {
-            firstName
-            lastName
-          }
-          rewards(filter: $rewardFilter) {
-            id
-            type
-            value
-            unit
-            name
-            dateGiven
-            dateExpires
-            dateCancelled
-            dateRedeemed
-            dateScheduledFor
-            fuelTankCode
-            fuelTankType
-            currency
-            prettyValue(locale: $locale)
-            statuses
-            globalRewardKey
-            programRewardKey
-            rewardRedemptionTransactions {
-              data {
-                exchangedRewards {
-                  data {
-                    prettyValue(locale: $locale)
-                    type
-                    fuelTankCode
-                    globalRewardKey
-                  }
-                }
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-`,C=d.gql`
-  query getReferrals(
-    $limit: Int!
-    $offset: Int!
-    $referralFilter: ReferralFilterInput
-    $rewardFilter: RewardFilterInput
-    $locale: RSLocale
-  ) {
-    viewer {
-      ... on User {
-        id
-        paidReferrals: referrals(
-          filter: { dateReferralPaid_timeframe: "this_10_years" }
-          limit: 1
-        ) {
-          totalCount
-        }
-        referrals(limit: $limit, offset: $offset, filter: $referralFilter) {
-          totalCount
-          count
-          data {
-            id
-            referredUser {
-              id
-              accountId
-              firstName
-              lastName
-              email
-              programGoals {
-                goalId
-                programId
-                count
-                firstDate
-                lastDate
-                conversionCount
-              }
-            }
-            shareLinkUsed
-            referralCodeUsed
-            moderationStatus
-            dateConverted
-            dateFraudChecksCompleted
-            dateModerated
-            dateModified
-            dateReferralEnded
-            dateReferralPaid
-            dateReferralStarted
-            dateUserModified
-            programId
-            program {
-              id
-              name
-            }
-            rewards(filter: $rewardFilter) {
-              id
-              type
-              value
-              unit
-              name
-              dateGiven
-              dateExpires
-              dateCancelled
-              dateRedeemed
-              dateScheduledFor
-              fuelTankCode
-              fuelTankType
-              currency
-              prettyValue(locale: $locale)
-              statuses
-              globalRewardKey
-              programRewardKey
-              rewardRedemptionTransactions {
-                data {
-                  exchangedRewards {
-                    data {
-                      prettyValue(locale: $locale)
-                      type
-                      fuelTankCode
-                      globalRewardKey
-                    }
-                  }
-                }
-              }
-            }
-            childNodes(limit: 10, offset: 0) {
-              data {
-                data {
-                  id
-                  ... on FlatReward {
-                    id
-                    statuses
-                    type
-                    value
-                  }
-                  ... on ProgramEmailTransaction {
-                    id
-                    rewardId
-                    dateCreated
-                    dateSent
-                    dateQueued
-                  }
-                }
-                depth
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-`;async function L(t,a){const r=t.tagName.toLowerCase();let s;await customElements.whenDefined(r);try{s=a()}catch(t){return"renderReferrerCell"===a.name?console.error("column does not have a renderReferrerCell method."):console.error("label promise failed",t),e("span",null)}try{return await s}catch(t){console.error("Error rendering label",t);const a=function(e){try{return JSON.stringify(e)}catch(e){return"An unknown error"}}(t);return e("details",null,e("summary",null,"Error"),a)}}const I=class{constructor(e){t(this,e),this.perPage=3,this.showLabels=!0,this.prevLabel="Prev",this.moreLabel="Next",this.showReferrer=!1,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",n(this)}disconnectedCallback(){}render(){const t=e(T,{emptyStateImgUrl:this.emptyStateImgUrl,emptyStateTitle:this.emptyStateTitle,emptyStateText:this.emptyStateText}),a=e(k,null),{states:r,data:n,callbacks:i,elements:d}=h()?f({states:{hasPrev:!1,hasNext:!1,loading:!1},callbacks:{prevPage:()=>console.log("Prev"),nextPage:()=>console.log("Next")},data:{textOverrides:{showLabels:(v=this).showLabels,prevLabel:v.prevLabel,moreLabel:v.moreLabel},referralData:[]},elements:{emptyElement:e(T,{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:e(k,null),columns:[e("div",null,"User"),e("div",null,"Referral Status"),e("div",null,"Rewards")],rows:[]}},v.demoData||{},{arrayMerge:(e,t)=>t}):function(e,t,a){var r,n,i;const d=o(),h=c(),f=null!==(r=e.programId)&&void 0!==r?r:h,v=f?"classic"===f?{programId_exists:!1}:{programId_eq:f}:{},y={userId_eq:null==d?void 0:d.id,accountId_eq:null==d?void 0:d.accountId},[w,E]=s(((e,t)=>({...e,...t})),{columns:[],rows:[],loading:!1,page:0}),x=u(),{data:_,loading:I}=m(R,{programId:"classic"===f?null:f,rewardFilter:y,locale:x},!e.showReferrer||!(null==d?void 0:d.jwt)),k=null===(n=null==_?void 0:_.viewer)||void 0===n?void 0:n.referredByReferral,D=e.showReferrer&&!!(null==k?void 0:k.dateReferralStarted),{envelope:T,states:q,callbacks:N}=p(C,(e=>{var t;return null===(t=null==e?void 0:e.viewer)||void 0===t?void 0:t.referrals}),{limit:e.perPage,offset:0},{referralFilter:v,rewardFilter:y,locale:x},e.showReferrer&&I&&!_||!(null==d?void 0:d.jwt));l((()=>{0===q.currentPage&&D&&N.setLimit(e.perPage-1)}),[D]),l((()=>{e.showReferrer&&D?(N.setLimit(e.perPage-1),N.setCurrentPage(0)):(N.setLimit(e.perPage),N.setCurrentPage(0))}),[e.showReferrer]);const P=g(),A=null==T?void 0:T.data,S=b();l((()=>{E({loading:!0}),T&&async function(e){const t=e.filter((e=>"loading"!==e.slot&&"empty"!==e.slot)),a=null==t?void 0:t.map((async e=>L(e,(()=>e.renderLabel()))));let r;if(D&&0===q.currentPage){const e=null==t?void 0:t.map((async e=>L(e,(function(){return e.renderReferrerCell(k,e)}))));r=await Promise.all(e)}const s=null==A?void 0:A.map((async e=>{const a=null==t?void 0:t.map((async t=>L(t,(()=>t.renderCell(e,x)))));return await Promise.all(a)})),l=s&&[r,...await Promise.all(s)].filter((e=>e));E({rows:l});const n=a&&await Promise.all(a);E({columns:n,loading:!1,page:q.currentPage})}(S)}),[T,S,P]);const $=!(null===(i=null==w?void 0:w.rows)||void 0===i?void 0:i.length)&&!(null==A?void 0:A.length);return{states:{hasNext:q.currentPage<q.pageCount-1,hasPrev:q.currentPage>0,show:q.loading||w.loading?"loading":$?"empty":"rows",namespace:"sqm-referral-table"},data:{textOverrides:{showLabels:e.showLabels,prevLabel:e.prevLabel,moreLabel:e.moreLabel},hiddenColumns:e.hiddenColumns,smBreakpoint:e.smBreakpoint,mdBreakpoint:e.mdBreakpoint},elements:{columns:w.columns,rows:w.rows,emptyElement:t,loadingElement:a},callbacks:{nextPage:()=>{0===q.currentPage&&D&&N.setLimit(e.perPage),N.setCurrentPage(q.currentPage+1)},prevPage:()=>{1===q.currentPage&&D&&N.setLimit(e.perPage-1),N.setCurrentPage(q.currentPage-1)}}}}(this,t,a);var v;return e(y,{states:r,data:n,callbacks:i,elements:d})}};function k(){return e("slot",{name:"loading"},e(D,null),e(D,null),e(D,null),e(D,null))}function D(){return e("sqm-table-row",null,e("sqm-table-cell",{colspan:5},e("sl-skeleton",null)))}function T({emptyStateImgUrl:t,emptyStateTitle:a,emptyStateText:r}){return e("div",{slot:"empty",style:{display:"contents"}},e("sqm-table-row",null,e("sqm-table-cell",{colspan:5,style:{textAlign:"center"}},e("div",{style:{padding:"var(--sl-spacing-xxx-large)"}},e("img",{src:t,style:{width:"100px"}}),e("div",null,e("b",null,a)),e("div",{style:{marginTop:"var(--sl-spacing-xx-small)",fontSize:"var(--sl-font-size-small)",color:"var(--sl-color-neutral-500)"}},r)))))}const q=class{constructor(e){t(this,e),this.ignored=!0,n(this)}disconnectedCallback(){}render(){return e("div",{innerHTML:this.innerTemplate})}},N=class{constructor(e){t(this,e),n(this)}disconnectedCallback(){}async renderCell(t){return e("sqm-referral-table-cell",{"inner-template":a(this).innerHTML})}async renderLabel(){return Promise.resolve(this.columnTitle)}render(){return w([this.columnTitle]),e(r,{style:{display:"none"}},e("slot",null))}},P=class{constructor(e){t(this,e),this.ignored=!0,this.locale="en",n(this)}disconnectedCallback(){}render(){var e;return this.date?null===(e=E.DateTime.fromMillis(this.date))||void 0===e?void 0:e.setLocale(x(this.locale)).toLocaleString(E.DateTime.DATE_MED):"-"}},A=class{constructor(e){t(this,e),this.columnTitle="Date converted",this.dateShown="dateConverted",n(this)}disconnectedCallback(){}async renderCell(t,a){return console.log("date column - referral",{locale:a}),e("sqm-referral-table-date-cell",{date:t[this.dateShown],locale:a})}async renderLabel(){return this.columnTitle}render(){return w([this.dateShown,this.columnTitle]),e(r,{style:{display:"none"}})}},S=class{constructor(e){t(this,e),this.locale="en"}render(){i.locale=this.locale;const t=v({"@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)"}}}),a=t.toString(),r=e=>E.DateTime.fromMillis(e).setLocale(x(this.locale)).toRelative().replace("in","").trim();return this.rewards.map((s=>{const l=1===(n=s.statuses).length?n[0]:["REDEEMED","CANCELLED","EXPIRED","PENDING","AVAILABLE"].find((e=>n.includes(e)&&e));var n;const d=(e=>{switch(e){case"REDEEMED":return"primary";case"EXPIRED":case"CANCELLED":return"danger";case"PENDING":return"warning";case"AVAILABLE":return"success"}})(l),o=i.formatMessage({id:"statusShortMessage",defaultMessage:this.statusText},{status:l}),c=i.formatMessage({id:"statusLongMessage",defaultMessage:this.statusLongText},{status:l});return Math.random().toString(36).slice(2),e("sl-details",{class:t.classes.Details,disabled:this.hideDetails},e("style",{type:"text/css"},a),e("div",{slot:"summary",class:t.classes.DetailsContainer},e(_,{type:"p"},e("span",{class:t.classes.BoldText},s.prettyValue)),e("div",{class:t.classes.BadgeContainer},e("sl-badge",{class:"primary"===d?t.classes.RedeemBadge:t.classes.StatusBadge,type:d,pill:!0},"PENDING"===l&&s.dateScheduledFor?i.formatMessage({id:"pendingForText",defaultMessage:this.pendingForText},{status:o,date:r(s.dateScheduledFor)}):o),s.dateExpires&&"AVAILABLE"===l&&e("sl-badge",{class:"primary"===d?t.classes.RedeemBadge:t.classes.StatusBadge,type:"info",pill:!0},this.expiringText,` ${r(s.dateExpires)}`))),e("div",null,s.dateGiven&&e("div",null,e(_,{type:"p"},this.rewardReceivedText," ",e("span",{class:t.classes.BoldText},E.DateTime.fromMillis(s.dateGiven).setLocale(x(this.locale)).toLocaleString(E.DateTime.DATE_MED)))),"EXPIRED"===l&&s.dateExpires&&e("div",null,e(_,{type:"p"},c," ",e("span",{class:t.classes.BoldText},E.DateTime.fromMillis(s.dateExpires).setLocale(x(this.locale)).toLocaleString(E.DateTime.DATE_MED)))),"CANCELLED"===l&&s.dateCancelled&&e("div",null,e(_,{type:"p"},c," ",e("span",{class:t.classes.BoldText},E.DateTime.fromMillis(s.dateCancelled).setLocale(x(this.locale)).toLocaleString(E.DateTime.DATE_MED)))),"PENDING"===l&&s.dateScheduledFor&&e("div",null,e(_,{type:"p"},c," ",e("span",{class:t.classes.BoldText},E.DateTime.fromMillis(s.dateScheduledFor).setLocale(x(this.locale)).toLocaleString(E.DateTime.DATE_MED))))," ","AVAILABLE"===l&&s.dateExpires&&e("div",null,e(_,{type:"p"},c," ",e("span",{class:t.classes.BoldText},E.DateTime.fromMillis(s.dateExpires).setLocale(x(this.locale)).toLocaleString(E.DateTime.DATE_MED)))),s.fuelTankCode&&e("div",null,this.fuelTankText," ",e("span",{class:t.classes.BoldText},s.fuelTankCode))))}))}},$=class{constructor(e){t(this,e),this.columnTitle="Rewards",this.statusText="{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }",this.statusLongText="{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} EXPIRED {Reward expired on} other {Not available} }",this.fuelTankText="Your code is",this.rewardReceivedText="Reward received on",this.expiringText="Expiring in",this.pendingForText="{status} for {date}",this.hideDetails=!1,n(this)}disconnectedCallback(){}async renderCell(t,a){return e("sqm-referral-table-rewards-cell",{rewards:t.rewards,statusText:this.statusText,statusLongText:this.statusLongText,fuelTankText:this.fuelTankText,rewardReceivedText:this.rewardReceivedText,expiringText:this.expiringText,pendingForText:this.pendingForText,hideDetails:this.hideDetails,locale:a})}async renderLabel(){return this.columnTitle}render(){return w([this.columnTitle]),e(r,{style:{display:"none"}})}},F=class{constructor(e){t(this,e)}render(){const t=v({Badge:{"&::part(base)":{fontSize:"var(--sl-font-size-small)",padding:"4px 8px"}}}),a=t.toString();return e("div",null,e("style",{type:"text/css"},a),e("sl-badge",{pill:!0,type:this.converted?"success":"warning",class:t.classes.Badge},this.statusText))}},j=class{constructor(e){t(this,e),this.columnTitle="Status",this.convertedStatusText="Converted",this.inProgressStatusText="In Progress",n(this)}disconnectedCallback(){}async renderCell(t){return e("sqm-referral-table-status-cell",{"status-text":t.dateConverted?this.convertedStatusText:this.inProgressStatusText,converted:!!t.dateConverted})}async renderLabel(){return this.columnTitle}render(){return w([this.columnTitle]),e(r,{style:{display:"none"}})}},B=class{constructor(e){t(this,e)}render(){return this.name}},M=class{constructor(e){t(this,e),this.columnTitle="Customer",this.anonymousUser="Anonymous User",this.deletedUser="Deleted User",n(this)}disconnectedCallback(){}async renderCell(t){var a,r,s,l;let n;return n=(null==t?void 0:t.referredUser)?(null===(a=null==t?void 0:t.referredUser)||void 0===a?void 0:a.firstName)||(null===(r=null==t?void 0:t.referredUser)||void 0===r?void 0:r.lastName)?`${null===(s=null==t?void 0:t.referredUser)||void 0===s?void 0:s.firstName} ${null===(l=null==t?void 0:t.referredUser)||void 0===l?void 0:l.lastName}`:this.anonymousUser:this.deletedUser,e("sqm-referral-table-user-cell",{name:n})}async renderLabel(){return this.columnTitle}render(){return w([this.deletedUser,this.anonymousUser,this.columnTitle]),e(r,{style:{display:"none"}})}};export{I as sqm_referral_table,q as sqm_referral_table_cell,N as sqm_referral_table_column,P as sqm_referral_table_date_cell,A as sqm_referral_table_date_column,S as sqm_referral_table_rewards_cell,$ as sqm_referral_table_rewards_column,F as sqm_referral_table_status_cell,j as sqm_referral_table_status_column,B as sqm_referral_table_user_cell,M as sqm_referral_table_user_column}