@saasquatch/mint-components 1.16.0-9 → 2.0.0-1

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

@@ -0,0 +1 @@
+import{h as n}from"./p-c7c11325.js";function e(e,i){return n("div",{class:"container",part:"sqm-base"},n("style",null,`\n\n* {\n  padding: 0;\n  margin: 0;\n  box-sizing: border-box;\n}\n\n.container {\n  background: var(--sqm-portal-background);\n}\n\n.menu-items {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n@keyframes slideIn {\n  0% {\n    left: -350px;\n  }\n  100% {\n    left: 0;\n  }\n}\n\n@media screen and (min-width: 800px) {\n  :host {\n    max-width: 300px;\n  }\n  .toggler,\n  .hamburger {\n     user-select: none;\n     visibility:hidden;\n  }\n  .container{\n    position: sticky;\n    top: 0;\n  }\n  .menu-items {\n    min-width: 290px;\n    max-width: 320px;\n    box-sizing: border-box;\n    padding: 0px 15px;\n  }\n  .menu-items > :not(:last-child): {\n    margin-bottom: 4px;\n  }\n}\n@media screen and (max-width: 799px) {\n  .toggler {\n    border: 2px solid #eee;\n    cursor: pointer;\n    opacity: 0;\n    z-index: 5;\n  }\n\n  .container {\n    position: sticky;\n    top: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 60px;\n    width: 60px;\n    flex-direction: column;\n    z-index: 100;\n  }\n  .menu-items {\n    display: none;\n    padding: 20px;\n    border-right: var(--sqm-border-thickness) solid var(--sqm-border-color);\n    padding-top: 60px;\n    background: var(--sqm-portal-background); \n    width: 100vw;\n    height: 100vh;\n    position: absolute;\n    top: 0;\n    right: 0;\n    left: 0px;\n    margin: 0;\n    animation: slideIn 500ms ease-in-out;\n  }\n\n  .toggler,\n  .hamburger {\n    visibility: visible !important;\n  }\n\n  .container {\n    display: flex;\n  }\n\n  .hamburger > .line {\n    visibility: visible !important;\n  }\n\n\n  .toggler,\n  .hamburger {\n    position: absolute;\n    padding: 20px 10px;\n  }\n\n  .toggler {\n    z-index: 100;\n    width: 100%;\n    height: 100%;\n  }\n\n  .hamburger {\n    z-index: 10;\n    width: 75%;\n    height: 100%;\n  }\n\n  .toggler:checked ~ .menu-items {\n    display: block;\n  }\n\n  /***** Turn hamburger into an X *****/\n  .toggler:checked ~ .hamburger > .line:nth-child(1) {\n    opacity: 0;\n  }\n\n  .toggler:checked ~ .hamburger > .line:nth-child(2) {\n    transform: rotate(45deg) translate(0px, -0.5px);\n  }\n\n  .toggler:checked ~ .hamburger > .line:nth-child(3) {\n    transform: rotate(-45deg) translate(3px, -3.5px);\n  }\n\n  .toggler:checked ~ .hamburger > .line:nth-child(1),\n  .toggler:checked ~ .hamburger > .line:nth-child(2),\n  .toggler:checked ~ .hamburger > .line:nth-child(3) {\n    width: 75%;\n    border-bottom: 3px solid ${e.mobileMenuColor};\n    margin: 0;\n  }\n\n  .hamburger > .line {\n    visibility:hidden;\n    z-index: 2;\n    height: 4px;\n    width: 100%;\n    margin-bottom: 3px;\n    border-bottom: 5px solid ${e.mobileMenuColor};\n  }\n}\n`),n("input",Object.assign({type:"checkbox",class:"toggler"},e)),n("div",{class:"hamburger"},n("div",{class:"line"}),n("div",{class:"line"}),n("div",{class:"line"})),n("div",{class:"menu-items",part:"sqm-items-container"},i))}export{e as N}

package/dist/mint-components/{p-19bc3406.system.entry.js → p-fb2976fc.system.entry.js}

@@ -1 +1 @@
-System.register(["./p-f26aedcd.system.js","./p-48135f99.system.js","./p-1a673057.system.js","./p-e07bc6c4.system.js"],(function(t){"use strict";var e,n,s,r;return{setters:[function(t){e=t.r;n=t.h},function(t){s=t.n},function(){},function(t){r=t.T}],execute:function(){var c=t("sqm_rewards_table_customer_note_cell",function(){function t(t){e(this,t);this.ignored=true;this.locale="en";s(this)}t.prototype.disconnectedCallback=function(){};t.prototype.render=function(){var t=this.note;return n(r,{type:"p"},t)};return t}())}}}));
+System.register(["./p-59b028db.system.js","./p-4f5329a2.system.js","./p-1a673057.system.js","./p-67ad2252.system.js"],(function(t){"use strict";var e,n,s,r;return{setters:[function(t){e=t.r;n=t.h},function(t){s=t.n},function(){},function(t){r=t.T}],execute:function(){var o=t("sqm_rewards_table_customer_note_cell",function(){function t(t){e(this,t);this.ignored=true;this.locale="en";s(this)}t.prototype.disconnectedCallback=function(){};t.prototype.render=function(){var t=this.note;return n(r,{type:"p"},t)};return t}())}}}));

package/dist/mint-components/{p-59274a91.system.js → p-ff0e1564.system.js}

@@ -1 +1 @@
-var __makeTemplateObject=this&&this.__makeTemplateObject||function(e,n){if(Object.defineProperty){Object.defineProperty(e,"raw",{value:n})}else{e.raw=n}return e};var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var n,r=1,a=arguments.length;r<a;r++){n=arguments[r];for(var t in n)if(Object.prototype.hasOwnProperty.call(n,t))e[t]=n[t]}return e};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(e,n,r,a){function t(e){return e instanceof r?e:new r((function(n){n(e)}))}return new(r||(r=Promise))((function(r,o){function d(e){try{l(a.next(e))}catch(e){o(e)}}function i(e){try{l(a["throw"](e))}catch(e){o(e)}}function l(e){e.done?r(e.value):t(e.value).then(d,i)}l((a=a.apply(e,n||[])).next())}))};var __generator=this&&this.__generator||function(e,n){var r={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},a,t,o,d;return d={next:i(0),throw:i(1),return:i(2)},typeof Symbol==="function"&&(d[Symbol.iterator]=function(){return this}),d;function i(e){return function(n){return l([e,n])}}function l(d){if(a)throw new TypeError("Generator is already executing.");while(r)try{if(a=1,t&&(o=d[0]&2?t["return"]:d[0]?t["throw"]||((o=t["return"])&&o.call(t),0):t.next)&&!(o=o.call(t,d[1])).done)return o;if(t=0,o)d=[d[0]&2,o.value];switch(d[0]){case 0:case 1:o=d;break;case 4:r.label++;return{value:d[1],done:false};case 5:r.label++;t=d[1];d=[0];continue;case 7:d=r.ops.pop();r.trys.pop();continue;default:if(!(o=r.trys,o=o.length>0&&o[o.length-1])&&(d[0]===6||d[0]===2)){r=0;continue}if(d[0]===3&&(!o||d[1]>o[0]&&d[1]<o[3])){r.label=d[1];break}if(d[0]===6&&r.label<o[1]){r.label=o[1];o=d;break}if(o&&r.label<o[2]){r.label=o[2];r.ops.push(d);break}if(o[2])r.ops.pop();r.trys.pop();continue}d=n.call(e,r)}catch(e){d=[6,e];t=0}finally{a=o=0}if(d[0]&5)throw d[1];return{value:d[0]?d[1]:void 0,done:true}}};var __spreadArrays=this&&this.__spreadArrays||function(){for(var e=0,n=0,r=arguments.length;n<r;n++)e+=arguments[n].length;for(var a=Array(e),t=0,n=0;n<r;n++)for(var o=arguments[n],d=0,i=o.length;d<i;d++,t++)a[t]=o[d];return a};System.register(["./p-f26aedcd.system.js","./p-48135f99.system.js","./p-6cd4f2b1.system.js","./p-5488fdd9.system.js","./p-6b7a595f.system.js"],(function(e){"use strict";var n,r,a,t,o,d,i,l,s,u,c,f;return{setters:[function(e){n=e.h},function(e){r=e.b;a=e.j;t=e.f},function(e){o=e.d;d=e.J;i=e.H;l=e.L;s=e.w;u=e.R},function(e){c=e.u},function(e){f=e.u}],execute:function(){e({g:y,t:R,u:h});var m=r("sq:useReferralTable");var p="sqm-referral-table";var v=o.gql(__makeTemplateObject(["\n  query getReferrals(\n    $programId: ID\n    $rewardFilter: RewardFilterInput\n    $locale: RSLocale\n  ) {\n    viewer {\n      ... on User {\n        referredByReferral(programId: $programId) {\n          dateConverted\n          dateFraudChecksCompleted\n          dateModerated\n          dateModified\n          dateReferralEnded\n          dateReferralPaid\n          dateReferralStarted\n          dateUserModified\n          referrerUser {\n            firstName\n            lastName\n          }\n          rewards(filter: $rewardFilter) {\n            id\n            type\n            value\n            unit\n            name\n            dateGiven\n            dateExpires\n            dateCancelled\n            dateRedeemed\n            dateScheduledFor\n            fuelTankCode\n            fuelTankType\n            currency\n            prettyValue(locale: $locale)\n            statuses\n            globalRewardKey\n            programRewardKey\n            partnerFundsTransfer {\n              id\n              status\n            }\n            meta {\n              status\n              integration {\n                name\n              }\n              message\n              customMeta\n            }\n            rewardRedemptionTransactions {\n              data {\n                exchangedRewards {\n                  data {\n                    prettyValue(locale: $locale)\n                    type\n                    fuelTankCode\n                    globalRewardKey\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n"],["\n  query getReferrals(\n    $programId: ID\n    $rewardFilter: RewardFilterInput\n    $locale: RSLocale\n  ) {\n    viewer {\n      ... on User {\n        referredByReferral(programId: $programId) {\n          dateConverted\n          dateFraudChecksCompleted\n          dateModerated\n          dateModified\n          dateReferralEnded\n          dateReferralPaid\n          dateReferralStarted\n          dateUserModified\n          referrerUser {\n            firstName\n            lastName\n          }\n          rewards(filter: $rewardFilter) {\n            id\n            type\n            value\n            unit\n            name\n            dateGiven\n            dateExpires\n            dateCancelled\n            dateRedeemed\n            dateScheduledFor\n            fuelTankCode\n            fuelTankType\n            currency\n            prettyValue(locale: $locale)\n            statuses\n            globalRewardKey\n            programRewardKey\n            partnerFundsTransfer {\n              id\n              status\n            }\n            meta {\n              status\n              integration {\n                name\n              }\n              message\n              customMeta\n            }\n            rewardRedemptionTransactions {\n              data {\n                exchangedRewards {\n                  data {\n                    prettyValue(locale: $locale)\n                    type\n                    fuelTankCode\n                    globalRewardKey\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n"]));var g=o.gql(__makeTemplateObject(['\n  query getReferrals(\n    $limit: Int!\n    $offset: Int!\n    $referralFilter: ReferralFilterInput\n    $rewardFilter: RewardFilterInput\n    $locale: RSLocale\n  ) {\n    viewer {\n      ... on User {\n        id\n        paidReferrals: referrals(\n          filter: { dateReferralPaid_timeframe: "this_10_years" }\n          limit: 1\n        ) {\n          totalCount\n        }\n        referrals(limit: $limit, offset: $offset, filter: $referralFilter) {\n          totalCount\n          count\n          data {\n            id\n            referredUser {\n              id\n              accountId\n              firstName\n              lastName\n              email\n              programGoals {\n                goalId\n                programId\n                count\n                firstDate\n                lastDate\n                conversionCount\n              }\n            }\n            shareLinkUsed\n            referralCodeUsed\n            moderationStatus\n            dateConverted\n            dateFraudChecksCompleted\n            dateModerated\n            dateModified\n            dateReferralEnded\n            dateReferralPaid\n            dateReferralStarted\n            dateUserModified\n            programId\n            program {\n              id\n              name\n            }\n            fraudData {\n              autoModerationStatus\n              manualModerationStatus\n              moderationStatus\n            }\n            rewards(filter: $rewardFilter) {\n              id\n              type\n              value\n              unit\n              name\n              dateGiven\n              dateExpires\n              dateCancelled\n              dateRedeemed\n              dateScheduledFor\n              fuelTankCode\n              fuelTankType\n              currency\n              prettyValue(locale: $locale)\n              pendingReasons\n              statuses\n              globalRewardKey\n              programRewardKey\n              partnerFundsTransfer {\n                id\n                status\n              }\n              referral {\n                dateModerated\n                fraudData {\n                  autoModerationStatus\n                  manualModerationStatus\n                  moderationStatus\n                }\n              }\n              meta {\n                status\n                integration {\n                  name\n                }\n                message\n                customMeta\n              }\n              rewardRedemptionTransactions {\n                data {\n                  exchangedRewards {\n                    data {\n                      prettyValue(locale: $locale)\n                      type\n                      fuelTankCode\n                      globalRewardKey\n                    }\n                  }\n                }\n              }\n            }\n            childNodes(limit: 10, offset: 0) {\n              data {\n                data {\n                  id\n                  ... on FlatReward {\n                    id\n                    statuses\n                    type\n                    value\n                  }\n                  ... on ProgramEmailTransaction {\n                    id\n                    rewardId\n                    dateCreated\n                    dateSent\n                    dateQueued\n                  }\n                }\n                depth\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n'],['\n  query getReferrals(\n    $limit: Int!\n    $offset: Int!\n    $referralFilter: ReferralFilterInput\n    $rewardFilter: RewardFilterInput\n    $locale: RSLocale\n  ) {\n    viewer {\n      ... on User {\n        id\n        paidReferrals: referrals(\n          filter: { dateReferralPaid_timeframe: "this_10_years" }\n          limit: 1\n        ) {\n          totalCount\n        }\n        referrals(limit: $limit, offset: $offset, filter: $referralFilter) {\n          totalCount\n          count\n          data {\n            id\n            referredUser {\n              id\n              accountId\n              firstName\n              lastName\n              email\n              programGoals {\n                goalId\n                programId\n                count\n                firstDate\n                lastDate\n                conversionCount\n              }\n            }\n            shareLinkUsed\n            referralCodeUsed\n            moderationStatus\n            dateConverted\n            dateFraudChecksCompleted\n            dateModerated\n            dateModified\n            dateReferralEnded\n            dateReferralPaid\n            dateReferralStarted\n            dateUserModified\n            programId\n            program {\n              id\n              name\n            }\n            fraudData {\n              autoModerationStatus\n              manualModerationStatus\n              moderationStatus\n            }\n            rewards(filter: $rewardFilter) {\n              id\n              type\n              value\n              unit\n              name\n              dateGiven\n              dateExpires\n              dateCancelled\n              dateRedeemed\n              dateScheduledFor\n              fuelTankCode\n              fuelTankType\n              currency\n              prettyValue(locale: $locale)\n              pendingReasons\n              statuses\n              globalRewardKey\n              programRewardKey\n              partnerFundsTransfer {\n                id\n                status\n              }\n              referral {\n                dateModerated\n                fraudData {\n                  autoModerationStatus\n                  manualModerationStatus\n                  moderationStatus\n                }\n              }\n              meta {\n                status\n                integration {\n                  name\n                }\n                message\n                customMeta\n              }\n              rewardRedemptionTransactions {\n                data {\n                  exchangedRewards {\n                    data {\n                      prettyValue(locale: $locale)\n                      type\n                      fuelTankCode\n                      globalRewardKey\n                    }\n                  }\n                }\n              }\n            }\n            childNodes(limit: 10, offset: 0) {\n              data {\n                data {\n                  id\n                  ... on FlatReward {\n                    id\n                    statuses\n                    type\n                    value\n                  }\n                  ... on ProgramEmailTransaction {\n                    id\n                    rewardId\n                    dateCreated\n                    dateSent\n                    dateQueued\n                  }\n                }\n                depth\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n']));var w=o.gql(__makeTemplateObject(["\n  query getImpactTax {\n    viewer {\n      ... on User {\n        id\n        impactConnection {\n          connected\n          taxHandlingEnabled\n          publisher {\n            requiredTaxDocumentType\n            currentTaxDocument {\n              status\n              type\n              dateCreated\n            }\n            withdrawalSettings {\n              paymentMethod\n            }\n            payoutsAccount {\n              hold\n              holdReasons\n              balance\n            }\n          }\n        }\n      }\n    }\n  }\n"],["\n  query getImpactTax {\n    viewer {\n      ... on User {\n        id\n        impactConnection {\n          connected\n          taxHandlingEnabled\n          publisher {\n            requiredTaxDocumentType\n            currentTaxDocument {\n              status\n              type\n              dateCreated\n            }\n            withdrawalSettings {\n              paymentMethod\n            }\n            payoutsAccount {\n              hold\n              holdReasons\n              balance\n            }\n          }\n        }\n      }\n    }\n  }\n"]));function h(e,r,o){var m,h,y,_;var b=d();var C=i();var T=(m=e.programId)!==null&&m!==void 0?m:C;var P=T?T==="classic"?{programId_exists:false}:{programId_eq:T}:{};var I={userId_eq:b===null||b===void 0?void 0:b.id,accountId_eq:b===null||b===void 0?void 0:b.accountId};var $=a((function(e,n){return __assign(__assign({},e),n)}),{columns:[],rows:[],loading:false,page:0}),F=$[0],S=$[1];var k=l();var M=s(v,{programId:T==="classic"?null:T,rewardFilter:I,locale:k},!e.showReferrer||!(b===null||b===void 0?void 0:b.jwt)),x=M.data,L=M.loading,j=M.refetch;var E=(h=x===null||x===void 0?void 0:x.viewer)===null||h===void 0?void 0:h.referredByReferral;var U=e.showReferrer&&!!(E===null||E===void 0?void 0:E.dateReferralStarted);var q=s(w,{},!(b===null||b===void 0?void 0:b.jwt)),D=q.data,N=q.loading;var K=(y=D===null||D===void 0?void 0:D.viewer)===null||y===void 0?void 0:y.impactConnection;var O=u(g,(function(e){var n;return(n=e===null||e===void 0?void 0:e.viewer)===null||n===void 0?void 0:n.referrals}),{limit:e.perPage,offset:0},{referralFilter:P,rewardFilter:I,locale:k},e.showReferrer&&L&&!x||!(b===null||b===void 0?void 0:b.jwt)),V=O.envelope,A=O.states,B=O.callbacks;t((function(){if(A.currentPage===0&&U)B.setLimit(e.perPage-1)}),[U]);t((function(){if(e.showReferrer&&U){B.setLimit(e.perPage-1);B.setCurrentPage(0)}else{B.setLimit(e.perPage);B.setCurrentPage(0)}}),[e.showReferrer]);var G=c();var H=V===null||V===void 0?void 0:V.data;var J=f();function Q(e){return __awaiter(this,void 0,void 0,(function(){var r,a,t,o,d,i,l,s,u,c;var f=this;return __generator(this,(function(m){switch(m.label){case 0:r=e.filter((function(e){return e.slot!=="loading"&&e.slot!=="empty"}));a=r===null||r===void 0?void 0:r.map((function(e){return __awaiter(f,void 0,void 0,(function(){return __generator(this,(function(n){return[2,R(e,(function(){return e.renderLabel()}))]}))}))}));if(!(U&&A.currentPage===0))return[3,2];o=r===null||r===void 0?void 0:r.map((function(e){return __awaiter(f,void 0,void 0,(function(){return __generator(this,(function(r){return[2,R(e,(function(){return e.renderReferrerCell(E,k,n)}))]}))}))}));return[4,Promise.all(o)];case 1:t=m.sent();m.label=2;case 2:d=H===null||H===void 0?void 0:H.map((function(e){return __awaiter(f,void 0,void 0,(function(){var a,t;var o=this;return __generator(this,(function(d){switch(d.label){case 0:a=r===null||r===void 0?void 0:r.map((function(r){return __awaiter(o,void 0,void 0,(function(){return __generator(this,(function(a){return[2,R(r,(function(){return r.renderCell(e,{locale:k,taxConnection:K},n)}))]}))}))}));return[4,Promise.all(a)];case 1:t=d.sent();return[2,t]}}))}))}));l=d;if(!l)return[3,4];s=[[t]];return[4,Promise.all(d)];case 3:l=__spreadArrays.apply(void 0,s.concat([m.sent()])).filter((function(e){return e}));m.label=4;case 4:i=l;S({rows:i});c=a;if(!c)return[3,6];return[4,Promise.all(a)];case 5:c=m.sent();m.label=6;case 6:u=c;S({columns:u,loading:false,page:A.currentPage});return[2]}}))}))}t((function(){S({loading:true});V&&Q(J)}),[V,J,G]);var z=!((_=F===null||F===void 0?void 0:F.rows)===null||_===void 0?void 0:_.length)&&!(H===null||H===void 0?void 0:H.length);var W=A.loading||F.loading||N?"loading":z?"empty":"rows";return{states:{hasNext:A.currentPage<A.pageCount-1,hasPrev:A.currentPage>0,show:W,namespace:p},data:{textOverrides:{showLabels:!e.hideLabels,prevLabel:e.prevLabel,moreLabel:e.moreLabel},hiddenColumns:e.hiddenColumns,smBreakpoint:e.smBreakpoint,mdBreakpoint:e.mdBreakpoint},elements:{columns:F.columns,rows:F.rows,emptyElement:r,loadingElement:o},callbacks:{nextPage:function(){if(A.currentPage===0&&U)B.setLimit(e.perPage);B.setCurrentPage(A.currentPage+1)},prevPage:function(){if(A.currentPage===1&&U)B.setLimit(e.perPage-1);B.setCurrentPage(A.currentPage-1)}}}}function y(e){try{return JSON.stringify(e)}catch(e){return"An unknown error"}}function R(e,r){return __awaiter(this,void 0,void 0,(function(){var a,t,o,d;return __generator(this,(function(i){switch(i.label){case 0:a=e.tagName.toLowerCase();return[4,customElements.whenDefined(a)];case 1:i.sent();try{t=r()}catch(e){if(r.name==="renderReferrerCell"){m("column does not have a renderReferrerCell method.")}else{m("label promise failed",e)}m("label promise failed",e);return[2,n("span",null)]}i.label=2;case 2:i.trys.push([2,4,,5]);return[4,t];case 3:return[2,i.sent()];case 4:o=i.sent();m("Error rendering label",o);d=y(o);return[2,n("details",null,n("summary",null,"Error"),d)];case 5:return[2]}}))}))}}}}));
+var __makeTemplateObject=this&&this.__makeTemplateObject||function(e,n){if(Object.defineProperty){Object.defineProperty(e,"raw",{value:n})}else{e.raw=n}return e};var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var n,r=1,a=arguments.length;r<a;r++){n=arguments[r];for(var t in n)if(Object.prototype.hasOwnProperty.call(n,t))e[t]=n[t]}return e};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(e,n,r,a){function t(e){return e instanceof r?e:new r((function(n){n(e)}))}return new(r||(r=Promise))((function(r,o){function d(e){try{l(a.next(e))}catch(e){o(e)}}function i(e){try{l(a["throw"](e))}catch(e){o(e)}}function l(e){e.done?r(e.value):t(e.value).then(d,i)}l((a=a.apply(e,n||[])).next())}))};var __generator=this&&this.__generator||function(e,n){var r={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},a,t,o,d;return d={next:i(0),throw:i(1),return:i(2)},typeof Symbol==="function"&&(d[Symbol.iterator]=function(){return this}),d;function i(e){return function(n){return l([e,n])}}function l(d){if(a)throw new TypeError("Generator is already executing.");while(r)try{if(a=1,t&&(o=d[0]&2?t["return"]:d[0]?t["throw"]||((o=t["return"])&&o.call(t),0):t.next)&&!(o=o.call(t,d[1])).done)return o;if(t=0,o)d=[d[0]&2,o.value];switch(d[0]){case 0:case 1:o=d;break;case 4:r.label++;return{value:d[1],done:false};case 5:r.label++;t=d[1];d=[0];continue;case 7:d=r.ops.pop();r.trys.pop();continue;default:if(!(o=r.trys,o=o.length>0&&o[o.length-1])&&(d[0]===6||d[0]===2)){r=0;continue}if(d[0]===3&&(!o||d[1]>o[0]&&d[1]<o[3])){r.label=d[1];break}if(d[0]===6&&r.label<o[1]){r.label=o[1];o=d;break}if(o&&r.label<o[2]){r.label=o[2];r.ops.push(d);break}if(o[2])r.ops.pop();r.trys.pop();continue}d=n.call(e,r)}catch(e){d=[6,e];t=0}finally{a=o=0}if(d[0]&5)throw d[1];return{value:d[0]?d[1]:void 0,done:true}}};var __spreadArrays=this&&this.__spreadArrays||function(){for(var e=0,n=0,r=arguments.length;n<r;n++)e+=arguments[n].length;for(var a=Array(e),t=0,n=0;n<r;n++)for(var o=arguments[n],d=0,i=o.length;d<i;d++,t++)a[t]=o[d];return a};System.register(["./p-59b028db.system.js","./p-4f5329a2.system.js","./p-171310d9.system.js","./p-bb5d153f.system.js","./p-bcac83f0.system.js"],(function(e){"use strict";var n,r,a,t,o,d,i,l,s,u,c,f;return{setters:[function(e){n=e.h},function(e){r=e.b;a=e.j;t=e.f},function(e){o=e.d;d=e.J;i=e.H;l=e.L;s=e.w;u=e.R},function(e){c=e.u},function(e){f=e.u}],execute:function(){e({g:y,t:R,u:h});var m=r("sq:useReferralTable");var p="sqm-referral-table";var v=o.gql(__makeTemplateObject(["\n  query getReferrals(\n    $programId: ID\n    $rewardFilter: RewardFilterInput\n    $locale: RSLocale\n  ) {\n    viewer {\n      ... on User {\n        referredByReferral(programId: $programId) {\n          dateConverted\n          dateFraudChecksCompleted\n          dateModerated\n          dateModified\n          dateReferralEnded\n          dateReferralPaid\n          dateReferralStarted\n          dateUserModified\n          referrerUser {\n            firstName\n            lastName\n          }\n          rewards(filter: $rewardFilter) {\n            id\n            type\n            value\n            unit\n            name\n            dateGiven\n            dateExpires\n            dateCancelled\n            dateRedeemed\n            dateScheduledFor\n            fuelTankCode\n            fuelTankType\n            currency\n            prettyValue(locale: $locale)\n            statuses\n            globalRewardKey\n            programRewardKey\n            partnerFundsTransfer {\n              id\n              status\n            }\n            meta {\n              status\n              integration {\n                name\n              }\n              message\n              customMeta\n            }\n            rewardRedemptionTransactions {\n              data {\n                exchangedRewards {\n                  data {\n                    prettyValue(locale: $locale)\n                    type\n                    fuelTankCode\n                    globalRewardKey\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n"],["\n  query getReferrals(\n    $programId: ID\n    $rewardFilter: RewardFilterInput\n    $locale: RSLocale\n  ) {\n    viewer {\n      ... on User {\n        referredByReferral(programId: $programId) {\n          dateConverted\n          dateFraudChecksCompleted\n          dateModerated\n          dateModified\n          dateReferralEnded\n          dateReferralPaid\n          dateReferralStarted\n          dateUserModified\n          referrerUser {\n            firstName\n            lastName\n          }\n          rewards(filter: $rewardFilter) {\n            id\n            type\n            value\n            unit\n            name\n            dateGiven\n            dateExpires\n            dateCancelled\n            dateRedeemed\n            dateScheduledFor\n            fuelTankCode\n            fuelTankType\n            currency\n            prettyValue(locale: $locale)\n            statuses\n            globalRewardKey\n            programRewardKey\n            partnerFundsTransfer {\n              id\n              status\n            }\n            meta {\n              status\n              integration {\n                name\n              }\n              message\n              customMeta\n            }\n            rewardRedemptionTransactions {\n              data {\n                exchangedRewards {\n                  data {\n                    prettyValue(locale: $locale)\n                    type\n                    fuelTankCode\n                    globalRewardKey\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n"]));var g=o.gql(__makeTemplateObject(['\n  query getReferrals(\n    $limit: Int!\n    $offset: Int!\n    $referralFilter: ReferralFilterInput\n    $rewardFilter: RewardFilterInput\n    $locale: RSLocale\n  ) {\n    viewer {\n      ... on User {\n        id\n        paidReferrals: referrals(\n          filter: { dateReferralPaid_timeframe: "this_10_years" }\n          limit: 1\n        ) {\n          totalCount\n        }\n        referrals(limit: $limit, offset: $offset, filter: $referralFilter) {\n          totalCount\n          count\n          data {\n            id\n            referredUser {\n              id\n              accountId\n              firstName\n              lastName\n              email\n              programGoals {\n                goalId\n                programId\n                count\n                firstDate\n                lastDate\n                conversionCount\n              }\n            }\n            shareLinkUsed\n            referralCodeUsed\n            moderationStatus\n            dateConverted\n            dateFraudChecksCompleted\n            dateModerated\n            dateModified\n            dateReferralEnded\n            dateReferralPaid\n            dateReferralStarted\n            dateUserModified\n            programId\n            program {\n              id\n              name\n            }\n            fraudData {\n              autoModerationStatus\n              manualModerationStatus\n              moderationStatus\n            }\n            rewards(filter: $rewardFilter) {\n              id\n              type\n              value\n              unit\n              name\n              dateGiven\n              dateExpires\n              dateCancelled\n              dateRedeemed\n              dateScheduledFor\n              fuelTankCode\n              fuelTankType\n              currency\n              prettyValue(locale: $locale)\n              pendingReasons\n              statuses\n              globalRewardKey\n              programRewardKey\n              partnerFundsTransfer {\n                id\n                status\n              }\n              referral {\n                dateModerated\n                fraudData {\n                  autoModerationStatus\n                  manualModerationStatus\n                  moderationStatus\n                }\n              }\n              meta {\n                status\n                integration {\n                  name\n                }\n                message\n                customMeta\n              }\n              rewardRedemptionTransactions {\n                data {\n                  exchangedRewards {\n                    data {\n                      prettyValue(locale: $locale)\n                      type\n                      fuelTankCode\n                      globalRewardKey\n                    }\n                  }\n                }\n              }\n            }\n            childNodes(limit: 10, offset: 0) {\n              data {\n                data {\n                  id\n                  ... on FlatReward {\n                    id\n                    statuses\n                    type\n                    value\n                  }\n                  ... on ProgramEmailTransaction {\n                    id\n                    rewardId\n                    dateCreated\n                    dateSent\n                    dateQueued\n                  }\n                }\n                depth\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n'],['\n  query getReferrals(\n    $limit: Int!\n    $offset: Int!\n    $referralFilter: ReferralFilterInput\n    $rewardFilter: RewardFilterInput\n    $locale: RSLocale\n  ) {\n    viewer {\n      ... on User {\n        id\n        paidReferrals: referrals(\n          filter: { dateReferralPaid_timeframe: "this_10_years" }\n          limit: 1\n        ) {\n          totalCount\n        }\n        referrals(limit: $limit, offset: $offset, filter: $referralFilter) {\n          totalCount\n          count\n          data {\n            id\n            referredUser {\n              id\n              accountId\n              firstName\n              lastName\n              email\n              programGoals {\n                goalId\n                programId\n                count\n                firstDate\n                lastDate\n                conversionCount\n              }\n            }\n            shareLinkUsed\n            referralCodeUsed\n            moderationStatus\n            dateConverted\n            dateFraudChecksCompleted\n            dateModerated\n            dateModified\n            dateReferralEnded\n            dateReferralPaid\n            dateReferralStarted\n            dateUserModified\n            programId\n            program {\n              id\n              name\n            }\n            fraudData {\n              autoModerationStatus\n              manualModerationStatus\n              moderationStatus\n            }\n            rewards(filter: $rewardFilter) {\n              id\n              type\n              value\n              unit\n              name\n              dateGiven\n              dateExpires\n              dateCancelled\n              dateRedeemed\n              dateScheduledFor\n              fuelTankCode\n              fuelTankType\n              currency\n              prettyValue(locale: $locale)\n              pendingReasons\n              statuses\n              globalRewardKey\n              programRewardKey\n              partnerFundsTransfer {\n                id\n                status\n              }\n              referral {\n                dateModerated\n                fraudData {\n                  autoModerationStatus\n                  manualModerationStatus\n                  moderationStatus\n                }\n              }\n              meta {\n                status\n                integration {\n                  name\n                }\n                message\n                customMeta\n              }\n              rewardRedemptionTransactions {\n                data {\n                  exchangedRewards {\n                    data {\n                      prettyValue(locale: $locale)\n                      type\n                      fuelTankCode\n                      globalRewardKey\n                    }\n                  }\n                }\n              }\n            }\n            childNodes(limit: 10, offset: 0) {\n              data {\n                data {\n                  id\n                  ... on FlatReward {\n                    id\n                    statuses\n                    type\n                    value\n                  }\n                  ... on ProgramEmailTransaction {\n                    id\n                    rewardId\n                    dateCreated\n                    dateSent\n                    dateQueued\n                  }\n                }\n                depth\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n']));var w=o.gql(__makeTemplateObject(["\n  query getImpactTax {\n    viewer {\n      ... on User {\n        id\n        impactConnection {\n          connected\n          taxHandlingEnabled\n          publisher {\n            requiredTaxDocumentType\n            currentTaxDocument {\n              status\n              type\n              dateCreated\n            }\n            withdrawalSettings {\n              paymentMethod\n            }\n            payoutsAccount {\n              hold\n              holdReasons\n              balance\n            }\n          }\n        }\n      }\n    }\n  }\n"],["\n  query getImpactTax {\n    viewer {\n      ... on User {\n        id\n        impactConnection {\n          connected\n          taxHandlingEnabled\n          publisher {\n            requiredTaxDocumentType\n            currentTaxDocument {\n              status\n              type\n              dateCreated\n            }\n            withdrawalSettings {\n              paymentMethod\n            }\n            payoutsAccount {\n              hold\n              holdReasons\n              balance\n            }\n          }\n        }\n      }\n    }\n  }\n"]));function h(e,r,o){var m,h,y,_;var b=d();var C=i();var T=(m=e.programId)!==null&&m!==void 0?m:C;var P=T?T==="classic"?{programId_exists:false}:{programId_eq:T}:{};var I={userId_eq:b===null||b===void 0?void 0:b.id,accountId_eq:b===null||b===void 0?void 0:b.accountId};var $=a((function(e,n){return __assign(__assign({},e),n)}),{columns:[],rows:[],loading:false,page:0}),F=$[0],S=$[1];var k=l();var M=s(v,{programId:T==="classic"?null:T,rewardFilter:I,locale:k},!e.showReferrer||!(b===null||b===void 0?void 0:b.jwt)),x=M.data,L=M.loading,j=M.refetch;var E=(h=x===null||x===void 0?void 0:x.viewer)===null||h===void 0?void 0:h.referredByReferral;var U=e.showReferrer&&!!(E===null||E===void 0?void 0:E.dateReferralStarted);var q=s(w,{},!(b===null||b===void 0?void 0:b.jwt)),D=q.data,N=q.loading;var K=(y=D===null||D===void 0?void 0:D.viewer)===null||y===void 0?void 0:y.impactConnection;var O=u(g,(function(e){var n;return(n=e===null||e===void 0?void 0:e.viewer)===null||n===void 0?void 0:n.referrals}),{limit:e.perPage,offset:0},{referralFilter:P,rewardFilter:I,locale:k},e.showReferrer&&L&&!x||!(b===null||b===void 0?void 0:b.jwt)),V=O.envelope,A=O.states,B=O.callbacks;t((function(){if(A.currentPage===0&&U)B.setLimit(e.perPage-1)}),[U]);t((function(){if(e.showReferrer&&U){B.setLimit(e.perPage-1);B.setCurrentPage(0)}else{B.setLimit(e.perPage);B.setCurrentPage(0)}}),[e.showReferrer]);var G=c();var H=V===null||V===void 0?void 0:V.data;var J=f();function Q(e){return __awaiter(this,void 0,void 0,(function(){var r,a,t,o,d,i,l,s,u,c;var f=this;return __generator(this,(function(m){switch(m.label){case 0:r=e.filter((function(e){return e.slot!=="loading"&&e.slot!=="empty"}));a=r===null||r===void 0?void 0:r.map((function(e){return __awaiter(f,void 0,void 0,(function(){return __generator(this,(function(n){return[2,R(e,(function(){return e.renderLabel()}))]}))}))}));if(!(U&&A.currentPage===0))return[3,2];o=r===null||r===void 0?void 0:r.map((function(e){return __awaiter(f,void 0,void 0,(function(){return __generator(this,(function(r){return[2,R(e,(function(){return e.renderReferrerCell(E,k,n)}))]}))}))}));return[4,Promise.all(o)];case 1:t=m.sent();m.label=2;case 2:d=H===null||H===void 0?void 0:H.map((function(e){return __awaiter(f,void 0,void 0,(function(){var a,t;var o=this;return __generator(this,(function(d){switch(d.label){case 0:a=r===null||r===void 0?void 0:r.map((function(r){return __awaiter(o,void 0,void 0,(function(){return __generator(this,(function(a){return[2,R(r,(function(){return r.renderCell(e,{locale:k,taxConnection:K},n)}))]}))}))}));return[4,Promise.all(a)];case 1:t=d.sent();return[2,t]}}))}))}));l=d;if(!l)return[3,4];s=[[t]];return[4,Promise.all(d)];case 3:l=__spreadArrays.apply(void 0,s.concat([m.sent()])).filter((function(e){return e}));m.label=4;case 4:i=l;S({rows:i});c=a;if(!c)return[3,6];return[4,Promise.all(a)];case 5:c=m.sent();m.label=6;case 6:u=c;S({columns:u,loading:false,page:A.currentPage});return[2]}}))}))}t((function(){S({loading:true});V&&Q(J)}),[V,J,G]);var z=!((_=F===null||F===void 0?void 0:F.rows)===null||_===void 0?void 0:_.length)&&!(H===null||H===void 0?void 0:H.length);var W=A.loading||F.loading||N?"loading":z?"empty":"rows";return{states:{hasNext:A.currentPage<A.pageCount-1,hasPrev:A.currentPage>0,show:W,namespace:p},data:{textOverrides:{showLabels:!e.hideLabels,prevLabel:e.prevLabel,moreLabel:e.moreLabel},hiddenColumns:e.hiddenColumns,smBreakpoint:e.smBreakpoint,mdBreakpoint:e.mdBreakpoint},elements:{columns:F.columns,rows:F.rows,emptyElement:r,loadingElement:o},callbacks:{nextPage:function(){if(A.currentPage===0&&U)B.setLimit(e.perPage);B.setCurrentPage(A.currentPage+1)},prevPage:function(){if(A.currentPage===1&&U)B.setLimit(e.perPage-1);B.setCurrentPage(A.currentPage-1)}}}}function y(e){try{return JSON.stringify(e)}catch(e){return"An unknown error"}}function R(e,r){return __awaiter(this,void 0,void 0,(function(){var a,t,o,d;return __generator(this,(function(i){switch(i.label){case 0:a=e.tagName.toLowerCase();return[4,customElements.whenDefined(a)];case 1:i.sent();try{t=r()}catch(e){if(r.name==="renderReferrerCell"){m("column does not have a renderReferrerCell method.")}else{m("label promise failed",e)}m("label promise failed",e);return[2,n("span",null)]}i.label=2;case 2:i.trys.push([2,4,,5]);return[4,t];case 3:return[2,i.sent()];case 4:o=i.sent();m("Error rendering label",o);d=y(o);return[2,n("details",null,n("summary",null,"Error"),d)];case 5:return[2]}}))}))}}}}));

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

@@ -13,4 +13,6 @@ export declare const FlexReverseRight: () => any;
 export declare const FlexReverseLeft: () => any;
 export declare const NoStatValue: () => any;
 export declare const InvalidStatValue: () => any;
+export declare const CustomStyles: () => any;
 export declare const MultipleStats: () => any;
+export declare const MultipleStatsWithCustomBranding: () => any;

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

@@ -6,5 +6,10 @@ export interface BigStatViewProps {
   flexReverse?: boolean;
   alignment?: "left" | "right" | "center";
   labelSlot?: VNode;
+  statTextColor?: string;
+  statFontSize?: number;
+  descriptionTextColor?: string;
+  descriptionFontSize?: number;
+  statFontWeight?: number;
 }
 export declare function BigStatView(props: BigStatViewProps): any;

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

@@ -1,14 +1,18 @@
-import { BigStatViewProps } from "./sqm-big-stat-view";
 import { DemoData } from "../../global/demo";
+import { BigStatViewProps } from "./sqm-big-stat-view";
 /**
  *
  * @uiName User Stat
+ * @validParents ["sqm-stat-container"]
+ * @validChildren ["p","div","h1","h2","h3","h4","h5","span"]
  * @slots [{"name":"","title":"Stat Text"}]
+ * @uiOrder ["statType", "programId", "*"]
  * @slotEditor richText
  * @exampleGroup Statistics
  * @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>
+ * @example Other Stat - <sqm-big-stat flex-reverse="true" alignment="left" stat-type=""><p>Label</p></sqm-big-stat>
  */
 export declare class BigStat {
   /**
@@ -25,6 +29,7 @@ export declare class BigStat {
    *
    * @uiName Flex reverse
    * @default
+   * @uiGroup Additional Settings
    */
   flexReverse?: boolean;
   /**
@@ -34,6 +39,7 @@ export declare class BigStat {
    * @uiType string
    * @uiEnum ["left", "right", "center"]
    * @uiEnumNames ["Left", "Right", "Center"]
+   * @uiGroup Additional Settings
    */
   alignment?: "left" | "right" | "center";
   /**
@@ -41,8 +47,48 @@ export declare class BigStat {
    *
    * @uiName Program ID
    * @uiWidget programSelector
+   * @uiGroup Additional Settings
    */
   programId?: string;
+  /**
+   * Color of the stat text
+   * @uiName Stat text color
+   * @uiWidget color
+   * @uiType string
+   * @format color
+   * @uiGroup Additional Settings
+   */
+  statTextColor?: string;
+  /**
+   * Font size of the stat text in pixels
+   * @uiName Stat font size
+   * @uiType string
+   * @uiGroup Additional Settings
+   */
+  statFontSize?: number;
+  /**
+   * Font weight of the stat text
+   * @uiName Stat font weight
+   * @uiGroup Additional Settings
+   * @uiEnum [100, 200, 300, 400, 500, 600, 700, 800, 900]
+   * @uiEnumNames ["Thin", "Extra Light", "Light", "Normal", "Medium", "Semi Bold", "Bold", "Extra Bold", "Heavy"]
+   */
+  statFontWeight?: number;
+  /**
+   * Color of the description text
+   * @uiName Description text color
+   * @uiWidget color
+   * @uiType string
+   * @format color
+   * @uiGroup Additional Settings
+   */
+  descriptionTextColor?: string;
+  /**
+   * Font size of the description text in pixels
+   * @uiName Description font size
+   * @uiGroup Additional Settings
+   */
+  descriptionFontSize?: number;
   /**
    * @undocumented
    * @uiType object

package/dist/types/components/sqm-card-feed/sqm-card-feed.d.ts

@@ -1,6 +1,8 @@
 /**
  * @uiName Card Feed
  * @slots [{"name":"","title":"Cards"}]
+ * @validParents ["sqm-brand","sqm-portal-container", "sqm-popup-container", "sqm-titled-section", "div", "sqm-divided-layout", "template", "sqb-program-section", "sqb-conditional-section"]
+ * @validChildren ["sqm-task-card"]
  * @exampleGroup Rewards
  * @example Task Card Feed - <sqm-card-feed gap="24" width="347"> <sqm-task-card reward-amount="20" goal="1" card-title="Complete a Survey" description="Fill out our NPS survey and get 20 points for giving us honest feedback." button-text="Take survey" reward-unit="Points" completed-text="Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}" ended-message="Ended {endDate}" expiry-message="Ends {endDate}" finite="0" starts-on-message="Starts {startDate}" > </sqm-task-card> <sqm-task-card reward-amount="250" goal="500" show-progress-bar card-title="Spend $500" description="Earn 250 points when you spend $500 or more." button-text="See plans" completed-text="Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}" ended-message="Ended {endDate}" expiry-message="Ends {endDate}" progress-bar-unit="$" finite="0" reward-unit="Points" starts-on-message="Starts {startDate}" > </sqm-task-card> <sqm-task-card goal="1" reward-amount="50" card-title="Follow Us on X" description="Earn 50 points when you Follow Us on X!" button-text="Follow" button-link="https://twitter.com/" open-new-tab="true" event-key="socialFollow" completed-text="Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}" ended-message="Ended {endDate}" expiry-message="Ends {endDate}" finite="0" reward-unit="Points" starts-on-message="Starts {startDate}" > </sqm-task-card> <sqm-task-card reward-amount="1" reward-unit="Free Month" goal="1" card-title="Upgrade Your Plan" description="Receive one free month for being a committed customer when you upgrade your plan." button-text="Upgrade" completed-text="Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}" ended-message="Ended {endDate}" expiry-message="Ends {endDate}" open-new-tab="false" finite="0" starts-on-message="Starts {startDate}" > </sqm-task-card> </sqm-card-feed>
  */

package/dist/types/components/sqm-coupon-code/CouponCode.stories.d.ts

@@ -6,6 +6,7 @@ declare const _default: {
 };
 export default _default;
 export declare const CouponCode: () => any;
+export declare const CouponCodeWithSecondaryButtonType: () => any;
 export declare const CustomTooltipText: () => any;
 export declare const CustomTooltipDuration: () => any;
 export declare const TextAlignCenter: () => any;

package/dist/types/components/sqm-coupon-code/sqm-coupon-code-view.d.ts

@@ -2,5 +2,7 @@ import { CopyTextViewProps } from "../views/copy-text-view";
 export interface CouponCodeViewProps extends CopyTextViewProps {
   errorType?: "error" | "warning" | "info" | "success";
   couponCodeLabel?: string;
+  textColor?: string;
+  buttonType: "primary" | "secondary";
 }
 export declare function CouponCodeView(props: CouponCodeViewProps): any;

package/dist/types/components/sqm-coupon-code/sqm-coupon-code.d.ts

@@ -2,6 +2,7 @@ import { DemoData } from "../../global/demo";
 import { CouponCodeViewProps } from "./sqm-coupon-code-view";
 /**
  * @uiName Coupon Code
+ * @validParents ["sqm-brand","sqm-portal-container","div","sqm-popup-container","sqm-hero","sqm-referral-card","sqm-titled-section", "sqb-program-section", "sqb-conditional-section"]
  * @compatibility Built for instant access
  * @exampleGroup Instant Access
  * @example Coupon Code - <sqm-coupon-code tooltip-text="Copied to Clipboard" tooltip-lifespan="1000"></sqm-coupon-code>
@@ -31,6 +32,7 @@ export declare class CouponCode {
    * @uiType string
    * @uiEnum ["left", "center", "right"]
    * @uiEnumNames ["Left", "Center", "Right"]
+   * @uiGroup Style
    */
   textAlign?: "left" | "center" | "right";
   /**
@@ -44,6 +46,7 @@ export declare class CouponCode {
    * @uiType string
    * @uiEnum ["icon", "button-outside", "button-below"]
    * @uiEnumNames ["Icon", "Button outside", "Button below"]
+   * @uiGroup Style
    */
   buttonStyle?: "icon" | "button-outside" | "button-below";
   /**
@@ -121,6 +124,46 @@ export declare class CouponCode {
    * @uiGroup Coupon code error
    */
   couponCodePlaceholder: string;
+  /**
+   * Border color of share link container
+   * @uiName Border color
+   * @uiWidget color
+   * @format color
+   * @uiGroup Style
+   */
+  borderColor?: string;
+  /**
+   * Color of the text and copy icon
+   * @uiName Text color
+   * @uiWidget color
+   * @format color
+   * @uiGroup Style
+   */
+  textColor?: string;
+  /**
+   * The border radius on the share link container (in pixels)
+   * @uiName Border Radius
+   * @uiType number
+   * @uiGroup Style
+   */
+  borderRadius?: string;
+  /**
+   * The type of the button (primary or secondary) that will be used to copy the link.
+   * @uiName Button Type
+   * @uiType string
+   * @uiEnum ["primary", "secondary"]
+   * @uiEnumNames ["Primary", "Secondary"]
+   * @uiGroup Style
+   */
+  buttonType?: "primary" | "secondary";
+  /**
+   * Background color of share link container
+   * @uiName Background color
+   * @uiWidget color
+   * @format color
+   * @uiGroup Style
+   */
+  backgroundColor?: string;
   /**
    * @undocumented
    * @uiType object

package/dist/types/components/sqm-coupon-code/useCouponCode.d.ts

@@ -9,6 +9,7 @@ interface CouponCodeProps {
   pendingErrorText: string;
   redeemedErrorText: string;
   genericErrorText: string;
+  buttonType?: "primary" | "secondary";
   codeSyncErrorText: string;
   codeSyncErrorRetryText: string;
 }

package/dist/types/components/sqm-divided-layout/sqm-divided-layout-view.d.ts

@@ -2,7 +2,10 @@ import { VNode } from "../../stencil-public-runtime";
 interface DividedLayoutViewProps {
   direction: "row" | "column";
   contentAreaWidth?: string | null;
-  dividerStyle: string;
+  dividerStyle?: string;
+  backgroundColor?: string;
+  borderless?: boolean;
+  borderColor?: string;
 }
 export declare function DividedLayoutView(props: DividedLayoutViewProps, children: VNode): any;
 export {};

package/dist/types/components/sqm-divided-layout/sqm-divided-layout.d.ts

@@ -3,6 +3,8 @@
  * Spacing is left up to the child
  *
  * @uiName Divided Layout
+ * @validParents ["sqm-brand","sqm-portal-container","div","sqm-popup-container","sqm-hero","sqm-referral-card","sqm-titled-section","sqb-program-section","sqb-conditional-section", "sqm-divided-layout"]
+ * @exampleGroup Layout
  * @slots [{"name":"", "title":"Layout Content"}]
  */
 export declare class DividedLayout {
@@ -20,10 +22,23 @@ export declare class DividedLayout {
    */
   contentAreaWidth: string | null;
   /**
+   * @undocumented
    * Uses Shorthand CSS border syntax allowing specification of thickness, fill style and color.
    * @uiName Border style
    */
   dividerStyle: string;
+  /**
+   * Background color of the divider
+   * @uiName Background Color
+   * @uiWidget color
+   */
+  backgroundColor?: string;
+  /**
+   * Color of the divider (defaults to default text color if none is set)
+   * @uiName Border Color
+   * @uiWidget color
+   */
+  borderColor?: string;
   constructor();
   disconnectedCallback(): void;
   render(): any;

package/dist/types/components/sqm-form-message/FormMessage.stories.d.ts

@@ -6,4 +6,3 @@ export declare const SuccessAlert: () => any;
 export declare const ErrorAlert: () => any;
 export declare const WarningAlert: () => any;
 export declare const InfoAlert: () => any;
-export declare const FullStackSuccess: () => any;

package/dist/types/components/sqm-header-logo/sqm-header-logo.d.ts

@@ -1,5 +1,6 @@
 /**
  * @uiName Header Logo
+ * @validParents ["sqm-portal-frame","div","sqm-brand"]
  */
 export declare class HeroImage {
   /**

package/dist/types/components/sqm-hero/Hero.stories.d.ts

@@ -16,3 +16,4 @@ export declare const TwoColumnLoginNoPadding: () => any;
 export declare const TwoColumnLoginReverseWrap: () => any;
 export declare const TwoColumnLoginWithImgElement: () => any;
 export declare const MinHeight: () => any;
+export declare const InstantAccessLoggedOutView: () => any;

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

@@ -7,6 +7,7 @@ export interface HeroProps {
     secondaryBackground?: string;
     paddingSize: "none" | "small" | "medium" | "large";
     wrapDirection: "wrap" | "wrap-reverse";
+    columnToHideInMobile?: "primary" | "secondary" | null;
   };
   content: {
     primaryColumn?: VNode | VNode[];

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

@@ -1,5 +1,6 @@
 /**
  * @uiName Hero Layout
+ * @validParents ["sqm-portal-container","sqm-brand","div", "template", "sqb-auth-template-switch", "div","sqm-divided-layout","template","sqm-tab","sqb-program-section","sqb-conditional-section"]
  * @slots [{"name":"","title":"Primary Column Content"},{"name":"secondary-column","title":"Secondary Column Content"}]
  * @example Two Column Hero Layout - <sqm-hero background="https://images.unsplash.com/photo-1599676821464-3555954838dc?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&amp;ixlib=rb-1.2.1&amp;auto=format&amp;fit=crop&amp;w=1939&amp;q=80" min-height="0" columns="2" padding-size="large" wrap-direction="wrap" secondary-background="lightgrey"><h1>Primary Column Content</h1><h1 slot="secondary-column">Secondary Column Content</h1></sqm-hero>
  * @exampleGroup Layout
@@ -19,7 +20,7 @@ export declare class Hero {
    */
   minHeight: number;
   /**
-   * Can be an image url, colour or Shoelace variable.
+   * Add an image or select a color. Recommended image aspect ratio of 4:5
    *
    * @uiName Background
    * @uiWidget Background
@@ -46,6 +47,13 @@ export declare class Hero {
    * @uiEnumNames ["Wrap", "Wrap Reverse"]
    */
   wrapDirection: "wrap" | "wrap-reverse";
+  /**
+   * Can only be used when two columns are present
+   * @uiName Hide the column in mobile view
+   * @uiEnum ["primary", "secondary", "null"]
+   * @uiEnumNames ["Primary", "Secondary", "None"]
+   */
+  columnToHideInMobile?: "primary" | "secondary" | null;
   constructor();
   disconnectedCallback(): void;
   render(): any;

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

@@ -17,5 +17,6 @@ export interface HeroImageViewProps {
   paddingImage?: Spacing;
   imagePos: "left" | "center" | "right";
   imageMobilePos: "top" | "bottom";
+  buttonType?: "primary" | "secondary";
 }
 export declare function HeroImageView(props: HeroImageViewProps, children: VNode): any;

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

@@ -1,6 +1,7 @@
 import { Spacing } from "../../global/mixins";
 /**
  * @uiName Hero Image
+ * @validParents ["sqm-portal-container","sqm-brand", "div"]
  * @exampleGroup Common Components
  * @example Two Column Hero Image - <sqm-hero-image image-url="https://res.cloudinary.com/saasquatch/image/upload/v1644000275/squatch-assets/yr6ER3R.png" header="MyCompany Rewards" description="Refer a friend and earn up to $1200 in rewards" layout="columns" image-pos="right" background-color="#F9F9F9"></sqm-hero-image>
  * @example Overlay Hero Image - <sqm-hero-image image-url="https://res.cloudinary.com/saasquatch/image/upload/v1644000275/squatch-assets/yr6ER3R.png" header="MyCompany Rewards" description="Refer a friend and earn up to $1200 in rewards" layout="overlay" image-pos="center" background-color="#F9F9F9" button-link="https://www.example.com" button-new-tab button-text="Earn!" image-percentage="45" overlay-opacity=".5" padding-image="small" padding-text="xxxx-large"></sqm-hero-image>
@@ -16,22 +17,26 @@ export declare class HeroImage {
    * @uiName Overlay color
    * @uiWidget color
    * @format color
+   * @uiGroup Style
    */
   overlayColor?: string;
   /**
    * @uiName Overlay opacity
+   * @uiGroup Style
    */
   overlayOpacity: string;
   /**
    * @uiName Text color
    * @uiWidget color
    * @format color
+   * @uiGroup Style
    */
   textColor?: string;
   /**
    * @uiName Background color
    * @uiWidget color
    * @format color
+   * @uiGroup Style
    */
   backgroundColor?: string;
   /**
@@ -39,11 +44,13 @@ export declare class HeroImage {
    * @uiType string
    * @uiEnum ["overlay", "columns"]
    * @uiEnumNames ["Overlay", "Two-column"]
+   * @uiGroup Style
    */
   layout: "overlay" | "columns";
   /**
    * @uiName Image percentage
    * @uiType number
+   * @uiGroup Style
    */
   imagePercentage: number;
   /**
@@ -51,6 +58,7 @@ export declare class HeroImage {
    * @uiType string
    * @uiEnum ["left", "center", "right"]
    * @uiEnumNames ["Left", "Center", "Right"]
+   * @uiGroup Style
    */
   imagePos: "left" | "center" | "right";
   /**
@@ -58,6 +66,7 @@ export declare class HeroImage {
    * @uiType string
    * @uiEnum ["top", "bottom"]
    * @uiEnumNames ["Top", "Bottom"]
+   * @uiGroup Style
    */
   imageMobilePos: "top" | "bottom";
   /**
@@ -87,6 +96,7 @@ export declare class HeroImage {
    * @uiType string
    * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
    * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+   * @uiGroup Style
    */
   paddingText: Spacing;
   /**
@@ -94,8 +104,18 @@ export declare class HeroImage {
    * @uiType string
    * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
    * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+   * @uiGroup Style
    */
   paddingImage: Spacing;
+  /**
+   * The type of the button that is used (primary or secondary).
+   * @uiName Button Type
+   * @uiType string
+   * @uiEnum ["primary", "secondary"]
+   * @uiEnumNames ["Primary", "Secondary"]
+   * @uiGroup Style
+   */
+  buttonType?: "primary" | "secondary";
   constructor();
   disconnectedCallback(): void;
   render(): any;

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

@@ -1,5 +1,6 @@
 /**
  * @uiName Image
+ * @validParents ["sqm-brand","div","sqm-portal-container","sqm-divided-layout","sqm-titled-section", "sqb-program-section", "sqb-conditional-section"]
  * @exampleGroup Common Components
  * @example Image - <sqm-image image-url="https://res.cloudinary.com/saasquatch/image/upload/v1644000259/squatch-assets/tn47wOj.png" alignment="center"></sqm-image>
  */

package/dist/types/components/sqm-instant-access-registration/sqm-instant-access-registration.d.ts

@@ -2,9 +2,10 @@ import { DemoData } from "../../global/demo";
 import { EmailRegistrationViewProps } from "../views/email-registration-view";
 /**
  * @uiName Instant Access Registration
+ * @validParents ["sqm-portal-container","div","sqm-hero","template", "sqb-program-section", "sqb-conditional-section"]
  * @compatibility Built for instant access
  * @exampleGroup Instant Access
- * @example Instant Access Registration - <sqm-instant-access-registration></sqm-instant-access-registration>
+ * @example Advocate Registration - <sqm-instant-access-registration></sqm-instant-access-registration>
  * @slots [{"name":"top","title":"Top Content"},{"name":"bottom","title":"Bottom Content"}]
  */
 export declare class InstantAccessRegistration {

package/dist/types/components/sqm-invoice-table/columns/InvoiceTableColumn.d.ts

@@ -1,4 +1,5 @@
 import { VNode } from "../../../stencil-public-runtime";
+import { ImpactConnection, Invoice } from "../../../saasquatch";
 export interface InvoiceTableColumn {
   renderLabel(idx?: number): Promise<string>;
   renderCell(data: Invoice, options: {

package/dist/types/components/sqm-invoice-table/columns/sqm-invoice-table-data-column.d.ts

@@ -1,3 +1,4 @@
+import { Invoice } from "../../../saasquatch";
 import { InvoiceTableColumn } from "./InvoiceTableColumn";
 /**
  * @uiName Invoice Table Data Column

package/dist/types/components/sqm-invoice-table/columns/sqm-invoice-table-date-column.d.ts

@@ -1,3 +1,4 @@
+import { Invoice } from "../../../saasquatch";
 import { InvoiceTableColumn } from "./InvoiceTableColumn";
 /**
  * @uiName Invoice Table Date Column

package/dist/types/components/sqm-invoice-table/columns/sqm-invoice-table-download-column.d.ts

@@ -1,3 +1,4 @@
+import { Invoice } from "../../../saasquatch";
 import { InvoiceTableColumn } from "./InvoiceTableColumn";
 /**
  * @uiName Invoice Table Download Column

package/dist/types/components/sqm-invoice-table/mockInvoiceData.d.ts

@@ -1,3 +1,4 @@
+import { Invoice } from "../../saasquatch";
 declare const _default: (count?: number) => {
   data: Invoice[];
 };

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

@@ -1,8 +1,11 @@
 import { DemoData } from "../../global/demo";
+import { Invoice } from "../../saasquatch";
 import { GenericTableViewProps } from "../../tables/GenericTableView";
 /**
  * @uiName Invoice Table
  * @exampleGroup Invoices
+ * @validParents ["sqm-portal-container","div","sqm-divided-layout","template","sqm-tab","sqb-program-section","sqb-conditional-section"]
+ * @validChildren ["p","div","h1","h2","h3","h4","h5","span"]
  * @slots [{"name":"", "title":"Table Row"},{"name":"empty", "title":"Empty"},{"name":"loading","title":"Loading"}]
  * @example Invoice Table - <sqm-invoice-table per-page="4" hidden-columns="2" more-label="Next" prev-label="Prev" sm-breakpoint="599" md-breakpoint="799" ><sqm-invoice-table-download-column></sqm-invoice-table-download-column><sqm-invoice-table-date-column column-title="Date"></sqm-invoice-table-date-column><sqm-invoice-table-data-column column-title="Invoice" property="invoiceId"></sqm-invoice-table-data-column><sqm-invoice-table-data-column column-title="Earnings" property="earnings"></sqm-invoice-table-data-column><sqm-invoice-table-data-column column-title="Indirect tax" property="indirectTax"></sqm-invoice-table-data-column><sqm-invoice-table-data-column column-title="Earnings after tax" property="netEarnings"></sqm-invoice-table-data-column><sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1710363322/squatch-assets/invoice-table-empty.png" empty-state-header="View your invoice details" empty-state-text="Refer a friend to view the status of your invoices and rewards earned" slot="empty" ></sqm-empty ></sqm-invoice-table> */
 export declare class InvoiceTable {

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

@@ -11,6 +11,7 @@ export declare const Essentials: () => any;
 export declare const One: () => any;
 export declare const Five: () => any;
 export declare const ReferralLeaderboard: () => any;
+export declare const ReferralLeaderboardWithCustomStyles: () => any;
 export declare const ReferralLeaderboardWithMaxWidth: () => any;
 export declare const PointsLeaderboard: () => any;
 export declare const TenWithRank: () => any;

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

@@ -11,10 +11,16 @@ export interface LeaderboardViewProps {
       showRank?: boolean;
       hideViewer?: boolean;
       viewingUserText?: string;
+      viewingUserHighlightColor?: string;
+      viewingUserHighlightTextColor?: string;
       hideNames?: boolean;
       anonymousUser?: string;
       rankSuffix?: string;
       width?: string;
+      background?: string;
+      borderColor?: string;
+      textColor?: string;
+      borderRadius?: number;
     };
   };
   data: {