@saasquatch/mint-components 1.5.0-49 → 1.5.0-52

package/dist/mint-components/p-a716fa21.entry.js

@@ -1 +0,0 @@
-import{r as s,h as t}from"./p-73246c5e.js";import{m as r}from"./p-d2a2c424.js";import{g as a}from"./p-4e05c65a.js";import{P as p}from"./p-0e97beb3.js";import"./p-747dc08d.js";import"./p-81f34787.js";import"./p-af859f26.js";import"./p-cfe598c1.js";import"./p-adabc223.js";import"./p-f4c0cd0b.js";let o=class{constructor(t){s(this,t),this.ignored=!0,this.supportEmail="support@example.com",this.supportText="For program support, contact {email}",this.showPoweredBy=!0,this.poweredByLink="https://saasquatch.com",this.paddingTop="large",this.paddingRight="large",this.paddingBottom="large",this.paddingLeft="large",r(this)}disconnectedCallback(){}render(){return t(p,Object.assign({},a(this)))}static get assetsDirs(){return["../../assets"]}};export{o as sqm_portal_footer}

package/dist/mint-components/p-aa926a92.entry.js

@@ -1,86 +0,0 @@
-import{h as e,r as t,c as a}from"./p-73246c5e.js";import{d as s,i as r,M as l,A as i,a as n,j as o}from"./p-cfe598c1.js";import{e as d,u as c,m as u}from"./p-d2a2c424.js";import{c as m}from"./p-c1086930.js";import{G as p}from"./p-754c90b6.js";import{u as h,a as v,b as y}from"./p-3beda015.js";import{l as f}from"./p-6d1fd7ef.js";import{l as g}from"./p-4e05c65a.js";import{T as w}from"./p-740a45df.js";import{i as E}from"./p-af859f26.js";import{c as b}from"./p-747dc08d.js";import"./p-81f34787.js";import"./p-adabc223.js";import"./p-26f627aa.js";import"./p-f4c0cd0b.js";const x=s.gql`
-  query getRewards(
-    $limit: Int!
-    $offset: Int!
-    $rewardFilter: RewardFilterInput
-    $locale: RSLocale
-  ) {
-    viewer {
-      ... on User {
-        id
-        rewards(limit: $limit, offset: $offset, filter: $rewardFilter) {
-          totalCount
-          count
-          data {
-            id
-            type
-            value
-            unit
-            name
-            dateGiven
-            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
-            statuses
-            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 A(t,a){const s=t.tagName.toLowerCase();let r;await customElements.whenDefined(s);try{r=a()}catch(t){return console.error("label promise failed",t),e("span",null)}try{return await r}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)}}let R=class{constructor(e){t(this,e),this.perPage=3,this.showLabels=!0,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",u(this)}disconnectedCallback(){}render(){const t=e(N,{emptyStateImgUrl:this.emptyStateImgUrl,emptyStateTitle:this.emptyStateTitle,emptyStateText:this.emptyStateText}),a=e(_,null),{states:s,data:u,callbacks:y,elements:f}=o()?m({states:{hasPrev:!1,hasNext:!1,loading:!1,namespace:"sqm-rewards-table"},callbacks:{prevPage:()=>console.log("Prev"),nextPage:()=>console.log("Next")},data:{textOverrides:{showLabels:(g=this).showLabels,prevLabel:g.prevLabel,moreLabel:g.moreLabel},referralData:[]},elements:{emptyElement:e(N,{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:e(_,null),columns:[e("div",null,"Name"),e("div",null,"Email"),e("div",null,"DOB")],rows:[]}},g.demoData||{},{arrayMerge:(e,t)=>t}):function(e,t,a){var s,o;const u=r(),m=l(),p=i(),y=null!==(s=e.programId)&&void 0!==s?s:m,f={userId_eq:null==u?void 0:u.id,accountId_eq:null==u?void 0:u.accountId,...y?"classic"===y?{programId_exists:!1}:{programId_eq:y}:{}},[g,w]=d(((e,t)=>({...e,...t})),{columns:[],rows:[],loading:!1,page:0}),{envelope:E,states:b,callbacks:R}=n(x,(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:f,locale:p},!(null==u?void 0:u.jwt)),_=h(),T=v(),N=null==E?void 0:E.data;c((()=>{w({loading:!0}),E&&async function(e){const t=e.filter((e=>"loading"!==e.slot&&"empty"!==e.slot)),a=null==t?void 0:t.map((async e=>A(e,(()=>e.renderLabel())))),s=null==N?void 0:N.map((async e=>{const a=null==t?void 0:t.map((async t=>A(t,(()=>t.renderCell([e],p)))));return await Promise.all(a)})),r=s&&(await Promise.all(s)).filter((e=>e));w({rows:r});const l=a&&await Promise.all(a);w({columns:l,loading:!1,page:b.currentPage})}(T)}),[E,T,_]);const D=!(null===(o=null==g?void 0:g.rows)||void 0===o?void 0:o.length)&&!(null==N?void 0:N.length);return{states:{hasNext:b.currentPage<b.pageCount-1,hasPrev:b.currentPage>0,show:b.loading||g.loading?"loading":D?"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:g.columns,rows:g.rows,emptyElement:t,loadingElement:a},callbacks:{nextPage:()=>{R.setCurrentPage(b.currentPage+1)},prevPage:()=>{R.setCurrentPage(b.currentPage-1)}}}}(this,t,a);var g;return e(p,{states:s,data:u,callbacks:y,elements:f})}};function _(){return e("slot",{name:"loading"},e(T,null),e(T,null),e(T,null),e(T,null))}function T(){return e("sqm-table-row",null,e("sqm-table-cell",{colspan:5},e("sl-skeleton",null)))}function N({emptyStateImgUrl:t,emptyStateTitle:a,emptyStateText:s}){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)"}},s)))))}let D=class{constructor(e){t(this,e),this.ignored=!0,this.locale="en",u(this)}disconnectedCallback(){}render(){var t,a;const s=this.date?null===(a=null===(t=f.DateTime.fromMillis(this.date))||void 0===t?void 0:t.setLocale(g(this.locale)))||void 0===a?void 0:a.toLocaleString(f.DateTime.DATE_MED):"-";return e(w,{type:"p"},s)}},S=class{constructor(e){t(this,e),this.columnTitle="Date received",this.dateShown="dateGiven",u(this)}disconnectedCallback(){}async renderCell(t,a){const s=null==t?void 0:t[0];return console.log("reward column - locale",{locale:a}),e("sqm-rewards-table-date-cell",{date:s[this.dateShown],locale:a})}async renderLabel(){return this.columnTitle}render(){return y([this.dateShown,this.columnTitle]),e(a,{style:{display:"none"}})}},I=class{constructor(e){t(this,e)}render(){E.locale=this.locale;const t=b({DetailsContainer:{width:"100%",display:"flex","align-items":"center","justify-content":"space-between","margin-right":"var(--sl-spacing-small)","flex-wrap":"wrap"},Details:{"padding-bottom":"var(--sl-spacing-small)","max-width":"500px","padding-right":"var(--sl-spacing-x-small)","&::part(header)":{padding:"var(--sl-spacing-x-small)",cursor:"default"},"&::part(content)":{padding:"var(--sl-spacing-x-small) var(--sl-spacing-medium)"},"&::part(base)":{opacity:"1"},"&::part(summary-icon)":{display:"flex"}},BadgeContainer:{"& > :not(:last-child)":{"margin-right":"var(--sl-spacing-x-small)"}},BoldText:{"font-weight":"var(--sl-font-weight-semibold)"},StatusBadge:{paddingLeft:"var(--sl-spacing-xxx-small)"}}).toString();return e("div",{style:{display:"contents"}},e("style",{type:"text/css"},t),e((({reward:t})=>{var a;console.log(t);const s="CENTS"===t.unit?t.prettyValue.replace(/USD/gi,"$"):null!==(a=t.prettyValue)&&void 0!==a?a:"-";if("CREDIT"===t.type&&("1"!==t.prettyValueNumber||"1"!==t.prettyRedeemedNumber)){const a=Math.round((parseFloat(t.prettyValueNumber)-parseFloat(t.prettyRedeemedNumber))/parseFloat(t.prettyValueNumber)*100),r=t.statuses.includes("EXPIRED")||t.statuses.includes("CANCELLED")?e("div",null,E.formatMessage({id:"redeemedText",defaultMessage:this.redeemedText},{redeemedAmount:t.prettyRedeemedCredit})):e("div",null,E.formatMessage({id:"availableText",defaultMessage:this.availableText},{availableAmount:t.prettyAvailableValue})),l=b({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:`${a}%`,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)"}}),i=l.toString();return e("div",null,e("style",{type:"text/css"},i),e("div",{class:l.classes.Container},e("span",null,s+" "),e("br",null)," ",e("div",{class:l.classes.Progress}),e("span",{class:l.classes.Subtext},r)))}return e("div",null,s)}),{reward:this.reward}))}},L=class{constructor(e){t(this,e),this.columnTitle="Reward",this.redeemedText="{redeemedAmount} redeemed",this.availableText="{availableAmount} available",u(this)}disconnectedCallback(){}async renderCell(t,a){return e("sqm-rewards-table-reward-cell",{reward:null==t?void 0:t[0],redeemedText:this.redeemedText,availableText:this.availableText,locale:a})}async renderLabel(){return this.columnTitle}render(){return y([this.columnTitle]),e(a,{style:{display:"none"}})}},C=class{constructor(e){t(this,e),this.locale="en"}render(){E.locale=this.locale;const t=({reward:t})=>e("span",null,E.formatMessage({id:"rewardSourceText",defaultMessage:this.rewardSourceText},{rewardSource:t.rewardSource})),a=({reward:t})=>{var a;const s=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?s:e("div",{style:{display:"inline-block",verticalAlign:"top"}},s)},s=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)"}},E.formatMessage({id:"referralText",defaultMessage:this.referralText},{rewardSource:this.reward.rewardSource})),e("div",null,s("FRIEND_SIGNUP"==this.reward.rewardSource?this.reward.referral.referredUser:this.reward.referral.referrerUser))):e(this.reward.exchangedRewardRedemptionTransaction?a:t,{reward:this.reward})),null)}},q=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 {Automated} other {}}",u(this)}disconnectedCallback(){}async renderCell(t,a){return e("sqm-rewards-table-source-cell",{reward:null==t?void 0:t[0],anonymousUserText:this.anonymousUser,deletedUserText:this.deletedUser,rewardExchangeText:this.rewardExchangeText,referralText:this.referralText,rewardSourceText:this.rewardSourceText,locale:a})}async renderLabel(){return this.columnTitle}render(){return y([this.deletedUser,this.anonymousUser,this.columnTitle]),e(a,{style:{display:"none"}})}},P=class{constructor(e){t(this,e),this.locale="en"}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;E.locale=this.locale;const a=b({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"}}),s=a.toString(),r=this.rewardStatus(this.reward),l=E.formatMessage({id:"statusMessage",defaultMessage:this.statusText},{status:r}),i="AVAILABLE"===r?"success":"REDEEMED"===r?"primary":"PENDING"===r?"warning":"danger",n=this.reward.dateCancelled||this.reward.dateExpires||this.reward.dateRedeemed||"",o=n&&`${"AVAILABLE"===r&&this.reward.dateExpires?this.expiryText+" ":""}${null===(t=f.DateTime.fromMillis(n))||void 0===t?void 0:t.setLocale(g(g(this.locale))).toLocaleString(f.DateTime.DATE_MED)}`;return e("div",{style:{display:"contents"}},e("style",{type:"text/css"},s),e("sl-badge",{type:i,pill:!0,class:"REDEEMED"===r?a.classes.RedeemBadge:a.classes.Badge},l),e("p",{class:a.classes.Date},o))}},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 ",u(this)}disconnectedCallback(){}async renderCell(t,a){return e("sqm-rewards-table-status-cell",{statusText:this.statusText,reward:null==t?void 0:t[0],expiryText:this.expiryText,locale:a})}async renderLabel(){return this.columnTitle}render(){return y([this.columnTitle]),e(a,{style:{display:"none"}})}};export{R as sqm_rewards_table,D as sqm_rewards_table_date_cell,S as sqm_rewards_table_date_column,I as sqm_rewards_table_reward_cell,L as sqm_rewards_table_reward_column,C as sqm_rewards_table_source_cell,q as sqm_rewards_table_source_column,P as sqm_rewards_table_status_cell,k as sqm_rewards_table_status_column}

package/dist/mint-components/p-adabc223.js

@@ -1 +0,0 @@
-import{i as o}from"./p-d2a2c424.js";const s=(s,a)=>o((()=>s),a);export{s as u}

package/dist/mint-components/p-ae9a75d7.entry.js

@@ -1 +0,0 @@
-import{r as s,h as t}from"./p-73246c5e.js";import{m as r}from"./p-d2a2c424.js";import{S as a}from"./p-aeaf1171.js";import{g as o}from"./p-4e05c65a.js";import"./p-747dc08d.js";import"./p-81f34787.js";let e=class{constructor(t){s(this,t),this.ignored=!0,this.space="xxx-large",r(this)}disconnectedCallback(){}render(){return t(a,Object.assign({},o(this)),t("slot",null))}};export{e as sqm_stat_container}

package/dist/mint-components/p-aeaf1171.js

@@ -1 +0,0 @@
-import{h as t}from"./p-73246c5e.js";import{c as r}from"./p-747dc08d.js";function i(i,d){const e=()=>{const t=getComputedStyle(document.documentElement).getPropertyValue(`--sl-spacing-${i.space}`);return`${Math.floor(parseInt(t)/2)}rem`},s={StatContainer:{width:"100%",display:"grid","grid-template-columns":"repeat(auto-fill, minmax(130px, auto))",gap:e(),"& > *":{"border-right":"1px solid #EAEAEA","padding-right":e()},"& > :last-child":{"border-right":"1px solid #ffffff"},"& > ::slotted(*)":{"border-right":"1px solid #EAEAEA","padding-right":e(),height:"100%"},"& > ::slotted(*:last-child)":{"border-right":"none"}},StatFrame:{display:"flex"},BorderFix:{"border-right":"1px solid #ffffff",width:"0px","margin-left":"-1px"}},o=r(s),a=o.toString();return t("div",{class:o.classes.StatFrame},t("div",{class:o.classes.StatContainer},t("style",{type:"text/css"},a),d),t("div",{class:o.classes.BorderFix}))}export{i as S}

package/dist/mint-components/p-af8a82a5.entry.js

@@ -1 +0,0 @@
-import{h as s,c as t,r as o}from"./p-73246c5e.js";import{j as e}from"./p-cfe598c1.js";import{m as r}from"./p-d2a2c424.js";import{g as i}from"./p-4e05c65a.js";import"./p-81f34787.js";import"./p-adabc223.js";function n(o,e){return o.hide?s(t,{style:{display:"none"}}):s(t,null,s("style",{type:"text/css"},":host{display:inline-block}"),s("sl-button",{loading:o.loading,disabled:o.disabled,pill:o.pill,size:o.size,type:o.type,onClick:o.onClick,exportparts:`base: ${o.type}-refresh-base`},!o.hideicon&&s("sl-icon",{slot:o.iconslot,name:o.icon,exportparts:"icon"}),!o.hidetext&&e))}let c=class{constructor(s){o(this,s),this.icon="arrow-clockwise",r(this)}disconnectedCallback(){}render(){const t=i(this),o=e()?function({icon:s}){return{onClick:()=>{},icon:s}}(t):function({icon:s}){return{disabled:!1,hide:!1,icon:s}}(t);return s(n,Object.assign({},o),s("slot",null))}};export{c as sqm_refresh_button}

package/dist/mint-components/p-b094b800.js

@@ -1 +0,0 @@
-import{h as n}from"./p-73246c5e.js";import{c as s}from"./p-747dc08d.js";function t(t){const o=s({LabelContainer:{"margin-bottom":"none"===t.labelMargin?t.labelMargin:`var(--sl-spacing-${t.labelMargin})`},SectionContainer:{padding:"none"===t.padding?"0":`var(--sl-spacing-${t.padding})`}}),a=o.toString();return n("div",{class:o.classes.SectionContainer},n("style",{type:"text/css"},a),n("div",{class:o.classes.LabelContainer},t.label),t.content)}export{t as P}

package/dist/mint-components/p-c1509151.system.entry.js

@@ -1 +0,0 @@
-System.register(["./p-95b5aa14.system.js","./p-860513de.system.js","./p-bb2bc191.system.js","./p-1c0fac18.system.js","./p-00894968.system.js","./p-1ef9bc8f.system.js","./p-1c17892a.system.js","./p-4bd679a7.system.js","./p-b81b4ebf.system.js"],(function(t){"use strict";var s,e,n,i,c,o,u;return{setters:[function(t){s=t.r;e=t.h},function(t){n=t.m},function(t){i=t.B},function(t){c=t.u;o=t.a},function(t){u=t.j},function(){},function(){},function(){},function(){}],execute:function(){var r=t("sqm_big_stat",function(){function t(t){s(this,t);this.flexReverse=false;this.ignored=true;n(this)}t.prototype.disconnectedCallback=function(){};t.prototype.render=function(){var t=u()?c(this):o(this),s=t.props,n=t.label;return e(i,Object.assign({},s),e("slot",null,n))};return t}())}}}));