@saasquatch/mint-components 1.6.1-9 → 1.6.2-2

package/dist/mint-components/{p-fc942cbd.system.js → p-e2bf9132.system.js}

@@ -1 +1 @@
-var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var t,a=1,s=arguments.length;a<s;a++){t=arguments[a];for(var n in t)if(Object.prototype.hasOwnProperty.call(t,n))e[n]=t[n]}return e};return __assign.apply(this,arguments)};System.register(["./p-ff17b3a4.system.js","./p-f6934a55.system.js","./p-d5d32d0d.system.js"],(function(e){"use strict";var t,a,s;return{setters:[function(e){t=e.h},function(e){a=e.g},function(e){s=e.c}],execute:function(){e("G",n);function n(e){var n;var l=e.states,r=e.data,i=e.callbacks,o=e.elements;var d=o.columns,p=o.rows;var u=l.show;var c=r.hiddenColumns&&r.hiddenColumns.split(",").map(Number);var m="@media (max-width: "+r.mdBreakpoint+"px)";var g="@media (min-width: "+(Boolean(p.length<2)?r.mdBreakpoint:r.smBreakpoint)+"px) and (max-width: "+r.mdBreakpoint+"px)";var v={Table:(n={tableLayout:"fixed",width:"100%","& th":{paddingBottom:"var(--sl-spacing-small)",textAlign:"left",fontWeight:"var(--sl-font-weight-semibold)",overflowWrap:"anywhere"},"& tr":{},"& td":{borderTop:"1px solid var(--sl-color-neutral-200)",padding:"var(--sl-spacing-small)",paddingLeft:"0",overflow:"hidden",textOverflow:"ellipsis"}},n[m]={"& thead":{display:"none"},"& tr":{display:"block",background:"#FFFFFF",border:"1px solid var(--sl-color-neutral-200)",boxShadow:"0px 2px 4px rgba(0, 0, 0, 0.1)",borderRadius:"var(--sl-border-radius-large)",padding:"var(--sl-spacing-medium)",fontSize:"var(--sl-font-size-small)",marginBottom:"var(--sl-spacing-large)"},"& td":{display:"grid",borderTop:"none",padding:"0",marginBottom:"var(--sl-spacing-medium)","&:first-child":{textAlign:"left"},"&:before":{content:"attr(data-label)",whiteSpace:"nowrap"},"&:last-child":{marginBottom:"0"},"&.hidden:before":{content:"none"}}},n[g]={"& tbody":{display:"grid",gridTemplateColumns:"0.5fr 0.5fr",gap:"25px"}},n),ButtonContainer:__assign({display:"flex","justify-content":"flex-end","margin-top":"var(--sl-spacing-small)"},a({direction:"row",size:"var(--sl-spacing-small)"})),ButtonDisabled:{"&::part(base)":{opacity:"0.25"}}};var b=s(v);var f=b.toString();if(u==="empty")return o.emptyElement;return t("div",null,t("style",{type:"text/css"},f),t("table",{class:b.classes.Table},r.textOverrides.showLabels&&t("thead",null,t("tr",null,d===null||d===void 0?void 0:d.map((function(e){return t("th",null,e)})))),t("tbody",null,u==="loading"&&o.loadingElement,u==="rows"&&(p===null||p===void 0?void 0:p.map((function(e,a){return t("tr",{style:{borderTop:""+(!r.textOverrides.showLabels&&a===0?"none":"")},part:"table-row"},e.map((function(e,a){return t("td",{class:(c===null||c===void 0?void 0:c.includes(a))?"hidden":"","data-label":d[a]+":",style:{gridTemplateColumns:(c===null||c===void 0?void 0:c.includes(a))?"1fr":"0.5fr 0.5fr"}},e)})))}))))),t("div",{class:b.classes.ButtonContainer,part:l.namespace+"-button-wrapper"},t("sl-button",{size:"small",disabled:!l.hasPrev,loading:u==="loading",onClick:i.prevPage,exportparts:"base: defaultbutton-base",class:!l.hasPrev?b.classes.ButtonDisabled:""},r.textOverrides.prevLabel),t("sl-button",{size:"small",loading:u==="loading",disabled:!l.hasNext,onClick:i.nextPage,exportparts:"base: defaultbutton-base",class:!l.hasNext?b.classes.ButtonDisabled:""},r.textOverrides.moreLabel)))}}}}));
+var __assign=this&&this.__assign||function(){__assign=Object.assign||function(t){for(var e,a=1,s=arguments.length;a<s;a++){e=arguments[a];for(var n in e)if(Object.prototype.hasOwnProperty.call(e,n))t[n]=e[n]}return t};return __assign.apply(this,arguments)};System.register(["./p-ff17b3a4.system.js","./p-f6934a55.system.js","./p-d5d32d0d.system.js"],(function(t){"use strict";var e,a,s;return{setters:[function(t){e=t.h},function(t){a=t.g},function(t){s=t.c}],execute:function(){t("G",n);function n(t){var n;var l=t.states,r=t.data,i=t.callbacks,o=t.elements;var d=o.columns,p=o.rows;var u=l.show;var c=r.hiddenColumns&&r.hiddenColumns.split(",").map(Number);var m="@media (max-width: "+r.mdBreakpoint+"px)";var g="@media (min-width: "+(Boolean(p.length<2)?r.mdBreakpoint:r.smBreakpoint)+"px) and (max-width: "+r.mdBreakpoint+"px)";var v={Table:(n={tableLayout:"fixed",width:"100%","& th":{paddingBottom:"var(--sl-spacing-small)",textAlign:"left",fontWeight:"var(--sl-font-weight-semibold)",overflowWrap:"anywhere"},"& tr":{},"& td":{borderTop:"1px solid var(--sl-color-neutral-200)",padding:"var(--sl-spacing-small)",paddingLeft:"0",overflow:"hidden",textOverflow:"ellipsis"}},n[m]={"& thead":{display:"none"},"& tr":{display:"block",background:"#FFFFFF",border:"1px solid var(--sl-color-neutral-200)",boxShadow:"0px 2px 4px rgba(0, 0, 0, 0.1)",borderRadius:"var(--sl-border-radius-large)",padding:"var(--sl-spacing-medium)",fontSize:"var(--sl-font-size-small)",marginBottom:"var(--sl-spacing-large)"},"& td":{display:"grid",borderTop:"none",padding:"0",marginBottom:"var(--sl-spacing-medium)","&:first-child":{textAlign:"left"},"&:before":{content:"attr(data-label)",whiteSpace:"nowrap"},"&:last-child":{marginBottom:"0"},"&.hidden:before":{content:"none"}}},n[g]={"& tbody":{display:"grid",gridTemplateColumns:"0.5fr 0.5fr",gap:"25px"}},n),ButtonContainer:__assign({display:"flex","justify-content":"flex-end","margin-top":"var(--sl-spacing-small)"},a({direction:"row",size:"var(--sl-spacing-small)"})),ButtonDisabled:{"&::part(base)":{opacity:"0.25"}}};var b=s(v);var f=b.toString();if(u==="empty")return o.emptyElement;return e("div",null,e("style",{type:"text/css"},f),e("table",{class:b.classes.Table},r.textOverrides.showLabels&&e("thead",null,e("tr",null,d===null||d===void 0?void 0:d.map((function(t){if(typeof t==="string")return e("th",null,t);return e("th",{style:{width:"30px"}},t)})))),e("tbody",null,u==="loading"&&o.loadingElement,u==="rows"&&(p===null||p===void 0?void 0:p.map((function(t,a){return e("tr",{style:{borderTop:""+(!r.textOverrides.showLabels&&a===0?"none":"")},part:"table-row"},t.map((function(t,a){return e("td",{class:(c===null||c===void 0?void 0:c.includes(a))?"hidden":"","data-label":d[a]+":",style:{gridTemplateColumns:(c===null||c===void 0?void 0:c.includes(a))?"1fr":"0.5fr 0.5fr"}},t)})))}))))),e("div",{class:b.classes.ButtonContainer,part:l.namespace+"-button-wrapper"},e("sl-button",{size:"small",disabled:!l.hasPrev,loading:u==="loading",onClick:i.prevPage,exportparts:"base: defaultbutton-base",class:!l.hasPrev?b.classes.ButtonDisabled:""},r.textOverrides.prevLabel),e("sl-button",{size:"small",loading:u==="loading",disabled:!l.hasNext,onClick:i.nextPage,exportparts:"base: defaultbutton-base",class:!l.hasNext?b.classes.ButtonDisabled:""},r.textOverrides.moreLabel)))}}}}));

package/dist/mint-components/{p-82ecbcd1.js → p-e6eedd9e.js}

@@ -1 +1 @@
-import{e}from"./p-27455c4c.js";import{P as r,r as s}from"./p-95398ce2.js";function t(s){const t=r();e((()=>{t.dispatchEvent(new CustomEvent("sqm:request-rerender",{detail:!0,bubbles:!0,composed:!0}))}),s)}function n(){const t=r(),[n,o]=s();return e((()=>{const e=e=>{e.stopPropagation(),o()};return t.addEventListener("sqm:request-rerender",e),()=>{t.removeEventListener("sqm:request-rerender",e)}}),[]),n}export{t as a,n as u}
+import{e}from"./p-78c7b4b7.js";import{P as r,p as s}from"./p-bf298e68.js";function t(s){const t=r();e((()=>{t.dispatchEvent(new CustomEvent("sqm:request-rerender",{detail:!0,bubbles:!0,composed:!0}))}),s)}function n(){const t=r(),[n,o]=s();return e((()=>{const e=e=>{e.stopPropagation(),o()};return t.addEventListener("sqm:request-rerender",e),()=>{t.removeEventListener("sqm:request-rerender",e)}}),[]),n}export{t as a,n as u}

package/dist/mint-components/{p-e01d8fdc.system.js → p-e8acccb5.system.js}

@@ -1 +1 @@
-System.register(["./p-48ec6605.system.js","./p-fd4d90b9.system.js"],(function(e){"use strict";var t,n,r;return{setters:[function(e){t=e.e},function(e){n=e.P;r=e.r}],execute:function(){e({a:s,u:i});var u="sqm:request-rerender";function s(e){var r=n();t((function(){r.dispatchEvent(new CustomEvent(u,{detail:true,bubbles:true,composed:true}))}),e)}function i(){var e=n();var s=r(),i=s[0],o=s[1];t((function(){var t=function(e){e.stopPropagation();o()};e.addEventListener(u,t);return function(){e.removeEventListener(u,t)}}),[]);return i}}}}));
+System.register(["./p-8a0cf4be.system.js","./p-23485cfe.system.js"],(function(e){"use strict";var t,n,r;return{setters:[function(e){t=e.e},function(e){n=e.P;r=e.p}],execute:function(){e({a:s,u:i});var u="sqm:request-rerender";function s(e){var r=n();t((function(){r.dispatchEvent(new CustomEvent(u,{detail:true,bubbles:true,composed:true}))}),e)}function i(){var e=n();var s=r(),i=s[0],o=s[1];t((function(){var t=function(e){e.stopPropagation();o()};e.addEventListener(u,t);return function(){e.removeEventListener(u,t)}}),[]);return i}}}}));

package/dist/mint-components/{p-0ee797b8.system.js → p-e907c45c.system.js}

@@ -1 +1 @@
-System.register(["./p-ff17b3a4.system.js","./p-48ec6605.system.js","./p-71ecbb3b.system.js","./p-d5d32d0d.system.js"],(function(n){"use strict";var e,r,a,i,s;return{setters:[function(n){e=n.h},function(n){r=n.k;a=n.e},function(n){i=n.u},function(n){s=n.c}],execute:function(){n("H",c);function t(n){var e=r(window.innerWidth),s=e[0],t=e[1];var o=i((function(){return t(window.innerWidth)}),[]);a((function(){window.addEventListener("resize",o);return function(){return window.removeEventListener("resize",o)}}),[]);return s>n?false:true}function o(n){return CSS.supports("(color: "+n+")")}var l=["var(--sl-spacing-xxx-small)","var(--sl-spacing-xx-small)","var(--sl-spacing-x-small)","var(--sl-spacing-small)","var(--sl-spacing-medium)","var(--sl-spacing-large)","var(--sl-spacing-x-large)","var(--sl-spacing-xx-large)","var(--sl-spacing-xxx-large)","var(--sl-spacing-xxxx-large)"];var d=function(n){if(n){if(o(n)){return n}else{return"url("+n+")"}}else{return""}};function c(n){var r=n.states,a=n.content;var i=function(n,e){var r={small:7,medium:8,large:9};var a=r[n];if(t(767)){a=a-2}else if(t(1023)){a=a-1}return e?l[a-2]:l[a]};var o=function(n){if(n=="small"){return"1%"}else if(n=="medium"){return"3%"}else{return"5%"}};var c={TwoColumnContainer:{display:"flex","@media screen and (max-width: 1023px)":{flexDirection:r.wrapDirection=="wrap-reverse"?"column-reverse":"column",justfiyContent:"center"}},ColumnPadding:{paddingTop:r.paddingSize=="none"?"0px":i(r.paddingSize),paddingBottom:r.paddingSize=="none"?"0px":i(r.paddingSize),paddingLeft:r.paddingSize=="none"?"0px":o(r.paddingSize),paddingRight:r.paddingSize=="none"?"0px":o(r.paddingSize)},ColumnWrapper:{"&:first-of-type":{background:"no-repeat center/cover "+d(r.background)},"&:last-of-type":{background:"no-repeat center/cover "+d(r.secondaryBackground)},"@media screen and (min-width: 1023px)":{flex:"1 1 0"},display:"block"},SingleColumnContainer:{background:"no-repeat center/cover "+d(r.background),flex:"1 1 0"},Container:{width:"100%",maxWidth:"var(--sqm-max-width)",margin:"0 auto",flex:1,display:"flex",flexDirection:"column",minHeight:"100%"}};var u=s(c);var p=u.toString();var m="\n  :host{    \n    height: 100%;\n    display: contents;\n  }\n  sqm-hero{    \n    height: 100%;\n    display: contents;\n  }\n  img{\n      max-width: 100%;\n      height: auto;\n  }\n  \n";return e("div",{class:u.classes.Container},e("style",{type:"text/css"},m,p),r.columns==2?e("div",{class:u.classes.TwoColumnContainer},e("div",{class:u.classes.ColumnWrapper+" "+u.classes.ColumnPadding},a.primaryColumn),e("div",{class:u.classes.ColumnWrapper+" "+u.classes.ColumnPadding},a.secondaryColumn)):e("div",{class:u.classes.SingleColumnContainer+" "+u.classes.ColumnPadding},a.primaryColumn))}}}}));
+System.register(["./p-ff17b3a4.system.js","./p-8a0cf4be.system.js","./p-ca2819e8.system.js","./p-d5d32d0d.system.js"],(function(n){"use strict";var e,a,r,i,s;return{setters:[function(n){e=n.h},function(n){a=n.i;r=n.e},function(n){i=n.u},function(n){s=n.c}],execute:function(){n("H",c);function t(n){var e=a(window.innerWidth),s=e[0],t=e[1];var o=i((function(){return t(window.innerWidth)}),[]);r((function(){window.addEventListener("resize",o);return function(){return window.removeEventListener("resize",o)}}),[]);return s>n?false:true}function o(n){return CSS.supports("(color: "+n+")")}var l=["var(--sl-spacing-xxx-small)","var(--sl-spacing-xx-small)","var(--sl-spacing-x-small)","var(--sl-spacing-small)","var(--sl-spacing-medium)","var(--sl-spacing-large)","var(--sl-spacing-x-large)","var(--sl-spacing-xx-large)","var(--sl-spacing-xxx-large)","var(--sl-spacing-xxxx-large)"];var d=function(n){if(n){if(o(n)){return n}else{return"url("+n+")"}}else{return""}};function c(n){var a=n.states,r=n.content;var i=function(n,e){var a={small:7,medium:8,large:9};var r=a[n];if(t(767)){r=r-2}else if(t(1023)){r=r-1}return e?l[r-2]:l[r]};var o=function(n){if(n=="small"){return"1%"}else if(n=="medium"){return"3%"}else{return"5%"}};var c={TwoColumnContainer:{display:"flex","@media screen and (max-width: 1023px)":{flexDirection:a.wrapDirection=="wrap-reverse"?"column-reverse":"column",justfiyContent:"center"}},ColumnPadding:{paddingTop:a.paddingSize=="none"?"0px":i(a.paddingSize),paddingBottom:a.paddingSize=="none"?"0px":i(a.paddingSize),paddingLeft:a.paddingSize=="none"?"0px":o(a.paddingSize),paddingRight:a.paddingSize=="none"?"0px":o(a.paddingSize)},ColumnWrapper:{"&:first-of-type":{background:"no-repeat center/cover "+d(a.background)},"&:last-of-type":{background:"no-repeat center/cover "+d(a.secondaryBackground)},"@media screen and (min-width: 1023px)":{flex:"1 1 0"},display:"block"},SingleColumnContainer:{background:"no-repeat center/cover "+d(a.background),flex:"1 1 0"},Container:{width:"100%",maxWidth:"var(--sqm-max-width)",margin:"0 auto",flex:1,display:"flex",flexDirection:"column",minHeight:"100%"}};var u=s(c);var p=u.toString();var m="\n  :host{    \n    height: 100%;\n    display: contents;\n  }\n  sqm-hero{    \n    height: 100%;\n    display: contents;\n  }\n  img{\n      max-width: 100%;\n      height: auto;\n  }\n  \n";return e("div",{class:u.classes.Container},e("style",{type:"text/css"},m,p),a.columns==2?e("div",{class:u.classes.TwoColumnContainer},e("div",{class:u.classes.ColumnWrapper+" "+u.classes.ColumnPadding},r.primaryColumn),e("div",{class:u.classes.ColumnWrapper+" "+u.classes.ColumnPadding},r.secondaryColumn)):e("div",{class:u.classes.SingleColumnContainer+" "+u.classes.ColumnPadding},r.primaryColumn))}}}}));

package/dist/mint-components/{p-4b0e876f.js → p-ea1b0e1c.js}

@@ -1,4 +1,4 @@
-import{h as e}from"./p-64c3217a.js";import{b as a,u as r,e as t}from"./p-27455c4c.js";import{d as l,i as d,M as o,A as n,b as i,a as s}from"./p-95398ce2.js";import{u}from"./p-82ecbcd1.js";import{u as c}from"./p-60b01103.js";const m=a("sq:useReferralTable"),f=l.gql`
+import{h as e}from"./p-64c3217a.js";import{b as a,u as r,e as t}from"./p-78c7b4b7.js";import{d as l,a as d,M as o,O as n,w as i,q as s}from"./p-bf298e68.js";import{u}from"./p-e6eedd9e.js";import{u as c}from"./p-c8e8aab7.js";const m=a("sq:useReferralTable"),f=l.gql`
   query getReferrals(
     $programId: ID
     $rewardFilter: RewardFilterInput
@@ -164,4 +164,4 @@ import{h as e}from"./p-64c3217a.js";import{b as a,u as r,e as t}from"./p-27455c4
       }
     }
   }
-`;function v(e,a,l){var m,v,w;const g=d(),R=o(),h=null!==(m=e.programId)&&void 0!==m?m:R,C=h?"classic"===h?{programId_exists:!1}:{programId_eq:h}:{},I={userId_eq:null==g?void 0:g.id,accountId_eq:null==g?void 0:g.accountId},[b,$]=r(((e,a)=>({...e,...a})),{columns:[],rows:[],loading:!1,page:0}),F=n(),{data:k,loading:T}=i(f,{programId:"classic"===h?null:h,rewardFilter:I,locale:F},!e.showReferrer||!(null==g?void 0:g.jwt)),P=null===(v=null==k?void 0:k.viewer)||void 0===v?void 0:v.referredByReferral,E=e.showReferrer&&!!(null==P?void 0:P.dateReferralStarted),{envelope:x,states:S,callbacks:U}=s(p,(e=>{var a;return null===(a=null==e?void 0:e.viewer)||void 0===a?void 0:a.referrals}),{limit:e.perPage,offset:0},{referralFilter:C,rewardFilter:I,locale:F},e.showReferrer&&T&&!k||!(null==g?void 0:g.jwt));t((()=>{0===S.currentPage&&E&&U.setLimit(e.perPage-1)}),[E]),t((()=>{e.showReferrer&&E?(U.setLimit(e.perPage-1),U.setCurrentPage(0)):(U.setLimit(e.perPage),U.setCurrentPage(0))}),[e.showReferrer]);const q=u(),N=null==x?void 0:x.data,_=c();t((()=>{$({loading:!0}),x&&async function(e){const a=e.filter((e=>"loading"!==e.slot&&"empty"!==e.slot)),r=null==a?void 0:a.map((async e=>y(e,(()=>e.renderLabel()))));let t;if(E&&0===S.currentPage){const e=null==a?void 0:a.map((async e=>y(e,(()=>e.renderReferrerCell(P,F)))));t=await Promise.all(e)}const l=null==N?void 0:N.map((async e=>{const r=null==a?void 0:a.map((async a=>y(a,(()=>a.renderCell(e,F)))));return await Promise.all(r)})),d=l&&[t,...await Promise.all(l)].filter((e=>e));$({rows:d});const o=r&&await Promise.all(r);$({columns:o,loading:!1,page:S.currentPage})}(_)}),[x,_,q]);const K=!(null===(w=null==b?void 0:b.rows)||void 0===w?void 0:w.length)&&!(null==N?void 0:N.length);return{states:{hasNext:S.currentPage<S.pageCount-1,hasPrev:S.currentPage>0,show:S.loading||b.loading?"loading":K?"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:b.columns,rows:b.rows,emptyElement:a,loadingElement:l},callbacks:{nextPage:()=>{0===S.currentPage&&E&&U.setLimit(e.perPage),U.setCurrentPage(S.currentPage+1)},prevPage:()=>{1===S.currentPage&&E&&U.setLimit(e.perPage-1),U.setCurrentPage(S.currentPage-1)}}}}function w(e){try{return JSON.stringify(e)}catch(e){return"An unknown error"}}async function y(a,r){const t=a.tagName.toLowerCase();let l;await customElements.whenDefined(t);try{l=r()}catch(a){return"renderReferrerCell"===r.name?m("column does not have a renderReferrerCell method."):m("label promise failed",a),m("label promise failed",a),e("span",null)}try{return await l}catch(a){m("Error rendering label",a);const r=w(a);return e("details",null,e("summary",null,"Error"),r)}}export{w as g,y as t,v as u}
+`;function v(e,a,l){var m,v,w;const g=d(),R=o(),h=null!==(m=e.programId)&&void 0!==m?m:R,C=h?"classic"===h?{programId_exists:!1}:{programId_eq:h}:{},b={userId_eq:null==g?void 0:g.id,accountId_eq:null==g?void 0:g.accountId},[I,$]=r(((e,a)=>({...e,...a})),{columns:[],rows:[],loading:!1,page:0}),F=n(),{data:k,loading:T}=i(f,{programId:"classic"===h?null:h,rewardFilter:b,locale:F},!e.showReferrer||!(null==g?void 0:g.jwt)),P=null===(v=null==k?void 0:k.viewer)||void 0===v?void 0:v.referredByReferral,E=e.showReferrer&&!!(null==P?void 0:P.dateReferralStarted),{envelope:x,states:S,callbacks:q}=s(p,(e=>{var a;return null===(a=null==e?void 0:e.viewer)||void 0===a?void 0:a.referrals}),{limit:e.perPage,offset:0},{referralFilter:C,rewardFilter:b,locale:F},e.showReferrer&&T&&!k||!(null==g?void 0:g.jwt));t((()=>{0===S.currentPage&&E&&q.setLimit(e.perPage-1)}),[E]),t((()=>{e.showReferrer&&E?(q.setLimit(e.perPage-1),q.setCurrentPage(0)):(q.setLimit(e.perPage),q.setCurrentPage(0))}),[e.showReferrer]);const U=u(),N=null==x?void 0:x.data,_=c();t((()=>{$({loading:!0}),x&&async function(e){const a=e.filter((e=>"loading"!==e.slot&&"empty"!==e.slot)),r=null==a?void 0:a.map((async e=>y(e,(()=>e.renderLabel()))));let t;if(E&&0===S.currentPage){const e=null==a?void 0:a.map((async e=>y(e,(()=>e.renderReferrerCell(P,F)))));t=await Promise.all(e)}const l=null==N?void 0:N.map((async e=>{const r=null==a?void 0:a.map((async a=>y(a,(()=>a.renderCell(e,F)))));return await Promise.all(r)})),d=l&&[t,...await Promise.all(l)].filter((e=>e));$({rows:d});const o=r&&await Promise.all(r);$({columns:o,loading:!1,page:S.currentPage})}(_)}),[x,_,U]);const K=!(null===(w=null==I?void 0:I.rows)||void 0===w?void 0:w.length)&&!(null==N?void 0:N.length);return{states:{hasNext:S.currentPage<S.pageCount-1,hasPrev:S.currentPage>0,show:S.loading||I.loading?"loading":K?"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:I.columns,rows:I.rows,emptyElement:a,loadingElement:l},callbacks:{nextPage:()=>{0===S.currentPage&&E&&q.setLimit(e.perPage),q.setCurrentPage(S.currentPage+1)},prevPage:()=>{1===S.currentPage&&E&&q.setLimit(e.perPage-1),q.setCurrentPage(S.currentPage-1)}}}}function w(e){try{return JSON.stringify(e)}catch(e){return"An unknown error"}}async function y(a,r){const t=a.tagName.toLowerCase();let l;await customElements.whenDefined(t);try{l=r()}catch(a){return"renderReferrerCell"===r.name?m("column does not have a renderReferrerCell method."):m("label promise failed",a),m("label promise failed",a),e("span",null)}try{return await l}catch(a){m("Error rendering label",a);const r=w(a);return e("details",null,e("summary",null,"Error"),r)}}export{w as g,y as t,v as u}

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

@@ -0,0 +1 @@
+System.register(["./p-ff17b3a4.system.js","./p-8a0cf4be.system.js","./p-ca2819e8.system.js","./p-23485cfe.system.js","./p-1c17892a.system.js","./p-b5bfb818.system.js","./p-6333265f.system.js"],(function(t){"use strict";var e,n,a,s,r,o,i,l,u,c;return{setters:[function(t){e=t.h;n=t.c;a=t.r},function(t){s=t.l;r=t.k;o=t.e;i=t.m},function(){},function(t){l=t.P},function(){},function(t){u=t.u},function(t){c=t.g}],execute:function(){var p=function(t){var a=t.content,r=t.placement;var o=!r||r==="top"||r==="bottom"?"var(--sl-spacing-x-large) 0;":"0 var(--sl-spacing-xx-large);";var i="\n    sl-tab-panel::part(base) {\n      padding: "+o+";\n    }\n  ";var l=s();return e(n,null,e("style",{type:"text/css"},i),e("sl-tab-group",{placement:r},a.tabs.map((function(t){var n=t.getAttribute("slot");if(t.tagName==="RAISINS-PLOP-TARGET"){return e("sl-tab",{slot:"nav"},e("div",{style:{marginTop:"10px"}},e("slot",{name:n})))}return[e("sl-tab",{slot:"nav",panel:n,id:t.getAttribute("id")||n},t.getAttribute("header")),e("sl-tab-panel",{name:n},e("slot",{name:n}))]}))),e("div",{style:{display:"none"}},e("slot",null)))};var f="sq:reveal";function v(){var t=u();var e=l();var n=r((function(){return t.filter((function(t){return t.tagName==="SQM-TAB"||t.tagName==="RAISINS-PLOP-TARGET"})).map((function(t,e){if(t.tagName==="RAISINS-PLOP-TARGET"){var n=t;n.style.position="absolute";n.style.left="6px";var a=t.firstElementChild.childNodes[1];a.innerHTML="＋";a.style.lineHeight="20px"}t.setAttribute("slot","tab-"+e);t.setAttribute("id","tab-"+e);return t}))}),[t]);o((function(){var t=function(t){var n;var a=t.target;t.stopPropagation();if(!a)return;var s=a.closest("sqm-tabs");if(!e.contains(a)||!s)return;var r=a.closest("sqm-tab");var o=s.shadowRoot.querySelector("sl-tab-group");(n=o)===null||n===void 0?void 0:n.show(r.id)};e.addEventListener(f,t);return function(){e.removeEventListener(f,t)}}),[]);return{content:{tabs:n}}}var m=t("sqm_tabs",function(){function t(t){a(this,t);i(this)}t.prototype.disconnectedCallback=function(){};t.prototype.render=function(){var t=v().content;var n=c(this).placement;return e(p,{placement:n,content:t},e("slot",null))};return t}())}}}));

package/dist/mint-components/{p-e1d01511.system.js → p-f9056e14.system.js}

@@ -1 +1 @@
-System.register(["./p-ff17b3a4.system.js","./p-6549ad6a.system.js","./p-d5d32d0d.system.js","./p-b0668789.system.js","./p-19b0e2b5.system.js"],(function(e){"use strict";var t,s,a,l,i;return{setters:[function(e){t=e.h},function(e){s=e.i},function(e){a=e.c},function(e){l=e.T},function(e){i=e.P}],execute:function(){e("P",r);function r(e){var r,n,o,d,u;var m=e.states,p=e.callbacks;var c=m.text,v=m.formState;var b=v.errors,f=v.error;var g={FormStyle:{"& >*:not(:last-child)":{"margin-bottom":"32px"}},Error:{"&::part(erroralert-base)":{"margin-bottom":"32px"}},NameInputStyle:{"&:not(:last-child)":{"margin-right":"var(--sl-spacing-medium)"}}};var y=a(g);var x=y.toString();var N=((r=m.user)===null||r===void 0?void 0:r.countryCode)?s.formatDisplayName((n=m.user)===null||n===void 0?void 0:n.countryCode,{type:"region"}):"";return t(i,Object.assign({},{direction:"row",padding:"xxx-large",gap:"xxx-large",minWidth:"600px"}),t("style",{type:"text/css"},x),t(l,Object.assign({},{type:"h1"}),c.editProfileHeader),t(l,Object.assign({},{type:"h2"}),c.editProfileSubHeader),t("form",{class:y.classes.FormStyle,onSubmit:p.onSubmit},m.success&&t("sqm-form-message",{exportparts:"success-icon"},t("div",{part:"successalert-text"},"Your profile has been successfully updated.")),f&&t("sqm-form-message",{class:y.classes.Error,type:"error",exportparts:"erroralert-icon"},t("div",{part:"erroralert-text"},f)),t(i,Object.assign({},{direction:"row",padding:"none",gap:"32px",minWidth:"50%"}),t("sl-input",Object.assign({class:y.classes.NameInputStyle,exportparts:"label: input-label",value:(o=m.user)===null||o===void 0?void 0:o.firstName,onInput:p.onChange,label:c.firstnametext,disabled:m.loading},(b===null||b===void 0?void 0:b.firstName)&&(b===null||b===void 0?void 0:b.firstName.status)!=="valid"?{class:"ErrorStyles",helpText:"Cannot be empty"}:[],{id:"firstName",name:"firstName",error:(b===null||b===void 0?void 0:b.firstName)&&(b===null||b===void 0?void 0:b.firstName.status)!=="valid"?b===null||b===void 0?void 0:b.firstName.message:undefined})),t("sl-input",Object.assign({class:y.classes.NameInputStyle,exportparts:"label: input-label",value:(d=m.user)===null||d===void 0?void 0:d.lastName,onInput:p.onChange,label:c.lastnametext,disabled:m.loading,id:"lastName",name:"lastName"},(b===null||b===void 0?void 0:b.lastName)&&(b===null||b===void 0?void 0:b.lastName.status)!=="valid"?{class:"ErrorStyles",helpText:"Cannot be empty"}:[],{error:(b===null||b===void 0?void 0:b.lastName)&&(b===null||b===void 0?void 0:b.lastName.status)!=="valid"?b===null||b===void 0?void 0:b.lastName.message:undefined}))),t("sl-input",{label:c.emailtext,value:(u=m.user)===null||u===void 0?void 0:u.email,exportparts:"label: input-label",disabled:true}),m.showCountry&&t("sl-input",{label:c.countrytext,value:N,exportparts:"label: input-label",disabled:true}),t("sl-button",{type:"primary",loading:m.loading,disabled:m.submitDisabled,onClick:function(e){p.onSubmit(e)},submit:true},c.submitChangeButtonText)))}}}}));
+System.register(["./p-ff17b3a4.system.js","./p-b02064c4.system.js","./p-d5d32d0d.system.js","./p-b0668789.system.js","./p-19b0e2b5.system.js"],(function(e){"use strict";var t,s,a,l,i;return{setters:[function(e){t=e.h},function(e){s=e.i},function(e){a=e.c},function(e){l=e.T},function(e){i=e.P}],execute:function(){e("P",r);function r(e){var r,n,o,d,u;var m=e.states,p=e.callbacks;var c=m.text,v=m.formState;var b=v.errors,f=v.error;var g={FormStyle:{"& >*:not(:last-child)":{"margin-bottom":"32px"}},Error:{"&::part(erroralert-base)":{"margin-bottom":"32px"}},NameInputStyle:{"&:not(:last-child)":{"margin-right":"var(--sl-spacing-medium)"}}};var y=a(g);var x=y.toString();var N=((r=m.user)===null||r===void 0?void 0:r.countryCode)?s.formatDisplayName((n=m.user)===null||n===void 0?void 0:n.countryCode,{type:"region"}):"";return t(i,Object.assign({},{direction:"row",padding:"xxx-large",gap:"xxx-large",minWidth:"600px"}),t("style",{type:"text/css"},x),t(l,Object.assign({},{type:"h1"}),c.editProfileHeader),t(l,Object.assign({},{type:"h2"}),c.editProfileSubHeader),t("form",{class:y.classes.FormStyle,onSubmit:p.onSubmit},m.success&&t("sqm-form-message",{exportparts:"success-icon"},t("div",{part:"successalert-text"},"Your profile has been successfully updated.")),f&&t("sqm-form-message",{class:y.classes.Error,type:"error",exportparts:"erroralert-icon"},t("div",{part:"erroralert-text"},f)),t(i,Object.assign({},{direction:"row",padding:"none",gap:"32px",minWidth:"50%"}),t("sl-input",Object.assign({class:y.classes.NameInputStyle,exportparts:"label: input-label",value:(o=m.user)===null||o===void 0?void 0:o.firstName,onInput:p.onChange,label:c.firstnametext,disabled:m.loading},(b===null||b===void 0?void 0:b.firstName)&&(b===null||b===void 0?void 0:b.firstName.status)!=="valid"?{class:"ErrorStyles",helpText:"Cannot be empty"}:[],{id:"firstName",name:"firstName",error:(b===null||b===void 0?void 0:b.firstName)&&(b===null||b===void 0?void 0:b.firstName.status)!=="valid"?b===null||b===void 0?void 0:b.firstName.message:undefined})),t("sl-input",Object.assign({class:y.classes.NameInputStyle,exportparts:"label: input-label",value:(d=m.user)===null||d===void 0?void 0:d.lastName,onInput:p.onChange,label:c.lastnametext,disabled:m.loading,id:"lastName",name:"lastName"},(b===null||b===void 0?void 0:b.lastName)&&(b===null||b===void 0?void 0:b.lastName.status)!=="valid"?{class:"ErrorStyles",helpText:"Cannot be empty"}:[],{error:(b===null||b===void 0?void 0:b.lastName)&&(b===null||b===void 0?void 0:b.lastName.status)!=="valid"?b===null||b===void 0?void 0:b.lastName.message:undefined}))),t("sl-input",{label:c.emailtext,value:(u=m.user)===null||u===void 0?void 0:u.email,exportparts:"label: input-label",disabled:true}),m.showCountry&&t("sl-input",{label:c.countrytext,value:N,exportparts:"label: input-label",disabled:true}),t("sl-button",{type:"primary",loading:m.loading,disabled:m.submitDisabled,onClick:function(e){p.onSubmit(e)},submit:true},c.submitChangeButtonText)))}}}}));

package/dist/mint-components/{p-ba99d04e.system.entry.js → p-ffe8c6ce.system.entry.js}

@@ -1 +1 @@
-var __makeTemplateObject=this&&this.__makeTemplateObject||function(e,r){if(Object.defineProperty){Object.defineProperty(e,"raw",{value:r})}else{e.raw=r}return e};System.register(["./p-ff17b3a4.system.js","./p-48ec6605.system.js","./p-6549ad6a.system.js","./p-71ecbb3b.system.js","./p-fd4d90b9.system.js","./p-1c17892a.system.js","./p-4bd679a7.system.js","./p-6b5e355c.system.js"],(function(e){"use strict";var r,n,t,a,i,o,s,l,d,u,c;return{setters:[function(e){r=e.r;n=e.h},function(e){t=e.m},function(e){a=e.i},function(){},function(e){i=e.d;o=e.M;s=e.i;l=e.b;d=e.j},function(){},function(e){u=e.c},function(e){c=e.L}],execute:function(){var f=i.gql(__makeTemplateObject(["\n  query ($type: String!, $filter: UserLeaderboardFilterInput) {\n    viewer {\n      ... on User {\n        leaderboardRank(type: $type, filter: $filter) {\n          rowNumber\n          rank\n          denseRank\n        }\n      }\n    }\n  }\n"],["\n  query ($type: String!, $filter: UserLeaderboardFilterInput) {\n    viewer {\n      ... on User {\n        leaderboardRank(type: $type, filter: $filter) {\n          rowNumber\n          rank\n          denseRank\n        }\n      }\n    }\n  }\n"]));function p(e){var r,n,t,i;var d=o();var u=(r=e.programId)!==null&&r!==void 0?r:d;var c=s();var p=u?{type:e.leaderboardType,filter:{programId_eq:u}}:{type:e.leaderboardType,filter:{}};if(e.interval){p.filter["interval"]=e.interval}var v=l(f,p,!(c===null||c===void 0?void 0:c.jwt)).data;var y=((n=v===null||v===void 0?void 0:v.viewer)===null||n===void 0?void 0:n.leaderboardRank)?a.formatMessage({id:"rankText",defaultMessage:e.rankText},{rank:(i=(t=v===null||v===void 0?void 0:v.viewer)===null||t===void 0?void 0:t.leaderboardRank)===null||i===void 0?void 0:i[e.rankType]}):e.unrankedText||"unranked";return{data:{rank:y}}}var v="p,.P{font-size:var(--sl-font-size-small);color:var(--sl-color-gray-800);margin-top:0px}p.Subtitle,.P.Subtitle{color:var(--sl-color-gray-500);margin:0px}";var y=e("sqm_leaderboard_rank",function(){function e(e){r(this,e);this.rankText="You are currently in {rank, selectordinal, one {#st} two {#nd} few {#rd} other {#th} } place!";t(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=d()?b(this):p(this);return n(c,Object.assign({},e))};return e}());function b(e){var r=a.formatMessage({id:"rankText",defaultMessage:e.rankText},{rank:1})||"1st";return u({data:{rank:r}},e.demoData||{},{arrayMerge:function(e,r){return r}})}y.style=v}}}));
+var __makeTemplateObject=this&&this.__makeTemplateObject||function(e,r){if(Object.defineProperty){Object.defineProperty(e,"raw",{value:r})}else{e.raw=r}return e};System.register(["./p-ff17b3a4.system.js","./p-8a0cf4be.system.js","./p-b02064c4.system.js","./p-ca2819e8.system.js","./p-23485cfe.system.js","./p-1c17892a.system.js","./p-4bd679a7.system.js","./p-6b5e355c.system.js"],(function(e){"use strict";var r,n,t,a,i,o,s,l,d,u,c;return{setters:[function(e){r=e.r;n=e.h},function(e){t=e.m},function(e){a=e.i},function(){},function(e){i=e.d;o=e.M;s=e.a;l=e.w;d=e.L},function(){},function(e){u=e.c},function(e){c=e.L}],execute:function(){var f=i.gql(__makeTemplateObject(["\n  query ($type: String!, $filter: UserLeaderboardFilterInput) {\n    viewer {\n      ... on User {\n        leaderboardRank(type: $type, filter: $filter) {\n          rowNumber\n          rank\n          denseRank\n        }\n      }\n    }\n  }\n"],["\n  query ($type: String!, $filter: UserLeaderboardFilterInput) {\n    viewer {\n      ... on User {\n        leaderboardRank(type: $type, filter: $filter) {\n          rowNumber\n          rank\n          denseRank\n        }\n      }\n    }\n  }\n"]));function p(e){var r,n,t,i;var d=o();var u=(r=e.programId)!==null&&r!==void 0?r:d;var c=s();var p=u?{type:e.leaderboardType,filter:{programId_eq:u}}:{type:e.leaderboardType,filter:{}};if(e.interval){p.filter["interval"]=e.interval}var v=l(f,p,!(c===null||c===void 0?void 0:c.jwt)).data;var y=((n=v===null||v===void 0?void 0:v.viewer)===null||n===void 0?void 0:n.leaderboardRank)?a.formatMessage({id:"rankText",defaultMessage:e.rankText},{rank:(i=(t=v===null||v===void 0?void 0:v.viewer)===null||t===void 0?void 0:t.leaderboardRank)===null||i===void 0?void 0:i[e.rankType]}):e.unrankedText||"unranked";return{data:{rank:y}}}var v="p,.P{font-size:var(--sl-font-size-small);color:var(--sl-color-gray-800);margin-top:0px}p.Subtitle,.P.Subtitle{color:var(--sl-color-gray-500);margin:0px}";var y=e("sqm_leaderboard_rank",function(){function e(e){r(this,e);this.rankText="You are currently in {rank, selectordinal, one {#st} two {#nd} few {#rd} other {#th} } place!";t(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=d()?m(this):p(this);return n(c,Object.assign({},e))};return e}());function m(e){var r=a.formatMessage({id:"rankText",defaultMessage:e.rankText},{rank:1})||"1st";return u({data:{rank:r}},e.demoData||{},{arrayMerge:function(e,r){return r}})}y.style=v}}}));

package/dist/types/components/sqm-big-stat/sqm-big-stat.d.ts

@@ -2,14 +2,14 @@ import { BigStatViewProps } from "./sqm-big-stat-view";
 import { DemoData } from "../../global/demo";
 /**
  *
- * @uiName Big Stat
+ * @uiName User Stat
  * @slots [{"name":"","title":"Stat Text"}]
  * @slotEditor richText
  * @exampleGroup Statistics
- * @example Points Balance - <sqm-big-stat flex-reverse="true" alignment="left" stat-type="/rewardBalance/CREDIT/POINT/value/global">Points Balance</sqm-big-stat>
- * @example GiftCards Earned - <sqm-big-stat flex-reverse="true" alignment="left" stat-type="/integrationRewardsCountFiltered/AVAILABLE/global">Giftcards Earned</sqm-big-stat>
- * @example Referrals - <sqm-big-stat flex-reverse="true" alignment="left" stat-type="/referralsCount">Referrals</sqm-big-stat>
-  */
+ * @example Points Balance - <sqm-big-stat flex-reverse="true" alignment="left" stat-type="/rewardBalance/CREDIT/POINT/value/global"><p>Points Balance</p></sqm-big-stat>
+ * @example GiftCards Earned - <sqm-big-stat flex-reverse="true" alignment="left" stat-type="/integrationRewardsCountFiltered/AVAILABLE/global"><p>Giftcards Earned</p></sqm-big-stat>
+ * @example Referrals - <sqm-big-stat flex-reverse="true" alignment="left" stat-type="/referralsCount"><p>Referrals</p></sqm-big-stat>
+ */
 export declare class BigStat {
   /**
    * Select what type of stat to display. Manual paths are also supported.
@@ -24,6 +24,7 @@ export declare class BigStat {
    * Controls the order of the stat value & description column
    *
    * @uiName Flex Reverse
+   * @default
    */
   flexReverse?: boolean;
   /**

package/dist/types/components/sqm-brand/sqm-brand.d.ts

@@ -2,7 +2,7 @@
  * @uiName Brand Container
  * @slots [{"name":"","title":"Branded Content"}]
  * @exampleGroup Common Components
- * @example Brand Container - <sqm-brand brand="Nunito Sans">Add your branded content here!</sqm-brand>
+ * @example Brand Container - <sqm-brand brand="Nunito Sans"><p>Add your branded content here!</p></sqm-brand>
  */
 export declare class BrandComponent {
   /**

package/dist/types/components/sqm-checkbox-field/sqm-checkbox-field.d.ts

@@ -29,6 +29,7 @@ export declare class CheckboxField {
   errorMessage: string;
   /**
    * @uiName Optional
+   * @default
    */
   checkboxOptional?: boolean;
   /**

package/dist/types/components/sqm-dropdown-field/sqm-dropdown-field.d.ts

@@ -19,6 +19,7 @@ export declare class DropdownField {
   errorMessage: string;
   /**
    * @uiName Optional
+   * @default
    */
   dropdownOptional?: boolean;
   /**

package/dist/types/components/sqm-hero-image/sqm-hero-image.d.ts

@@ -79,6 +79,7 @@ export declare class HeroImage {
   buttonLink?: string;
   /**
    * @uiName Open Link in New Tab
+   * @default
    */
   buttonNewTab?: boolean;
   /**

package/dist/types/components/sqm-input-field/sqm-input-field.d.ts

@@ -28,6 +28,7 @@ export declare class InputField {
   errorMessage: string;
   /**
    * @uiName Optional
+   * @default
    */
   fieldOptional?: boolean;
   /**

package/dist/types/components/sqm-leaderboard/sqm-leaderboard.d.ts

@@ -33,6 +33,7 @@ export declare class Leaderboard {
    * Hide the viewer's leaderboard row if not in the top results.
    *
    * @uiName Hide Viewing User
+   * @default
    */
   hideViewer: boolean;
   /**

package/dist/types/components/sqm-portal-container/sqm-portal-container.d.ts

@@ -1,6 +1,6 @@
 import { Spacing } from "../../global/mixins";
 /**
- * @uiName Portal Container
+ * @uiName Container
  * @slots [{"name":"", "title":"Widget Content"}]
  * @exampleGroup Layout
  * @example Row Layout Container - <sqm-portal-container direction="row" padding="none" gap="xxx-large" display="flex" max-width="100%"><p>Add your column content above or below!</p></sqm-portal-container>

package/dist/types/components/sqm-portal-protected-route/sqm-portal-protected-route.d.ts

@@ -9,6 +9,7 @@ export declare class PortalProtectedRoute {
   redirectTo: string;
   /**
    * @uiName Require Email Verification
+   * @default
    */
   requireEmailVerification: boolean;
   /**

package/dist/types/components/sqm-portal-register/sqm-portal-register.d.ts

@@ -41,6 +41,7 @@ export declare class PortalRegister {
    * Show or hide the confirm password input
    *
    * @uiName Show Confirm Password Field
+   * @default
    */
   confirmPassword: boolean;
   /**
@@ -51,6 +52,7 @@ export declare class PortalRegister {
    * Hide default input fields to use custom fields
    *
    * @uiName Hide Default Inputs
+   * @default
    */
   hideInputs: boolean;
   /**

package/dist/types/components/sqm-portal-registration-form/PortalRegistrationForm.stories.d.ts

@@ -0,0 +1,10 @@
+declare const _default: {
+  title: string;
+};
+export default _default;
+export declare const Default: () => any;
+export declare const RegisterWithError: () => any;
+export declare const RegisterLoading: () => any;
+export declare const FieldsHidden: () => any;
+export declare const SlottedInputs: () => any;
+export declare const TermsAndConditions: () => any;

package/dist/types/components/sqm-portal-registration-form/sqm-portal-registration-form-view.d.ts

@@ -0,0 +1,32 @@
+import { VNode } from "../../stencil-public-runtime";
+import { FormState } from "../sqm-portal-register/useValidationState";
+export interface PortalRegistrationFormViewProps {
+  states: {
+    error: string;
+    loading: boolean;
+    confirmPassword: boolean;
+    hideInputs: boolean;
+    validationState?: FormState;
+    enablePasswordValidation?: boolean;
+    loginPath: string;
+  };
+  callbacks: {
+    submit: Function;
+    inputFunction: Function;
+  };
+  content: {
+    formData?: VNode;
+    terms?: VNode;
+    passwordField?: VNode;
+    secondaryButton?: VNode;
+    emailLabel?: string;
+    passwordLabel?: string;
+    submitLabel?: string;
+    pageLabel?: string;
+    confirmPasswordLabel: string;
+  };
+  refs: {
+    formRef: any;
+  };
+}
+export declare function PortalRegistrationFormView(props: PortalRegistrationFormViewProps): any;

package/dist/types/components/sqm-portal-registration-form/sqm-portal-registration-form.d.ts

@@ -0,0 +1,76 @@
+import { DemoData } from "../../global/demo";
+import { PortalRegistrationFormViewProps } from "./sqm-portal-registration-form-view";
+/**
+ * @uiName Portal Register
+ */
+export declare class PortalRegistrationForm {
+  ignored: boolean;
+  /**
+   * Page navigated to after registration
+   *
+   * @uiName Next Page
+   */
+  nextPage: string;
+  /**
+   * The page that users are redirected to from the verification email.
+   *
+   * @uiName Email Redirection Base Path
+   */
+  redirectPath: string;
+  /**
+   * @uiName Email Label
+   */
+  emailLabel: string;
+  /**
+   * @uiName Password Label
+   */
+  passwordLabel: string;
+  /**
+   * @uiName Submit Button Text
+   */
+  submitLabel: string;
+  /**
+   * @uiName Login Button Text
+   */
+  loginLabel: string;
+  /**
+   * @uiName Confirm Password Label
+   */
+  confirmPasswordLabel: string;
+  /**
+   * Show or hide the confirm password input
+   *
+   * @uiName Show Confirm Password Field
+   * @default
+   */
+  confirmPassword: boolean;
+  /**
+   * @uiName Enable Password Validation
+   */
+  enablePasswordValidation: boolean;
+  /**
+   * Hide default input fields to use custom fields
+   *
+   * @uiName Hide Default Inputs
+   * @default
+   */
+  hideInputs: boolean;
+  /**
+   * @uiName Heading Label
+   */
+  pageLabel: string;
+  /**
+   * Login button redirection path
+   *
+   * @uiName Login Path
+   */
+  loginPath: string;
+  /**
+   * @undocumented
+   * @uiType object
+   */
+  demoData?: DemoData<PortalRegistrationFormViewProps>;
+  constructor();
+  disconnectedCallback(): void;
+  render(): any;
+}

package/dist/types/components/sqm-portal-registration-form/usePortalRegistrationForm.d.ts

@@ -0,0 +1,25 @@
+import { PortalRegistrationForm } from "./sqm-portal-registration-form";
+export declare type ValidationErrorFunction = (input: {
+  control: any;
+  key: string;
+  value: any;
+}) => string | undefined;
+export declare function usePortalRegistrationForm(props: PortalRegistrationForm): {
+  states: {
+    loading: boolean;
+    error: string;
+    validationState: import("../sqm-portal-register/useValidationState").FormState;
+    confirmPassword: boolean;
+    hideInputs: boolean;
+    loginPath: string;
+  };
+  callbacks: {
+    submit: (event: any) => Promise<void>;
+    inputFunction: (e: any) => void;
+  };
+  refs: {
+    formRef: {
+      current: HTMLFormElement;
+    };
+  };
+};

package/dist/types/components/sqm-portal-reset-password/sqm-portal-reset-password.d.ts

@@ -21,6 +21,7 @@ export declare class PortalResetPassword {
    * Show or hide confirm password field
    *
    * @uiName Show Confirm Password
+   * @default
    */
   confirmPassword: boolean;
   /**

package/dist/types/components/sqm-program-explainer-step/sqm-program-explainer-step.d.ts

@@ -35,7 +35,7 @@ export declare class ProgramExplainerStep {
    */
   imageUrl?: string;
   /**
-   * Options available at https://shoelace.style/components/icon
+   * Full list of valid icon names available in the {@link https://shoelace.style/components/icon Shoelace Icon Library}. This value is case sensitive.
    *
    * @uiName Icon
    */

package/dist/types/components/sqm-qa/sqm-qa.d.ts

@@ -55,6 +55,7 @@ export declare class ShareButton {
    * Description here
    * @uiName Date Interval with default
    * @uiWidget dateRange
+   * @uiWidgetOptions {"allowPastDates":true, "months": 1}
    * @format date-interval
    */
   dateInterval?: string;
@@ -123,6 +124,7 @@ export declare class ShareButton {
    * Description here
    * @uiName Date Interval with no default
    * @uiWidget dateRange
+   * @uiWidgetOptions {"allowPastDates":true, "months": 1}
    * @format date-interval
    */
   dateIntervalNoDefault?: string;
@@ -200,12 +202,14 @@ export declare class ShareButton {
    * @uiName Date Interval required with no default
    * @required
    * @uiWidget dateRange
+   * @uiWidgetOptions {"allowPastDates":true, "months": 1}
    * @format date-interval
    */
   dateIntervalRequiredNoDefault?: string;
   /**
    * Description here
    * @uiName Stat Selector required with no default
+   * @required
    * @uiWidget statTypeSelectWidget
    */
   statSelectorRequiredNoDefault?: string;

package/dist/types/components/sqm-qa-referral-card/ReferralCard.stories.d.ts

@@ -0,0 +1,14 @@
+declare const _default: {
+  title: string;
+  parameters: {
+    scenario: string;
+  };
+};
+export default _default;
+export declare const ImageAndShareButtons: () => any;
+export declare const TimelineAndShareButtons: () => any;
+export declare const StartAlignment: () => any;
+export declare const CenterAlignment: () => any;
+export declare const EndAlignment: () => any;
+export declare const FlippedSlots: () => any;
+export declare const ReferralCardGeneric: () => any;

package/dist/types/components/sqm-qa-referral-card/sqm-referral-card-view.d.ts

@@ -0,0 +1,9 @@
+import { VNode } from "../../stencil-public-runtime";
+export interface ReferralCardViewProps {
+  verticalAlignment: "start" | "center" | "end";
+  slots: {
+    left: VNode;
+    right: VNode;
+  };
+}
+export declare function ReferralCardView(props: ReferralCardViewProps): any;

package/dist/types/components/sqm-qa-referral-card/sqm-referral-card.d.ts

@@ -0,0 +1,20 @@
+/**
+ * @uiName Referral Card
+ * @exampleGroup Referrals
+ * @slotEditor richtext
+ * @slots [{"name":"left", "title":"Left Content"},{"name":"right", "title":"Right Content"}]
+ * @example Referral Card - <sqm-referral-card vertical-alignment="start"> <sqm-portal-container gap="large" slot="left" direction="column" display="grid" max-width="100%" padding="none" > <sqm-text >They’ll get a $50 credit towards a new account and you’ll get: </sqm-text> <sqm-timeline icon="circle"> <sqm-timeline-entry reward="$50" unit="visa giftcard" desc="Your friend purchases a Business plan" icon="circle" > </sqm-timeline-entry> <sqm-timeline-entry reward="$200" unit="visa giftcard" desc="Our sales team qualifies your friend as a good fit for our Enterprise plan" icon="circle" > </sqm-timeline-entry> <sqm-timeline-entry reward="$1000" unit="visa giftcard" desc="Your friend purchases an Enterprise plan" icon="circle" > </sqm-timeline-entry> </sqm-timeline> </sqm-portal-container> <sqm-portal-container gap="large" slot="right" direction="column" display="grid" max-width="100%" padding="none" > <sqm-text>Choose how you want to share: </sqm-text> <sqm-text> <sub>Your unique referral link:</sub> <sqm-share-link tooltip-text="Copied to Clipboard" tooltip-lifespan="1000" > </sqm-share-link> </sqm-text> <sqm-portal-container gap="x-small" direction="column" display="grid" max-width="100%" padding="none" > <sqm-share-button medium="email" icon-slot="prefix" size="medium" type="default" > Share via email </sqm-share-button> <sqm-share-button medium="linkedin" icon-slot="prefix" size="medium" type="default" > Share on LinkedIn </sqm-share-button> <sqm-share-button medium="twitter" icon-slot="prefix" size="medium" type="default" > Share on Twitter </sqm-share-button> </sqm-portal-container> </sqm-portal-container> </sqm-referral-card>
+ */
+export declare class ReferralCard {
+  ignored: boolean;
+  /**
+   * @uiName Vertical Aligment
+   * @uiType string
+   * @uiEnum ["start", "center", "end"]
+   * @uiEnumNames ["Top", "Center", "Bottom"]
+   */
+  verticalAlignment: "start" | "center" | "end";
+  constructor();
+  disconnectedCallback(): void;
+  render(): any;
+}

package/dist/types/components/sqm-qa-tabs/Tabs.stories.d.ts

@@ -0,0 +1,15 @@
+declare const _default: {
+  title: string;
+  parameters: {
+    scenario: string;
+  };
+};
+export default _default;
+export declare const SimpleTabs: () => any;
+export declare const ManyTabs: () => any;
+export declare const SingleTab: () => any;
+export declare const ReferralProgram: () => any;
+export declare const LoyaltyProgram: () => any;
+export declare const BottomTabs: () => any;
+export declare const LeftTabs: () => any;
+export declare const RightTabs: () => any;

package/dist/types/components/sqm-qa-tabs/sqm-tabs-view.d.ts

@@ -0,0 +1,9 @@
+import { FunctionalComponent } from "../../stencil-public-runtime";
+import { TabElement } from "./useTabs";
+export declare type TabsViewProps = {
+  placement: "left" | "right" | "bottom" | "top";
+  content: {
+    tabs: TabElement[];
+  };
+};
+export declare const TabsView: FunctionalComponent<TabsViewProps>;

package/dist/types/components/sqm-qa-tabs/sqm-tabs.d.ts

@@ -0,0 +1,23 @@
+/**
+ * @uiName Tab Group
+ * @slots [{"name":"", "title":"Tabs","validChildren":["sqm-tab"]}]
+ * @canvasRenderer always-replace
+ * @exampleGroup Layout
+ * @example Generic Tab Group - <sqm-tabs><sqm-tab header="Tab 1">This is the first tab</sqm-tab><sqm-tab header="Tab 2">This is the second tab</sqm-tab><sqm-tab header="Tab 3">This is the third tab</sqm-tab></sqm-tabs>
+ * @example Referral Tab Group - <sqm-tabs><sqm-tab header="Leaderboard"><sqm-leaderboard usersheading="Referrer" statsheading="Referrals" rankheading="Rank" rank-type="rowNumber" leaderboard-type="topStartedReferrers" show-rank anonymous-user="Anonymous User"><sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644000223/squatch-assets/empty_leaderboard2.png" empty-state-header="View your rank in the leaderboard" empty-state-text="Be the first to refer a friend and reach the top of the leaderboard"></sqm-empty></sqm-leaderboard></sqm-tab><sqm-tab header="Referral history"><sqm-referral-table><sqm-referral-table-user-column column-title="User" anonymous-user="Anonymous User" deleted-user="Deleted User"></sqm-referral-table-user-column><sqm-referral-table-status-column column-title="Referral status" converted-status-text="Converted" in-progress-status-text="In Progress"></sqm-referral-table-status-column><sqm-referral-table-rewards-column column-title="Rewards" expiring-text="Expiring in" fuel-tank-text="Your code is" pending-for-text="{status} for {date}" reward-received-text="Reward received on" status-long-text="{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} EXPIRED {Reward expired on} other {Not available} }" status-text="{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }"></sqm-referral-table-rewards-column><sqm-referral-table-date-column column-title="Date referred" date-shown="dateReferralStarted"></sqm-referral-table-date-column><sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644000223/squatch-assets/empty_referral2.png" empty-state-header="View your referral details" empty-state-text="Refer a friend to view the status of your referrals and rewards earned"></sqm-empty></sqm-referral-table></sqm-tab></sqm-tabs>
+ * @example Loyalty Tab Group - <sqm-tabs placement="top"> <sqm-tab header="Leaderboard"> <sqm-leaderboard usersheading="Users" statsheading="Points Earned" rankheading="Rank" rank-type="rowNumber" leaderboard-type="topPointEarners" show-rank anonymous-user="Anonymous User" > <sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644000223/squatch-assets/empty_leaderboard2.png" empty-state-header="View your rank in the leaderboard" empty-state-text="Be the first to earn points and reach the top of the leaderboard" ></sqm-empty ></sqm-leaderboard> </sqm-tab> <sqm-tab header="Reward history"> <sqm-rewards-table ><sqm-rewards-table-reward-column available-text="{availableAmount} remaining" column-title="Reward" copy-text="Copied!" redeemed-text="{redeemedAmount} redeemed" > </sqm-rewards-table-reward-column> <sqm-rewards-table-source-column anonymous-user="Anonymous User" column-title="Source" deleted-user="Deleted User" referral-text="{rewardSource, select, FRIEND_SIGNUP {Referral to} REFERRED {Referred by} other {}}" reward-exchange-text="Reward Exchange" reward-source-text="{rewardSource, select, MANUAL {Manual} AUTOMATED {{programName}} other {}}" > </sqm-rewards-table-source-column><sqm-rewards-table-status-column column-title="Status" expiry-text="Expires on " status-text="{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }"></sqm-rewards-table-status-column><sqm-rewards-table-date-column column-title="Date received" date-shown="dateGiven"></sqm-rewards-table-date-column><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"></sqm-empty></sqm-rewards-table></sqm-tab><sqm-tab header="Redeem"><sqm-reward-exchange-list back-text="Back" button-text="Exchange Rewards" cancel-text="Cancel" choose-amount-title="Select" choose-reward-title="Rewards" confirmation-title="Confirm" continue-text="Continue" continue-to-confirmation-text="Continue to confirmation" done-text="Done" reward-title="Choose a reward" not-available-error="{unavailableReasonCode, select, US_TAX {US Tax limit} INSUFFICIENT_REDEEMABLE_CREDIT {{sourceValue} required} AVAILABILITY_PREDICATE {Not available} other {{unavailableReasonCode}} }" not-enough-error="Not enough {sourceUnit} to redeem for this reward" query-error="Unable to load reward exchange list. Please try again" redeem-text="Redeem" redeem-title="Confirm and redeem" redemption-error="An error occured trying to redeem this reward. Please try again" redemption-success-text="Redeemed {sourceValue} for {destinationValue}" select-text="Select amount to receive" source-amount-message="{ruleType, select, FIXED_GLOBAL_REWARD {{sourceValue}} other {{sourceMinValue} to {sourceMaxValue}}}" tooltiptext="Copied" reward-name-title="Reward" reward-amount-title="Reward Amount" cost-title="Cost to Redeem" reward-redeemed-text="Reward redeemed" skeleton-card-num="8" promo-code="Promo Code" tooltip-text="Copied!"><sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_exchange2.png" empty-state-header="Redeem rewards" empty-state-text="Use your points to redeem rewards once they become available"></sqm-empty></sqm-reward-exchange-list></sqm-tab></sqm-tabs>
+ */
+export declare class Tabs {
+  /**
+   * Used to specify the placement of the tabs
+   *
+   * @uiName Tabs Placement
+   * @uiType string
+   * @uiEnum ["left", "right", "bottom", "top"]
+   * @uiEnumNames ["Left", "Right", "Bottom", "Top"]
+   */
+  placement?: "left" | "right" | "bottom" | "top";
+  constructor();
+  disconnectedCallback(): void;
+  render(): any;
+}

package/dist/types/components/sqm-qa-tabs/useTabs.d.ts

@@ -0,0 +1,9 @@
+export interface TabElement extends Element {
+  open: boolean;
+  header: string;
+}
+export declare function useTabs(): {
+  content: {
+    tabs: TabElement[];
+  };
+};

package/dist/types/components/sqm-referral-table/columns/sqm-referral-table-rewards-column.d.ts

@@ -50,6 +50,7 @@ export declare class ReferralTableRewardsColumn implements ReferralTableColumn {
   pendingForText: string;
   /**
    * @uiName Hide dropdown details of reward
+   * @default
    */
   hideDetails: boolean;
   constructor();

package/dist/types/components/sqm-referral-table/sqm-referral-table.d.ts

@@ -4,7 +4,7 @@ import { GenericTableViewProps } from "../../tables/GenericTableView";
  * @uiName Referral Table
  * @exampleGroup Referrals
  * @slots [{"name":"", "title":"Table Row"},{"name":"empty", "title":"Empty"},{"name":"loading","title":"Loading"}]
- * @example Referral Table - <sqm-referral-table><sqm-referral-table-user-column column-title="Customer" anonymous-user="Anonymous User" deleted-user="Deleted User"></sqm-referral-table-user-column><sqm-referral-table-rewards-column column-title="Rewards" status-text="{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }" status-long-text="{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} EXPIRED {Reward expired on} other {Not available} }" fuel-tank-text="Your code is" reward-received-text="Reward received on" expiring-text="Expiring in" pending-for-text="{status} for {date}"></sqm-referral-table-rewards-column><sqm-referral-table-date-column column-title="Date converted" date-shown="dateConverted"></sqm-referral-table-date-column><sqm-referral-table-status-column column-title="Status" converted-status-text="Converted" in-progress-status-text="In Progress"></sqm-referral-table-status-column><sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644000223/squatch-assets/empty_referral2.png" empty-state-header="View your referral details" empty-state-text="Refer a friend to view the status of your referrals and rewards earned"></sqm-empty></sqm-referral-table>
+ * @example Referral Table - <sqm-referral-table per-page="4" hidden-columns="2" more-label="Next" prev-label="Prev" show-labels sm-breakpoint="599" md-breakpoint="799"><sqm-referral-table-user-column column-title="Customer" anonymous-user="Anonymous User" deleted-user="Deleted User"></sqm-referral-table-user-column><sqm-referral-table-rewards-column column-title="Rewards" status-text="{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }" status-long-text="{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} EXPIRED {Reward expired on} other {Not available} }" fuel-tank-text="Your code is" reward-received-text="Reward received on" expiring-text="Expiring in" pending-for-text="{status} for {date}"></sqm-referral-table-rewards-column><sqm-referral-table-date-column column-title="Date converted" date-shown="dateConverted"></sqm-referral-table-date-column><sqm-referral-table-status-column column-title="Status" converted-status-text="Converted" in-progress-status-text="In Progress"></sqm-referral-table-status-column><sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644000223/squatch-assets/empty_referral2.png" empty-state-header="View your referral details" empty-state-text="Refer a friend to view the status of your referrals and rewards earned" slot="empty"></sqm-empty></sqm-referral-table>
  */
 export declare class ReferralTable {
   /**
@@ -32,6 +32,7 @@ export declare class ReferralTable {
    * Show referred by user in table
    *
    * @uiName Show Referrer
+   * @default
    */
   showReferrer?: boolean;
   /**

package/dist/types/components/sqm-rewards-table/columns/RewardTableColumn.d.ts

@@ -1,5 +1,5 @@
 import { VNode } from "../../../stencil-public-runtime";
 export interface RewardTableColumn {
-  renderLabel(): Promise<string>;
+  renderLabel(idx?: number): Promise<string>;
   renderCell(data: Reward, locale: string): Promise<VNode>;
 }

package/dist/types/components/sqm-rewards-table/columns/sqm-rewards-table-plop-target.d.ts

@@ -0,0 +1,11 @@
+import { RewardTableColumn } from "./RewardTableColumn";
+/**
+ * @undocumented
+ */
+export declare class RewardTablePlopTarget implements RewardTableColumn {
+  constructor();
+  disconnectedCallback(): void;
+  renderCell(): Promise<any>;
+  renderLabel(idx: any): Promise<any>;
+  render(): any;
+}