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

package/dist/cjs/mint-components.cjs.js

@@ -44,5 +44,5 @@ const patchCloneNodeFix = (HTMLElementPrototype) => {
 };
 
 patchBrowser().then(options => {
-  return index.bootstrapLazy(JSON.parse("[[\"sqm-stencilbook.cjs\",[[4,\"sqm-stencilbook\",{\"ignored\":[32]}]]],[\"sqm-leaderboard.cjs\",[[1,\"sqm-leaderboard\",{\"usersheading\":[1],\"statsheading\":[1],\"rankheading\":[1],\"showRank\":[4,\"show-rank\"],\"showUser\":[4,\"show-user\"],\"rankType\":[1,\"rank-type\"],\"leaderboardType\":[1,\"leaderboard-type\"],\"anonymousUser\":[1,\"anonymous-user\"],\"interval\":[1],\"emptyStateImage\":[1,\"empty-state-image\"],\"emptyStateHeader\":[1,\"empty-state-header\"],\"emptyStateText\":[1,\"empty-state-text\"],\"demoData\":[16],\"ignored\":[32]}]]],[\"sqm-portal-reset-password.cjs\",[[1,\"sqm-portal-reset-password\",{\"nextPage\":[1,\"next-page\"],\"failedPage\":[1,\"failed-page\"],\"confirmPassword\":[4,\"confirm-password\"],\"resetPasswordHeader\":[1,\"reset-password-header\"],\"passwordResetHeader\":[1,\"password-reset-header\"],\"resetPasswordButtonText\":[1,\"reset-password-button-text\"],\"continueButtonText\":[1,\"continue-button-text\"],\"confirmPasswordFieldLabel\":[1,\"confirm-password-field-label\"],\"passwordFieldLabel\":[1,\"password-field-label\"],\"demoData\":[16],\"ignored\":[32]}]]],[\"sqm-portal-email-verification.cjs\",[[1,\"sqm-portal-email-verification\",{\"redirectPath\":[1,\"redirect-path\"],\"emailVerificationHeader\":[1,\"email-verification-header\"],\"resendEmailButtonText\":[1,\"resend-email-button-text\"],\"verifyMessage\":[1,\"verify-message\"],\"demoData\":[16],\"ignored\":[32]}]]],[\"sqm-portal-forgot-password.cjs\",[[1,\"sqm-portal-forgot-password\",{\"redirectPath\":[1,\"redirect-path\"],\"emailLabel\":[1,\"email-label\"],\"submitLabel\":[1,\"submit-label\"],\"loginPath\":[1,\"login-path\"],\"demoData\":[16],\"ignored\":[32]}]]],[\"sqm-portal-profile.cjs\",[[1,\"sqm-portal-profile\",{\"firstnametext\":[1],\"lastnametext\":[1],\"emailtext\":[1],\"countrytext\":[1],\"editProfileHeader\":[1,\"edit-profile-header\"],\"editProfileSubHeader\":[1,\"edit-profile-sub-header\"],\"submitChangeButtonText\":[1,\"submit-change-button-text\"],\"showCountry\":[4,\"show-country\"],\"demoData\":[16],\"ignored\":[32]}]]],[\"sqm-portal-verify-email.cjs\",[[1,\"sqm-portal-verify-email\",{\"nextPage\":[1,\"next-page\"],\"failedPage\":[1,\"failed-page\"],\"demoData\":[16],\"ignored\":[32]}]]],[\"sqm-asset-card.cjs\",[[1,\"sqm-asset-card\",{\"titleText\":[1,\"title-text\"],\"imgUrl\":[1,\"img-url\"],\"demoData\":[16],\"ignored\":[32]}]]],[\"sqm-big-stat.cjs\",[[1,\"sqm-big-stat\",{\"statType\":[1,\"stat-type\"],\"flexReverse\":[4,\"flex-reverse\"],\"alignment\":[1],\"programId\":[1,\"program-id\"],\"demoData\":[16],\"ignored\":[32]}]]],[\"sqm-graphql-client-provider.cjs\",[[4,\"sqm-graphql-client-provider\",{\"domain\":[1],\"ignored\":[32]}]]],[\"sqm-hero.cjs\",[[1,\"sqm-hero\",{\"columns\":[2],\"background\":[1],\"paddingSize\":[1,\"padding-size\"],\"secondaryBackground\":[1,\"secondary-background\"],\"wrapDirection\":[1,\"wrap-direction\"]}]]],[\"sqm-leaderboard-rank.cjs\",[[1,\"sqm-leaderboard-rank\",{\"rankType\":[1,\"rank-type\"],\"rankText\":[1,\"rank-text\"],\"leaderboardType\":[1,\"leaderboard-type\"],\"unrankedText\":[1,\"unranked-text\"],\"interval\":[1],\"demoData\":[16]}]]],[\"sqm-name-fields.cjs\",[[0,\"sqm-name-fields\",{\"firstNameLabel\":[1,\"first-name-label\"],\"lastNameLabel\":[1,\"last-name-label\"],\"demoData\":[16],\"ignored\":[32]}]]],[\"sqm-navigation-sidebar.cjs\",[[1,\"sqm-navigation-sidebar\",{\"ignored\":[32]}]]],[\"sqm-navigation-sidebar-item.cjs\",[[1,\"sqm-navigation-sidebar-item\",{\"path\":[1],\"icon\":[1],\"label\":[1],\"demoData\":[16]}]]],[\"sqm-popup-container.cjs\",[[4,\"sqm-popup-container\",{\"poweredBy\":[4,\"powered-by\"],\"closeButton\":[4,\"close-button\"],\"closeButtonText\":[1,\"close-button-text\"],\"embedPadding\":[1,\"embed-padding\"],\"popupPadding\":[1,\"popup-padding\"]}]]],[\"sqm-portal-footer.cjs\",[[1,\"sqm-portal-footer\",{\"supportEmail\":[1,\"support-email\"],\"supportText\":[1,\"support-text\"],\"termsLink\":[1,\"terms-link\"],\"termsText\":[1,\"terms-text\"],\"faqLink\":[1,\"faq-link\"],\"faqText\":[1,\"faq-text\"],\"showPoweredBy\":[4,\"show-powered-by\"],\"poweredByLink\":[1,\"powered-by-link\"],\"paddingTop\":[1,\"padding-top\"],\"paddingRight\":[1,\"padding-right\"],\"paddingBottom\":[1,\"padding-bottom\"],\"paddingLeft\":[1,\"padding-left\"],\"ignored\":[32]}]]],[\"sqm-portal-logout.cjs\",[[1,\"sqm-portal-logout\",{\"nextPage\":[1,\"next-page\"],\"ignored\":[32]}]]],[\"sqm-portal-protected-route.cjs\",[[1,\"sqm-portal-protected-route\",{\"redirectTo\":[1,\"redirect-to\"],\"requireEmailVerification\":[4,\"require-email-verification\"],\"redirectToUnverified\":[1,\"redirect-to-unverified\"],\"ignored\":[32]}]]],[\"sqm-refresh-button.cjs\",[[1,\"sqm-refresh-button\",{\"icon\":[1]}]]],[\"sqm-route.cjs\",[[1,\"sqm-route\",{\"path\":[1],\"ignored\":[32]}]]],[\"sqm-stat-container.cjs\",[[1,\"sqm-stat-container\",{\"space\":[1],\"ignored\":[32]}]]],[\"sqm-text-span.cjs\",[[0,\"sqm-text-span\",{\"text\":[1],\"type\":[1],\"ignored\":[32]}]]],[\"sqm-password-field.cjs\",[[0,\"sqm-password-field\",{\"fieldLabel\":[1,\"field-label\"],\"enableValidation\":[4,\"enable-validation\"],\"demoData\":[16],\"ignored\":[32]}]]],[\"sqm-image_4.cjs\",[[1,\"sqm-image\",{\"imageUrl\":[1,\"image-url\"],\"left\":[1],\"right\":[1],\"align\":[1],\"backgroundColor\":[1,\"background-color\"],\"minHeight\":[1,\"min-height\"],\"maxWidth\":[1,\"max-width\"],\"ignored\":[32]}],[1,\"sqm-portal-container\",{\"direction\":[1],\"padding\":[1],\"gap\":[1],\"minWidth\":[1,\"min-width\"],\"display\":[1],\"maxWidth\":[1,\"max-width\"],\"ignored\":[32]}],[4,\"sqm-text\",{\"ignored\":[32]}],[1,\"sqm-titled-section\",{\"label\":[1],\"align\":[1],\"labelMargin\":[1,\"label-margin\"],\"padding\":[1]}]]],[\"sqm-form-message.cjs\",[[1,\"sqm-form-message\",{\"type\":[1],\"icon\":[1],\"ignored\":[32]}]]],[\"sqm-brand_27.cjs\",[[1,\"sqm-portal-change-password\",{\"modalChangePasswordHeader\":[1,\"modal-change-password-header\"],\"cancelText\":[1,\"cancel-text\"],\"changePasswordButtonText\":[1,\"change-password-button-text\"],\"passwordFieldLabel\":[1,\"password-field-label\"],\"confirmPasswordFieldLabel\":[1,\"confirm-password-field-label\"],\"successMessage\":[1,\"success-message\"],\"portalChangePasswordHeader\":[1,\"portal-change-password-header\"],\"portalChangePasswordButtonText\":[1,\"portal-change-password-button-text\"],\"demoData\":[16],\"ignored\":[32]}],[1,\"sqm-portal-register\",{\"nextPage\":[1,\"next-page\"],\"redirectPath\":[1,\"redirect-path\"],\"emailLabel\":[1,\"email-label\"],\"passwordLabel\":[1,\"password-label\"],\"submitLabel\":[1,\"submit-label\"],\"loginLabel\":[1,\"login-label\"],\"confirmPasswordLabel\":[1,\"confirm-password-label\"],\"confirmPassword\":[4,\"confirm-password\"],\"enablePasswordValidation\":[4,\"enable-password-validation\"],\"hideInputs\":[4,\"hide-inputs\"],\"pageLabel\":[1,\"page-label\"],\"loginPath\":[1,\"login-path\"],\"demoData\":[16],\"ignored\":[32]}],[1,\"sqm-edit-profile\",{\"editprofileheader\":[1],\"editprofiletext\":[1],\"canceltext\":[1],\"updatetext\":[1],\"firstnametext\":[1],\"lastnametext\":[1],\"currentregiontext\":[1],\"showregion\":[4],\"demoData\":[16],\"ignored\":[32]}],[1,\"sqm-portal-login\",{\"nextPage\":[1,\"next-page\"],\"emailLabel\":[1,\"email-label\"],\"passwordLabel\":[1,\"password-label\"],\"submitLabel\":[1,\"submit-label\"],\"forgotPasswordLabel\":[1,\"forgot-password-label\"],\"registerLabel\":[1,\"register-label\"],\"pageLabel\":[1,\"page-label\"],\"registerPath\":[1,\"register-path\"],\"forgotPasswordPath\":[1,\"forgot-password-path\"],\"demoData\":[16],\"ignored\":[32]}],[1,\"sqm-brand\",{\"brandColor\":[1,\"brand-color\"],\"brandFont\":[1,\"brand-font\"],\"background\":[1]}],[1,\"sqm-card-feed\",{\"width\":[2],\"gap\":[2],\"ignored\":[32]}],[1,\"sqm-divided-layout\",{\"direction\":[1],\"dividerStyle\":[1,\"divider-style\"]}],[1,\"sqm-hero-image\",{\"imageUrl\":[1,\"image-url\"],\"minHeight\":[1,\"min-height\"],\"maxHeight\":[1,\"max-height\"],\"maxWidth\":[1,\"max-width\"],\"overlayColor\":[1,\"overlay-color\"],\"overlayOpacity\":[1,\"overlay-opacity\"],\"textColor\":[1,\"text-color\"],\"backgroundColor\":[1,\"background-color\"],\"layout\":[1],\"imagePercentage\":[2,\"image-percentage\"],\"imagePos\":[1,\"image-pos\"],\"imageMobilePos\":[1,\"image-mobile-pos\"],\"header\":[1],\"description\":[1],\"buttonText\":[1,\"button-text\"],\"buttonLink\":[1,\"button-link\"],\"buttonNewTab\":[4,\"button-new-tab\"],\"paddingText\":[1,\"padding-text\"],\"paddingImage\":[1,\"padding-image\"]}],[0,\"sqm-hook-story-container\",{\"hookStory\":[16],\"ignored\":[32]}],[1,\"sqm-navigation-menu\",{\"includeDropdown\":[4,\"include-dropdown\"],\"menuLabel\":[1,\"menu-label\"],\"demoData\":[16],\"ignored\":[32]}],[1,\"sqm-portal-frame\",{\"demoData\":[16],\"ignored\":[32]}],[1,\"sqm-program-explainer\",{\"header\":[1],\"textColor\":[1,\"text-color\"],\"backgroundColor\":[1,\"background-color\"],\"ignored\":[32]}],[1,\"sqm-program-explainer-step\",{\"header\":[1],\"description\":[1],\"textColor\":[1,\"text-color\"],\"backgroundColor\":[1,\"background-color\"],\"imageUrl\":[1,\"image-url\"],\"icon\":[1]}],[4,\"sqm-program-menu\",{\"ignored\":[32]}],[1,\"sqm-referral-card\",{\"header\":[1],\"description\":[1],\"padding\":[1],\"verticalAlignment\":[1,\"vertical-alignment\"],\"ignored\":[32]}],[0,\"sqm-referral-iframe\",{\"iframeSrc\":[1,\"iframe-src\"],\"iframeHeight\":[1,\"iframe-height\"],\"iframeWidth\":[1,\"iframe-width\"],\"demoData\":[16],\"ignored\":[32]}],[1,\"sqm-reward-exchange-list\",{\"buttonText\":[1,\"button-text\"],\"notAvailableError\":[1,\"not-available-error\"],\"chooseRewardTitle\":[1,\"choose-reward-title\"],\"chooseAmountTitle\":[1,\"choose-amount-title\"],\"confirmationTitle\":[1,\"confirmation-title\"],\"rewardTitle\":[1,\"reward-title\"],\"cancelText\":[1,\"cancel-text\"],\"backText\":[1,\"back-text\"],\"continueText\":[1,\"continue-text\"],\"continueToConfirmationText\":[1,\"continue-to-confirmation-text\"],\"redeemText\":[1,\"redeem-text\"],\"redeemTitle\":[1,\"redeem-title\"],\"redemptionSuccessText\":[1,\"redemption-success-text\"],\"sourceAmountMessage\":[1,\"source-amount-message\"],\"tooltiptext\":[1],\"doneText\":[1,\"done-text\"],\"selectText\":[1,\"select-text\"],\"queryError\":[1,\"query-error\"],\"redemptionError\":[1,\"redemption-error\"],\"notEnoughError\":[1,\"not-enough-error\"],\"promoCode\":[1,\"promo-code\"],\"skeletonCardNum\":[2,\"skeleton-card-num\"],\"rewardNameTitle\":[1,\"reward-name-title\"],\"rewardAmountTitle\":[1,\"reward-amount-title\"],\"costTitle\":[1,\"cost-title\"],\"demoData\":[16],\"ignored\":[32]}],[4,\"sqm-router\",{\"ignored\":[32]}],[1,\"sqm-share-button\",{\"medium\":[1],\"programId\":[1,\"program-id\"],\"borderradius\":[2],\"backgroundcolor\":[1],\"textcolor\":[1],\"pill\":[4],\"disabled\":[4],\"type\":[1],\"size\":[1],\"iconslot\":[1],\"icon\":[1],\"hideicon\":[4],\"hidetext\":[4],\"sharetitle\":[1],\"sharetext\":[1],\"demoData\":[16]}],[1,\"sqm-share-code\",{\"programId\":[1,\"program-id\"],\"tooltiptext\":[1,\"tooltip-text\"],\"tooltiplifespan\":[2,\"tooltip-lifespan\"],\"demoData\":[16]}],[1,\"sqm-share-link\",{\"programId\":[1,\"program-id\"],\"tooltiptext\":[1,\"tooltip-text\"],\"tooltiplifespan\":[2,\"tooltip-lifespan\"],\"demoData\":[16]}],[1,\"sqm-task-card\",{\"rewardAmount\":[1,\"reward-amount\"],\"rewardUnit\":[1,\"reward-unit\"],\"cardTitle\":[1,\"card-title\"],\"description\":[1],\"repeatable\":[4],\"finite\":[2],\"showProgressBar\":[4,\"show-progress-bar\"],\"goal\":[2],\"steps\":[4],\"progressBarUnit\":[1,\"progress-bar-unit\"],\"showExpiry\":[4,\"show-expiry\"],\"expiryMessage\":[1,\"expiry-message\"],\"rewardDuration\":[1,\"reward-duration\"],\"startsOnMessage\":[1,\"starts-on-message\"],\"displayDuration\":[1,\"display-duration\"],\"endedMessage\":[1,\"ended-message\"],\"completedText\":[1,\"completed-text\"],\"buttonText\":[1,\"button-text\"],\"buttonLink\":[1,\"button-link\"],\"openNewTab\":[4,\"open-new-tab\"],\"statType\":[1,\"stat-type\"],\"eventKey\":[1,\"event-key\"],\"programId\":[1,\"program-id\"],\"demoData\":[16],\"ignored\":[32]}],[1,\"sqm-timeline\",{\"icon\":[1],\"ignored\":[32]}],[1,\"sqm-timeline-entry\",{\"reward\":[1],\"unit\":[1],\"desc\":[1],\"line\":[4],\"icon\":[1],\"ignored\":[32]}],[1,\"sqm-user-name\",{\"fallback\":[1],\"loadingText\":[1,\"loading-text\"],\"demoData\":[16],\"_ignored\":[32]}],[1,\"sqm-table-cell\",{\"colspan\":[2],\"padding\":[1]}],[1,\"sqm-table-row\",{\"border\":[1]}]]],[\"sqm-rewards-table_9.cjs\",[[1,\"sqm-rewards-table\",{\"programId\":[1,\"program-id\"],\"perPage\":[2,\"per-page\"],\"showLabels\":[4,\"show-labels\"],\"prevLabel\":[1,\"prev-label\"],\"moreLabel\":[1,\"more-label\"],\"hiddenColumns\":[1,\"hidden-columns\"],\"smBreakpoint\":[2,\"sm-breakpoint\"],\"mdBreakpoint\":[2,\"md-breakpoint\"],\"emptyStateImgUrl\":[1,\"empty-state-img-url\"],\"emptyStateTitle\":[1,\"empty-state-title\"],\"emptyStateText\":[1,\"empty-state-text\"],\"demoData\":[16]}],[1,\"sqm-rewards-table-date-column\",{\"columnTitle\":[1,\"column-title\"],\"dateShown\":[1,\"date-shown\"],\"renderCell\":[64],\"renderLabel\":[64]}],[1,\"sqm-rewards-table-reward-column\",{\"columnTitle\":[1,\"column-title\"],\"redeemedText\":[1,\"redeemed-text\"],\"availableText\":[1,\"available-text\"],\"renderCell\":[64],\"renderLabel\":[64]}],[1,\"sqm-rewards-table-source-column\",{\"columnTitle\":[1,\"column-title\"],\"anonymousUser\":[1,\"anonymous-user\"],\"deletedUser\":[1,\"deleted-user\"],\"rewardExchangeText\":[1,\"reward-exchange-text\"],\"referralText\":[1,\"referral-text\"],\"rewardSourceText\":[1,\"reward-source-text\"],\"renderCell\":[64],\"renderLabel\":[64]}],[1,\"sqm-rewards-table-status-column\",{\"columnTitle\":[1,\"column-title\"],\"statusText\":[1,\"status-text\"],\"expiryText\":[1,\"expiry-text\"],\"renderCell\":[64],\"renderLabel\":[64]}],[1,\"sqm-rewards-table-date-cell\",{\"date\":[2],\"locale\":[1],\"ignored\":[32]}],[1,\"sqm-rewards-table-reward-cell\",{\"reward\":[16],\"redeemedText\":[1,\"redeemed-text\"],\"availableText\":[1,\"available-text\"],\"locale\":[1]}],[1,\"sqm-rewards-table-source-cell\",{\"reward\":[16],\"deletedUserText\":[1,\"deleted-user-text\"],\"anonymousUserText\":[1,\"anonymous-user-text\"],\"rewardExchangeText\":[1,\"reward-exchange-text\"],\"referralText\":[1,\"referral-text\"],\"rewardSourceText\":[1,\"reward-source-text\"],\"locale\":[1]}],[1,\"sqm-rewards-table-status-cell\",{\"statusText\":[1,\"status-text\"],\"reward\":[16],\"expiryText\":[1,\"expiry-text\"],\"locale\":[1]}]]],[\"sqm-referral-table_11.cjs\",[[1,\"sqm-referral-table-column\",{\"columnTitle\":[1,\"column-title\"],\"renderCell\":[64],\"renderLabel\":[64]}],[1,\"sqm-referral-table\",{\"programId\":[1,\"program-id\"],\"perPage\":[2,\"per-page\"],\"showLabels\":[4,\"show-labels\"],\"prevLabel\":[1,\"prev-label\"],\"moreLabel\":[1,\"more-label\"],\"showReferrer\":[4,\"show-referrer\"],\"hiddenColumns\":[1,\"hidden-columns\"],\"smBreakpoint\":[2,\"sm-breakpoint\"],\"mdBreakpoint\":[2,\"md-breakpoint\"],\"emptyStateImgUrl\":[1,\"empty-state-img-url\"],\"emptyStateTitle\":[1,\"empty-state-title\"],\"emptyStateText\":[1,\"empty-state-text\"],\"demoData\":[16]}],[1,\"sqm-referral-table-date-column\",{\"columnTitle\":[1,\"column-title\"],\"dateShown\":[1,\"date-shown\"],\"renderCell\":[64],\"renderLabel\":[64]}],[1,\"sqm-referral-table-rewards-column\",{\"columnTitle\":[1,\"column-title\"],\"statusText\":[1,\"status-text\"],\"statusLongText\":[1,\"status-long-text\"],\"fuelTankText\":[1,\"fuel-tank-text\"],\"rewardReceivedText\":[1,\"reward-received-text\"],\"expiringText\":[1,\"expiring-text\"],\"pendingForText\":[1,\"pending-for-text\"],\"hideDetails\":[4,\"hide-details\"],\"renderCell\":[64],\"renderLabel\":[64]}],[1,\"sqm-referral-table-status-column\",{\"columnTitle\":[1,\"column-title\"],\"convertedStatusText\":[1,\"converted-status-text\"],\"inProgressStatusText\":[1,\"in-progress-status-text\"],\"renderCell\":[64],\"renderLabel\":[64]}],[1,\"sqm-referral-table-user-column\",{\"columnTitle\":[1,\"column-title\"],\"anonymousUser\":[1,\"anonymous-user\"],\"deletedUser\":[1,\"deleted-user\"],\"renderCell\":[64],\"renderLabel\":[64]}],[1,\"sqm-referral-table-cell\",{\"innerTemplate\":[1,\"inner-template\"],\"ignored\":[32]}],[1,\"sqm-referral-table-date-cell\",{\"date\":[2],\"locale\":[1],\"ignored\":[32]}],[1,\"sqm-referral-table-rewards-cell\",{\"rewards\":[16],\"hideDetails\":[4,\"hide-details\"],\"statusText\":[1,\"status-text\"],\"statusLongText\":[1,\"status-long-text\"],\"fuelTankText\":[1,\"fuel-tank-text\"],\"rewardReceivedText\":[1,\"reward-received-text\"],\"expiringText\":[1,\"expiring-text\"],\"pendingForText\":[1,\"pending-for-text\"],\"locale\":[1]}],[1,\"sqm-referral-table-status-cell\",{\"statusText\":[1,\"status-text\"],\"converted\":[4]}],[1,\"sqm-referral-table-user-cell\",{\"name\":[1]}]]]]"), options);
+  return index.bootstrapLazy(JSON.parse("[[\"sqm-stencilbook.cjs\",[[4,\"sqm-stencilbook\",{\"ignored\":[32]}]]],[\"sqm-portal-reset-password.cjs\",[[1,\"sqm-portal-reset-password\",{\"nextPage\":[1,\"next-page\"],\"failedPage\":[1,\"failed-page\"],\"confirmPassword\":[4,\"confirm-password\"],\"resetPasswordHeader\":[1,\"reset-password-header\"],\"passwordResetHeader\":[1,\"password-reset-header\"],\"resetPasswordButtonText\":[1,\"reset-password-button-text\"],\"continueButtonText\":[1,\"continue-button-text\"],\"confirmPasswordFieldLabel\":[1,\"confirm-password-field-label\"],\"passwordFieldLabel\":[1,\"password-field-label\"],\"demoData\":[16],\"ignored\":[32]}]]],[\"sqm-portal-email-verification.cjs\",[[1,\"sqm-portal-email-verification\",{\"redirectPath\":[1,\"redirect-path\"],\"emailVerificationHeader\":[1,\"email-verification-header\"],\"resendEmailButtonText\":[1,\"resend-email-button-text\"],\"verifyMessage\":[1,\"verify-message\"],\"demoData\":[16],\"ignored\":[32]}]]],[\"sqm-portal-forgot-password.cjs\",[[1,\"sqm-portal-forgot-password\",{\"redirectPath\":[1,\"redirect-path\"],\"emailLabel\":[1,\"email-label\"],\"submitLabel\":[1,\"submit-label\"],\"loginPath\":[1,\"login-path\"],\"demoData\":[16],\"ignored\":[32]}]]],[\"sqm-portal-profile.cjs\",[[1,\"sqm-portal-profile\",{\"firstnametext\":[1],\"lastnametext\":[1],\"emailtext\":[1],\"countrytext\":[1],\"editProfileHeader\":[1,\"edit-profile-header\"],\"editProfileSubHeader\":[1,\"edit-profile-sub-header\"],\"submitChangeButtonText\":[1,\"submit-change-button-text\"],\"showCountry\":[4,\"show-country\"],\"demoData\":[16],\"ignored\":[32]}]]],[\"sqm-portal-verify-email.cjs\",[[1,\"sqm-portal-verify-email\",{\"nextPage\":[1,\"next-page\"],\"failedPage\":[1,\"failed-page\"],\"demoData\":[16],\"ignored\":[32]}]]],[\"sqm-asset-card.cjs\",[[1,\"sqm-asset-card\",{\"titleText\":[1,\"title-text\"],\"imgUrl\":[1,\"img-url\"],\"demoData\":[16],\"ignored\":[32]}]]],[\"sqm-big-stat.cjs\",[[1,\"sqm-big-stat\",{\"statType\":[1,\"stat-type\"],\"flexReverse\":[4,\"flex-reverse\"],\"alignment\":[1],\"programId\":[1,\"program-id\"],\"demoData\":[16],\"ignored\":[32]}]]],[\"sqm-graphql-client-provider.cjs\",[[4,\"sqm-graphql-client-provider\",{\"domain\":[1],\"ignored\":[32]}]]],[\"sqm-hero.cjs\",[[1,\"sqm-hero\",{\"columns\":[2],\"background\":[1],\"paddingSize\":[1,\"padding-size\"],\"secondaryBackground\":[1,\"secondary-background\"],\"wrapDirection\":[1,\"wrap-direction\"]}]]],[\"sqm-leaderboard-rank.cjs\",[[1,\"sqm-leaderboard-rank\",{\"rankType\":[1,\"rank-type\"],\"rankText\":[1,\"rank-text\"],\"leaderboardType\":[1,\"leaderboard-type\"],\"unrankedText\":[1,\"unranked-text\"],\"interval\":[1],\"demoData\":[16]}]]],[\"sqm-name-fields.cjs\",[[0,\"sqm-name-fields\",{\"firstNameLabel\":[1,\"first-name-label\"],\"lastNameLabel\":[1,\"last-name-label\"],\"demoData\":[16],\"ignored\":[32]}]]],[\"sqm-navigation-sidebar.cjs\",[[1,\"sqm-navigation-sidebar\",{\"ignored\":[32]}]]],[\"sqm-navigation-sidebar-item.cjs\",[[1,\"sqm-navigation-sidebar-item\",{\"path\":[1],\"icon\":[1],\"label\":[1],\"demoData\":[16]}]]],[\"sqm-popup-container.cjs\",[[4,\"sqm-popup-container\",{\"poweredBy\":[4,\"powered-by\"],\"closeButton\":[4,\"close-button\"],\"closeButtonText\":[1,\"close-button-text\"],\"embedPadding\":[1,\"embed-padding\"],\"popupPadding\":[1,\"popup-padding\"]}]]],[\"sqm-portal-footer.cjs\",[[1,\"sqm-portal-footer\",{\"supportEmail\":[1,\"support-email\"],\"supportText\":[1,\"support-text\"],\"termsLink\":[1,\"terms-link\"],\"termsText\":[1,\"terms-text\"],\"faqLink\":[1,\"faq-link\"],\"faqText\":[1,\"faq-text\"],\"showPoweredBy\":[4,\"show-powered-by\"],\"poweredByLink\":[1,\"powered-by-link\"],\"paddingTop\":[1,\"padding-top\"],\"paddingRight\":[1,\"padding-right\"],\"paddingBottom\":[1,\"padding-bottom\"],\"paddingLeft\":[1,\"padding-left\"],\"ignored\":[32]}]]],[\"sqm-portal-logout.cjs\",[[1,\"sqm-portal-logout\",{\"nextPage\":[1,\"next-page\"],\"ignored\":[32]}]]],[\"sqm-portal-protected-route.cjs\",[[1,\"sqm-portal-protected-route\",{\"redirectTo\":[1,\"redirect-to\"],\"requireEmailVerification\":[4,\"require-email-verification\"],\"redirectToUnverified\":[1,\"redirect-to-unverified\"],\"ignored\":[32]}]]],[\"sqm-refresh-button.cjs\",[[1,\"sqm-refresh-button\",{\"icon\":[1]}]]],[\"sqm-route.cjs\",[[1,\"sqm-route\",{\"path\":[1],\"ignored\":[32]}]]],[\"sqm-stat-container.cjs\",[[1,\"sqm-stat-container\",{\"space\":[1],\"ignored\":[32]}]]],[\"sqm-text-span.cjs\",[[0,\"sqm-text-span\",{\"text\":[1],\"type\":[1],\"ignored\":[32]}]]],[\"sqm-password-field.cjs\",[[0,\"sqm-password-field\",{\"fieldLabel\":[1,\"field-label\"],\"enableValidation\":[4,\"enable-validation\"],\"demoData\":[16],\"ignored\":[32]}]]],[\"sqm-image_4.cjs\",[[1,\"sqm-image\",{\"imageUrl\":[1,\"image-url\"],\"left\":[1],\"right\":[1],\"align\":[1],\"backgroundColor\":[1,\"background-color\"],\"minHeight\":[1,\"min-height\"],\"maxWidth\":[1,\"max-width\"],\"ignored\":[32]}],[1,\"sqm-portal-container\",{\"direction\":[1],\"padding\":[1],\"gap\":[1],\"minWidth\":[1,\"min-width\"],\"display\":[1],\"maxWidth\":[1,\"max-width\"],\"ignored\":[32]}],[4,\"sqm-text\",{\"ignored\":[32]}],[1,\"sqm-titled-section\",{\"label\":[1],\"textAlign\":[1,\"text-align\"],\"labelMargin\":[1,\"label-margin\"],\"padding\":[1]}]]],[\"sqm-form-message.cjs\",[[1,\"sqm-form-message\",{\"type\":[1],\"icon\":[1],\"ignored\":[32]}]]],[\"sqm-brand_28.cjs\",[[1,\"sqm-leaderboard\",{\"usersheading\":[1],\"statsheading\":[1],\"rankheading\":[1],\"showRank\":[4,\"show-rank\"],\"showUser\":[4,\"show-user\"],\"rankType\":[1,\"rank-type\"],\"leaderboardType\":[1,\"leaderboard-type\"],\"anonymousUser\":[1,\"anonymous-user\"],\"interval\":[1],\"emptyStateImage\":[1,\"empty-state-image\"],\"emptyStateHeader\":[1,\"empty-state-header\"],\"emptyStateText\":[1,\"empty-state-text\"],\"demoData\":[16],\"ignored\":[32]}],[1,\"sqm-portal-change-password\",{\"modalChangePasswordHeader\":[1,\"modal-change-password-header\"],\"cancelText\":[1,\"cancel-text\"],\"changePasswordButtonText\":[1,\"change-password-button-text\"],\"passwordFieldLabel\":[1,\"password-field-label\"],\"confirmPasswordFieldLabel\":[1,\"confirm-password-field-label\"],\"successMessage\":[1,\"success-message\"],\"portalChangePasswordHeader\":[1,\"portal-change-password-header\"],\"portalChangePasswordButtonText\":[1,\"portal-change-password-button-text\"],\"demoData\":[16],\"ignored\":[32]}],[1,\"sqm-portal-register\",{\"nextPage\":[1,\"next-page\"],\"redirectPath\":[1,\"redirect-path\"],\"emailLabel\":[1,\"email-label\"],\"passwordLabel\":[1,\"password-label\"],\"submitLabel\":[1,\"submit-label\"],\"loginLabel\":[1,\"login-label\"],\"confirmPasswordLabel\":[1,\"confirm-password-label\"],\"confirmPassword\":[4,\"confirm-password\"],\"enablePasswordValidation\":[4,\"enable-password-validation\"],\"hideInputs\":[4,\"hide-inputs\"],\"pageLabel\":[1,\"page-label\"],\"loginPath\":[1,\"login-path\"],\"demoData\":[16],\"ignored\":[32]}],[1,\"sqm-edit-profile\",{\"editprofileheader\":[1],\"editprofiletext\":[1],\"canceltext\":[1],\"updatetext\":[1],\"firstnametext\":[1],\"lastnametext\":[1],\"currentregiontext\":[1],\"showregion\":[4],\"demoData\":[16],\"ignored\":[32]}],[1,\"sqm-portal-login\",{\"nextPage\":[1,\"next-page\"],\"emailLabel\":[1,\"email-label\"],\"passwordLabel\":[1,\"password-label\"],\"submitLabel\":[1,\"submit-label\"],\"forgotPasswordLabel\":[1,\"forgot-password-label\"],\"registerLabel\":[1,\"register-label\"],\"pageLabel\":[1,\"page-label\"],\"registerPath\":[1,\"register-path\"],\"forgotPasswordPath\":[1,\"forgot-password-path\"],\"demoData\":[16],\"ignored\":[32]}],[1,\"sqm-brand\",{\"brandColor\":[1,\"brand-color\"],\"brandFont\":[1,\"brand-font\"],\"background\":[1]}],[1,\"sqm-card-feed\",{\"width\":[2],\"gap\":[2],\"ignored\":[32]}],[1,\"sqm-divided-layout\",{\"direction\":[1],\"dividerStyle\":[1,\"divider-style\"]}],[1,\"sqm-hero-image\",{\"imageUrl\":[1,\"image-url\"],\"minHeight\":[1,\"min-height\"],\"maxHeight\":[1,\"max-height\"],\"maxWidth\":[1,\"max-width\"],\"overlayColor\":[1,\"overlay-color\"],\"overlayOpacity\":[1,\"overlay-opacity\"],\"textColor\":[1,\"text-color\"],\"backgroundColor\":[1,\"background-color\"],\"layout\":[1],\"imagePercentage\":[2,\"image-percentage\"],\"imagePos\":[1,\"image-pos\"],\"imageMobilePos\":[1,\"image-mobile-pos\"],\"header\":[1],\"description\":[1],\"buttonText\":[1,\"button-text\"],\"buttonLink\":[1,\"button-link\"],\"buttonNewTab\":[4,\"button-new-tab\"],\"paddingText\":[1,\"padding-text\"],\"paddingImage\":[1,\"padding-image\"]}],[0,\"sqm-hook-story-container\",{\"hookStory\":[16],\"ignored\":[32]}],[1,\"sqm-navigation-menu\",{\"includeDropdown\":[4,\"include-dropdown\"],\"menuLabel\":[1,\"menu-label\"],\"demoData\":[16],\"ignored\":[32]}],[1,\"sqm-portal-frame\",{\"demoData\":[16],\"ignored\":[32]}],[1,\"sqm-program-explainer\",{\"header\":[1],\"textColor\":[1,\"text-color\"],\"backgroundColor\":[1,\"background-color\"],\"ignored\":[32]}],[1,\"sqm-program-explainer-step\",{\"header\":[1],\"description\":[1],\"textColor\":[1,\"text-color\"],\"backgroundColor\":[1,\"background-color\"],\"imageUrl\":[1,\"image-url\"],\"icon\":[1]}],[4,\"sqm-program-menu\",{\"ignored\":[32]}],[1,\"sqm-referral-card\",{\"header\":[1],\"description\":[1],\"padding\":[1],\"verticalAlignment\":[1,\"vertical-alignment\"],\"ignored\":[32]}],[0,\"sqm-referral-iframe\",{\"iframeSrc\":[1,\"iframe-src\"],\"iframeHeight\":[1,\"iframe-height\"],\"iframeWidth\":[1,\"iframe-width\"],\"demoData\":[16],\"ignored\":[32]}],[1,\"sqm-reward-exchange-list\",{\"buttonText\":[1,\"button-text\"],\"notAvailableError\":[1,\"not-available-error\"],\"chooseRewardTitle\":[1,\"choose-reward-title\"],\"chooseAmountTitle\":[1,\"choose-amount-title\"],\"confirmationTitle\":[1,\"confirmation-title\"],\"rewardTitle\":[1,\"reward-title\"],\"cancelText\":[1,\"cancel-text\"],\"backText\":[1,\"back-text\"],\"continueText\":[1,\"continue-text\"],\"continueToConfirmationText\":[1,\"continue-to-confirmation-text\"],\"redeemText\":[1,\"redeem-text\"],\"redeemTitle\":[1,\"redeem-title\"],\"redemptionSuccessText\":[1,\"redemption-success-text\"],\"sourceAmountMessage\":[1,\"source-amount-message\"],\"tooltiptext\":[1],\"doneText\":[1,\"done-text\"],\"selectText\":[1,\"select-text\"],\"queryError\":[1,\"query-error\"],\"redemptionError\":[1,\"redemption-error\"],\"notEnoughError\":[1,\"not-enough-error\"],\"promoCode\":[1,\"promo-code\"],\"skeletonCardNum\":[2,\"skeleton-card-num\"],\"rewardNameTitle\":[1,\"reward-name-title\"],\"rewardAmountTitle\":[1,\"reward-amount-title\"],\"costTitle\":[1,\"cost-title\"],\"demoData\":[16],\"ignored\":[32]}],[4,\"sqm-router\",{\"ignored\":[32]}],[1,\"sqm-share-button\",{\"medium\":[1],\"programId\":[1,\"program-id\"],\"borderradius\":[2],\"backgroundcolor\":[1],\"textcolor\":[1],\"pill\":[4],\"disabled\":[4],\"type\":[1],\"size\":[1],\"iconslot\":[1],\"icon\":[1],\"hideicon\":[4],\"hidetext\":[4],\"sharetitle\":[1],\"sharetext\":[1],\"demoData\":[16]}],[1,\"sqm-share-code\",{\"programId\":[1,\"program-id\"],\"tooltiptext\":[1,\"tooltip-text\"],\"tooltiplifespan\":[2,\"tooltip-lifespan\"],\"demoData\":[16]}],[1,\"sqm-share-link\",{\"programId\":[1,\"program-id\"],\"tooltiptext\":[1,\"tooltip-text\"],\"tooltiplifespan\":[2,\"tooltip-lifespan\"],\"demoData\":[16]}],[1,\"sqm-task-card\",{\"rewardAmount\":[1,\"reward-amount\"],\"rewardUnit\":[1,\"reward-unit\"],\"cardTitle\":[1,\"card-title\"],\"description\":[1],\"repeatable\":[4],\"finite\":[2],\"showProgressBar\":[4,\"show-progress-bar\"],\"goal\":[2],\"steps\":[4],\"progressBarUnit\":[1,\"progress-bar-unit\"],\"showExpiry\":[4,\"show-expiry\"],\"expiryMessage\":[1,\"expiry-message\"],\"rewardDuration\":[1,\"reward-duration\"],\"startsOnMessage\":[1,\"starts-on-message\"],\"displayDuration\":[1,\"display-duration\"],\"endedMessage\":[1,\"ended-message\"],\"completedText\":[1,\"completed-text\"],\"buttonText\":[1,\"button-text\"],\"buttonLink\":[1,\"button-link\"],\"openNewTab\":[4,\"open-new-tab\"],\"statType\":[1,\"stat-type\"],\"eventKey\":[1,\"event-key\"],\"programId\":[1,\"program-id\"],\"demoData\":[16],\"ignored\":[32]}],[1,\"sqm-timeline\",{\"icon\":[1],\"ignored\":[32]}],[1,\"sqm-timeline-entry\",{\"reward\":[1],\"unit\":[1],\"desc\":[1],\"line\":[4],\"icon\":[1],\"ignored\":[32]}],[1,\"sqm-user-name\",{\"fallback\":[1],\"loadingText\":[1,\"loading-text\"],\"demoData\":[16],\"_ignored\":[32]}],[1,\"sqm-table-cell\",{\"colspan\":[2],\"padding\":[1]}],[1,\"sqm-table-row\",{\"border\":[1]}]]],[\"sqm-rewards-table_9.cjs\",[[1,\"sqm-rewards-table\",{\"programId\":[1,\"program-id\"],\"perPage\":[2,\"per-page\"],\"showLabels\":[4,\"show-labels\"],\"prevLabel\":[1,\"prev-label\"],\"moreLabel\":[1,\"more-label\"],\"hiddenColumns\":[1,\"hidden-columns\"],\"smBreakpoint\":[2,\"sm-breakpoint\"],\"mdBreakpoint\":[2,\"md-breakpoint\"],\"emptyStateImgUrl\":[1,\"empty-state-img-url\"],\"emptyStateTitle\":[1,\"empty-state-title\"],\"emptyStateText\":[1,\"empty-state-text\"],\"demoData\":[16]}],[1,\"sqm-rewards-table-date-column\",{\"columnTitle\":[1,\"column-title\"],\"dateShown\":[1,\"date-shown\"],\"renderCell\":[64],\"renderLabel\":[64]}],[1,\"sqm-rewards-table-reward-column\",{\"columnTitle\":[1,\"column-title\"],\"redeemedText\":[1,\"redeemed-text\"],\"availableText\":[1,\"available-text\"],\"renderCell\":[64],\"renderLabel\":[64]}],[1,\"sqm-rewards-table-source-column\",{\"columnTitle\":[1,\"column-title\"],\"anonymousUser\":[1,\"anonymous-user\"],\"deletedUser\":[1,\"deleted-user\"],\"rewardExchangeText\":[1,\"reward-exchange-text\"],\"referralText\":[1,\"referral-text\"],\"rewardSourceText\":[1,\"reward-source-text\"],\"renderCell\":[64],\"renderLabel\":[64]}],[1,\"sqm-rewards-table-status-column\",{\"columnTitle\":[1,\"column-title\"],\"statusText\":[1,\"status-text\"],\"expiryText\":[1,\"expiry-text\"],\"renderCell\":[64],\"renderLabel\":[64]}],[1,\"sqm-rewards-table-date-cell\",{\"date\":[2],\"locale\":[1],\"ignored\":[32]}],[1,\"sqm-rewards-table-reward-cell\",{\"reward\":[16],\"redeemedText\":[1,\"redeemed-text\"],\"availableText\":[1,\"available-text\"],\"locale\":[1]}],[1,\"sqm-rewards-table-source-cell\",{\"reward\":[16],\"deletedUserText\":[1,\"deleted-user-text\"],\"anonymousUserText\":[1,\"anonymous-user-text\"],\"rewardExchangeText\":[1,\"reward-exchange-text\"],\"referralText\":[1,\"referral-text\"],\"rewardSourceText\":[1,\"reward-source-text\"],\"locale\":[1]}],[1,\"sqm-rewards-table-status-cell\",{\"statusText\":[1,\"status-text\"],\"reward\":[16],\"expiryText\":[1,\"expiry-text\"],\"locale\":[1]}]]],[\"sqm-referral-table_11.cjs\",[[1,\"sqm-referral-table-column\",{\"columnTitle\":[1,\"column-title\"],\"renderCell\":[64],\"renderLabel\":[64]}],[1,\"sqm-referral-table\",{\"programId\":[1,\"program-id\"],\"perPage\":[2,\"per-page\"],\"showLabels\":[4,\"show-labels\"],\"prevLabel\":[1,\"prev-label\"],\"moreLabel\":[1,\"more-label\"],\"showReferrer\":[4,\"show-referrer\"],\"hiddenColumns\":[1,\"hidden-columns\"],\"smBreakpoint\":[2,\"sm-breakpoint\"],\"mdBreakpoint\":[2,\"md-breakpoint\"],\"emptyStateImgUrl\":[1,\"empty-state-img-url\"],\"emptyStateTitle\":[1,\"empty-state-title\"],\"emptyStateText\":[1,\"empty-state-text\"],\"demoData\":[16]}],[1,\"sqm-referral-table-date-column\",{\"columnTitle\":[1,\"column-title\"],\"dateShown\":[1,\"date-shown\"],\"renderCell\":[64],\"renderLabel\":[64]}],[1,\"sqm-referral-table-rewards-column\",{\"columnTitle\":[1,\"column-title\"],\"statusText\":[1,\"status-text\"],\"statusLongText\":[1,\"status-long-text\"],\"fuelTankText\":[1,\"fuel-tank-text\"],\"rewardReceivedText\":[1,\"reward-received-text\"],\"expiringText\":[1,\"expiring-text\"],\"pendingForText\":[1,\"pending-for-text\"],\"hideDetails\":[4,\"hide-details\"],\"renderCell\":[64],\"renderLabel\":[64]}],[1,\"sqm-referral-table-status-column\",{\"columnTitle\":[1,\"column-title\"],\"convertedStatusText\":[1,\"converted-status-text\"],\"inProgressStatusText\":[1,\"in-progress-status-text\"],\"renderCell\":[64],\"renderLabel\":[64]}],[1,\"sqm-referral-table-user-column\",{\"columnTitle\":[1,\"column-title\"],\"anonymousUser\":[1,\"anonymous-user\"],\"deletedUser\":[1,\"deleted-user\"],\"renderCell\":[64],\"renderLabel\":[64]}],[1,\"sqm-referral-table-cell\",{\"innerTemplate\":[1,\"inner-template\"],\"ignored\":[32]}],[1,\"sqm-referral-table-date-cell\",{\"date\":[2],\"locale\":[1],\"ignored\":[32]}],[1,\"sqm-referral-table-rewards-cell\",{\"rewards\":[16],\"hideDetails\":[4,\"hide-details\"],\"statusText\":[1,\"status-text\"],\"statusLongText\":[1,\"status-long-text\"],\"fuelTankText\":[1,\"fuel-tank-text\"],\"rewardReceivedText\":[1,\"reward-received-text\"],\"expiringText\":[1,\"expiring-text\"],\"pendingForText\":[1,\"pending-for-text\"],\"locale\":[1]}],[1,\"sqm-referral-table-status-cell\",{\"statusText\":[1,\"status-text\"],\"converted\":[4]}],[1,\"sqm-referral-table-user-cell\",{\"name\":[1]}]]]]"), options);
 });

package/dist/cjs/{sqm-brand_27.cjs.entry.js → sqm-brand_28.cjs.entry.js}

@@ -18,9 +18,9 @@ require('./luxon-59ca7d19.js');
 const utils = require('./utils-01dbfd4a.js');
 require('./sqm-text-span-view-f101dedf.js');
 const useDemoBigStat = require('./useDemoBigStat-426e3319.js');
-require('./sqm-portal-container-view-185b4bd0.js');
-const AutoColor = require('./AutoColor-86984176.js');
-require('./sqm-portal-section-view-7ce92f61.js');
+require('./sqm-portal-container-view-3bc23603.js');
+const ShadowViewAddon = require('./ShadowViewAddon-25f524e4.js');
+require('./sqm-portal-section-view-186a5f7e.js');
 
 /**
  * Build a font CSS URL using the Google Fonts CSS API
@@ -44,7 +44,7 @@ const BrandComponent = class {
   render() {
     var _a, _b;
     const brandColor = (_a = this.brandColor) !== null && _a !== void 0 ? _a : "#FFF";
-    const css = AutoColor.autoColorScaleCss(brandColor);
+    const css = ShadowViewAddon.autoColorScaleCss(brandColor);
     const sanitizedFont = ((_b = this.brandFont) !== null && _b !== void 0 ? _b : "").trim() || undefined;
     stencilHooks_module.useEffect(() => {
       if (!sanitizedFont) {
@@ -99,7 +99,7 @@ const CardFeed = class {
   }
   disconnectedCallback() { }
   render() {
-    return (index.h(AutoColor.CardFeedView, Object.assign({}, utils.getProps(this)), index.h("slot", null)));
+    return (index.h(ShadowViewAddon.CardFeedView, Object.assign({}, utils.getProps(this)), index.h("slot", null)));
   }
 };
 
@@ -336,7 +336,7 @@ const EditProfile = class {
     const props = index_module.k()
       ? useEditProfileDemo(utils.getProps(this))
       : useEditProfile(utils.getProps(this));
-    return index.h(AutoColor.EditProfileView, Object.assign({}, props));
+    return index.h(ShadowViewAddon.EditProfileView, Object.assign({}, props));
   }
 };
 function useEditProfileDemo(props) {
@@ -549,6 +549,11 @@ const HeroImage = class {
      * @uiEnum ["overlay", "columns"]
      */
     this.layout = "overlay";
+    /**
+     * @uiName Image Percentage
+     * @uiType string
+     */
+    this.imagePercentage = 50;
     /**
      * @uiName Image Position
      * @uiType string
@@ -598,6 +603,186 @@ const SqmHookStoryContainer = class {
   }
 };
 
+const GET_LEADERBOARD = index_module.dist.gql `
+  query ($type: String!, $filter: UserLeaderboardFilterInput) {
+    userLeaderboard(type: $type, filter: $filter) {
+      dateModified
+      rows {
+        value
+        firstName
+        lastInitial
+        rank {
+          rank
+          denseRank
+          rowNumber
+        }
+      }
+    }
+  }
+`;
+const GET_RANK = index_module.dist.gql `
+  query ($type: String!, $filter: UserLeaderboardFilterInput) {
+    viewer {
+      ... on User {
+        firstName
+        lastInitial
+        leaderboardRank(type: $type, filter: $filter) {
+          value
+          rank
+          denseRank
+          rowNumber
+        }
+      }
+    }
+  }
+`;
+function useLeaderboard(props) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+  const programId = index_module.M();
+  const user = index_module.ne();
+  const variables = {
+    type: props.leaderboardType,
+    filter: { programId_eq: programId },
+  };
+  if (props.interval) {
+    variables.filter["interval"] = props.interval;
+  }
+  const { data: leaderboardData, loading: loadingLeaderboard } = index_module.mn(GET_LEADERBOARD, variables, !(user === null || user === void 0 ? void 0 : user.jwt));
+  const { data: rankData } = index_module.mn(GET_RANK, variables, !(user === null || user === void 0 ? void 0 : user.jwt));
+  const leaderboardRows = (_a = leaderboardData === null || leaderboardData === void 0 ? void 0 : leaderboardData.userLeaderboard) === null || _a === void 0 ? void 0 : _a.rows;
+  const flattenedLeaderboard = getFlattenedLeaderboard(leaderboardRows);
+  const sortedLeaderboard = flattenedLeaderboard === null || flattenedLeaderboard === void 0 ? void 0 : flattenedLeaderboard.sort(function (a, b) {
+    return a.rank - b.rank;
+  });
+  function getFlattenedLeaderboard(leaderboardRows) {
+    return leaderboardRows === null || leaderboardRows === void 0 ? void 0 : leaderboardRows.flatMap((user) => {
+      var _a, _b;
+      return ({
+        value: user.value,
+        firstName: user.firstName,
+        lastInitial: user.lastInitial,
+        rank: (_a = user.rank) === null || _a === void 0 ? void 0 : _a[props.rankType],
+        rowNumber: (_b = user.rank) === null || _b === void 0 ? void 0 : _b.rowNumber,
+      });
+    });
+  }
+  console.log(rankData);
+  const viewingUser = {
+    value: (_c = (_b = rankData === null || rankData === void 0 ? void 0 : rankData.viewer) === null || _b === void 0 ? void 0 : _b.leaderboardRank) === null || _c === void 0 ? void 0 : _c.value,
+    firstName: (_d = rankData === null || rankData === void 0 ? void 0 : rankData.viewer) === null || _d === void 0 ? void 0 : _d.firstName,
+    lastInitial: (_e = rankData === null || rankData === void 0 ? void 0 : rankData.viewer) === null || _e === void 0 ? void 0 : _e.lastInitial,
+    rank: (_g = (_f = rankData === null || rankData === void 0 ? void 0 : rankData.viewer) === null || _f === void 0 ? void 0 : _f.leaderboardRank) === null || _g === void 0 ? void 0 : _g[props.rankType],
+    rowNumber: (_j = (_h = rankData === null || rankData === void 0 ? void 0 : rankData.viewer) === null || _h === void 0 ? void 0 : _h.leaderboardRank) === null || _j === void 0 ? void 0 : _j.rowNumber,
+  };
+  return {
+    states: {
+      loading: loadingLeaderboard,
+      hasLeaders: (sortedLeaderboard === null || sortedLeaderboard === void 0 ? void 0 : sortedLeaderboard.length) > 0,
+      styles: props,
+    },
+    data: {
+      leaderboard: sortedLeaderboard,
+      rankType: props.rankType,
+      userRank: viewingUser,
+      showUser: props.showUser,
+    },
+    elements: {
+      empty: props.empty,
+      loadingstate: props.loadingstate,
+    },
+  };
+}
+
+const sqmLeaderboardCss = ":host{display:block}:host([hidden]){display:none}table{width:100%;border-collapse:collapse}th{font-size:var(--sl-font-size-small);font-weight:var(--sl-font-weight-semibold);text-align:left}tr:not(:first-child){border-top:1px solid var(--sl-color-neutral-200)}td{font-size:var(--sl-font-size-medium);font-weight:var(--sl-font-weight-normal)}.ellipses{text-align:center;padding:0;color:var(--sl-color-neutral-500)}.highlight{background:var(--sl-color-primary-50)}td,th{color:var(--sl-color-gray-800);padding:var(--sl-spacing-medium)}th{padding:var(--sl-spacing-medium);padding-top:0}.User{width:100%}.Score{width:auto;white-space:nowrap}";
+
+const Leaderboard = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    /**
+     * @uiName Show viewing user's rank
+     */
+    this.showUser = true;
+    /**
+     * @uiName Title displayed for users without names
+     */
+    this.anonymousUser = "Anonymous User";
+    /**
+     * @uiName Empty State Image
+     */
+    this.emptyStateImage = "https://i.imgur.com/KPGnPF8.png";
+    /**
+     * @uiName Empty State Header
+     */
+    this.emptyStateHeader = "View your rank in the leaderboard";
+    /**
+     * @uiName Empty State Description
+     */
+    this.emptyStateText = "Be the first to refer a friend and reach the top of the leaderboard";
+    this.ignored = true;
+    stencilHooks_module.h$1(this);
+    ShadowViewAddon.withShadowView(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    const props = {
+      empty: (index.h(EmptySlot, { emptyStateImage: this.emptyStateImage, emptyStateHeader: this.emptyStateHeader, emptyStateText: this.emptyStateText })),
+      loadingstate: index.h(LoadingSlot, null),
+      usersheading: this.usersheading,
+      statsheading: this.statsheading,
+      rankType: this.rankType,
+      leaderboardType: this.leaderboardType,
+      anonymousUser: this.anonymousUser,
+      interval: this.interval,
+      showUser: this.showUser,
+      showRank: this.showRank,
+    };
+    const demoProps = { ...props, demoData: this.demoData };
+    const viewprops = index_module.k()
+      ? useLeaderboardDemo(demoProps)
+      : useLeaderboard(props);
+    return (index.h(ShadowViewAddon.LeaderboardView, Object.assign({}, viewprops), index.h("slot", null)));
+  }
+};
+function EmptySlot({ emptyStateImage, emptyStateHeader, emptyStateText, }) {
+  return (index.h("slot", { name: "empty" }, index.h("sqm-portal-container", { padding: "xxxx-large", gap: "medium" }, index.h("sqm-image", { "image-url": emptyStateImage, "max-width": "100px" }), index.h("sqm-titled-section", { "label-margin": "xxx-small", "text-align": "center" }, index.h("sqm-text", { slot: "label" }, index.h("h3", null, emptyStateHeader)), index.h("sqm-text", { slot: "content" }, emptyStateText)))));
+}
+function LoadingSlot() {
+  return (index.h("slot", { name: "loading" }, index.h("table", null, [...Array(10)].map(() => {
+    return (index.h("tr", null, index.h("td", null, index.h("sl-skeleton", null))));
+  }))));
+}
+function useLeaderboardDemo(props) {
+  return cjs.cjs({
+    states: {
+      loading: false,
+      hasLeaders: true,
+      styles: {
+        usersheading: props.usersheading
+          ? props.usersheading
+          : "TOP REFERRERS",
+        statsheading: props.statsheading
+          ? props.statsheading
+          : "NEW CUSTOMERS",
+      },
+    },
+    data: {
+      rankType: "rowNumber",
+      leaderboard: [
+        { firstName: "Viktor", lastInitial: "V", value: 82, rank: 1 },
+        { firstName: "MF", lastInitial: "D", value: 73, rank: 2 },
+        { firstName: "Freddie", lastInitial: "G", value: 64, rank: 3 },
+        { firstName: "Benny", lastInitial: "B", value: 55, rank: 4 },
+        { firstName: "Mos", lastInitial: "D", value: 46, rank: 5 },
+      ],
+    },
+    elements: {
+      empty: (index.h(EmptySlot, { emptyStateImage: "", emptyStateHeader: "", emptyStateText: "" })),
+      loadingstate: index.h(LoadingSlot, null),
+    },
+  }, props.demoProps || {}, { arrayMerge: (_, a) => a });
+}
+Leaderboard.style = sqmLeaderboardCss;
+
 function NavigationMenuView(props) {
   const { states } = props;
   const { styles } = states;
@@ -772,7 +957,7 @@ const PortalChangePassword = class {
     const { states, callbacks } = index_module.k()
       ? usePortalChangePasswordDemo(this)
       : usePortalChangePassword(this);
-    return index.h(AutoColor.PortalChangePasswordView, { states: states, callbacks: callbacks });
+    return index.h(ShadowViewAddon.PortalChangePasswordView, { states: states, callbacks: callbacks });
   }
 };
 function usePortalChangePasswordDemo(props) {
@@ -824,7 +1009,7 @@ const PortalFrame = class {
     const props = index_module.k()
       ? usePortalFrameDemo(footerContent, headerContent, this)
       : usePortalFrame(footerContent, headerContent);
-    return (index.h(AutoColor.PortalFrameView, Object.assign({}, props), index.h("slot", null)));
+    return (index.h(ShadowViewAddon.PortalFrameView, Object.assign({}, props), index.h("slot", null)));
   }
 };
 function usePortalFrameDemo(footerContent, headerContent, props) {
@@ -942,7 +1127,7 @@ const PortalLogin = class {
       submitLabel: this.submitLabel,
       pageLabel: this.pageLabel,
     };
-    return (index.h(AutoColor.PortalLoginView, { states: states, callbacks: callbacks, content: content }));
+    return (index.h(ShadowViewAddon.PortalLoginView, { states: states, callbacks: callbacks, content: content }));
   }
 };
 function useLoginDemo(props) {
@@ -5021,7 +5206,7 @@ const PortalRegister = class {
       pageLabel: this.pageLabel,
       confirmPasswordLabel: this.confirmPasswordLabel,
     };
-    return (index.h(AutoColor.PortalRegisterView, { states: states, callbacks: callbacks, content: content, refs: refs }));
+    return (index.h(ShadowViewAddon.PortalRegisterView, { states: states, callbacks: callbacks, content: content, refs: refs }));
   }
 };
 function useRegisterDemo(props) {
@@ -5221,6 +5406,7 @@ function ReferralCardView(props) {
     Container: {
       display: "flex",
       color: "var(--sl-color-neutral-900)",
+      background: "var(--sl-color-neutral-0)",
       "& .left": {
         width: "50%",
         padding: "var(--sl-spacing-" + props.padding + ")",
@@ -5391,7 +5577,7 @@ const SqmReferralIframe = class {
     const { states, data } = index_module.k()
       ? useReferralIframeDemo(utils.getProps(this))
       : useReferralIframe(utils.getProps(this));
-    return (index.h(index.Host, { style: { display: "contents" } }, index.h(AutoColor.ReferralIframeView, { data: data, states: states })));
+    return (index.h(index.Host, { style: { display: "contents" } }, index.h(ShadowViewAddon.ReferralIframeView, { data: data, states: states })));
   }
 };
 function useReferralIframeDemo(props) {
@@ -6338,7 +6524,7 @@ const SqmRewardExchangeList = class {
     const { states, data, callbacks, refs } = index_module.k()
       ? useRewardExchangeListDemo(utils.getProps(this))
       : useRewardExchangeList(utils.getProps(this));
-    return (index.h(index.Host, { style: { display: "contents" } }, index.h(AutoColor.RewardExchangeView, { states: states, data: data, callbacks: callbacks, refs: refs })));
+    return (index.h(index.Host, { style: { display: "contents" } }, index.h(ShadowViewAddon.RewardExchangeView, { states: states, data: data, callbacks: callbacks, refs: refs })));
   }
   static get assetsDirs() { return ["assets"]; }
 };
@@ -6496,8 +6682,8 @@ const ShareButton = class {
     const thisProps = utils.getProps(this);
     const props = index_module.k()
       ? useDemoShareButton(thisProps)
-      : AutoColor.useShareButton(thisProps);
-    return (index.h(AutoColor.ShareButtonView, Object.assign({}, props), index.h("slot", null)));
+      : ShadowViewAddon.useShareButton(thisProps);
+    return (index.h(ShadowViewAddon.ShareButtonView, Object.assign({}, props), index.h("slot", null)));
   }
 };
 function useDemoShareButton(props) {
@@ -6583,7 +6769,7 @@ const ShareCode = class {
     const props = index_module.k()
       ? useDemoShareCode(thisProps)
       : useShareCode(thisProps);
-    return index.h(AutoColor.ShareLinkView, Object.assign({}, props));
+    return index.h(ShadowViewAddon.ShareLinkView, Object.assign({}, props));
   }
 };
 function useDemoShareCode(props) {
@@ -6626,8 +6812,8 @@ const ShareLink = class {
     const thisProps = utils.getProps(this);
     const props = index_module.k()
       ? useDemoShareLink(thisProps)
-      : AutoColor.useShareLink(thisProps);
-    return index.h(AutoColor.ShareLinkView, Object.assign({}, props));
+      : ShadowViewAddon.useShareLink(thisProps);
+    return index.h(ShadowViewAddon.ShareLinkView, Object.assign({}, props));
   }
 };
 function useDemoShareLink(props) {
@@ -6818,7 +7004,7 @@ const TaskCard = class {
     const { states, callbacks } = index_module.k()
       ? useTaskCardDemo(this)
       : useTaskCard(this);
-    return (index.h(AutoColor.TaskCardView, { callbacks: callbacks, states: {
+    return (index.h(ShadowViewAddon.TaskCardView, { callbacks: callbacks, states: {
         loading,
         loadingEvent: states.loadingEvent,
         progress: value,
@@ -6827,7 +7013,6 @@ const TaskCard = class {
   }
 };
 function useTaskCardDemo(props) {
-  console.log("Task Card Props", props.demoData);
   return cjs.cjs({
     states: { loadingEvent: false, locale: "en" },
     callbacks: {
@@ -7049,6 +7234,7 @@ exports.sqm_divided_layout = DividedLayout;
 exports.sqm_edit_profile = EditProfile;
 exports.sqm_hero_image = HeroImage;
 exports.sqm_hook_story_container = SqmHookStoryContainer;
+exports.sqm_leaderboard = Leaderboard;
 exports.sqm_navigation_menu = NavigationMenu;
 exports.sqm_portal_change_password = PortalChangePassword;
 exports.sqm_portal_frame = PortalFrame;

package/dist/cjs/sqm-image_4.cjs.entry.js

@@ -8,8 +8,8 @@ require('./extends-08099afd.js');
 const insertcss = require('./insertcss-04580cfa.js');
 const JSS = require('./JSS-c65a40f1.js');
 const utils = require('./utils-01dbfd4a.js');
-const sqmPortalContainerView = require('./sqm-portal-container-view-185b4bd0.js');
-const sqmPortalSectionView = require('./sqm-portal-section-view-7ce92f61.js');
+const sqmPortalContainerView = require('./sqm-portal-container-view-3bc23603.js');
+const sqmPortalSectionView = require('./sqm-portal-section-view-186a5f7e.js');
 
 function ImageView(props) {
   const style = {
@@ -171,7 +171,7 @@ const TitledSection = class {
      * @uiType string
      * @uiEnum ["left", "center", "right"]
      */
-    this.align = "left";
+    this.textAlign = "left";
     /**
      * @uiName Label margin style
      * @uiType string

package/dist/cjs/{sqm-portal-container-view-185b4bd0.js → sqm-portal-container-view-3bc23603.js}

@@ -14,6 +14,8 @@ function PortalContainerView(props, children) {
       "grid-gap": `var(--sl-spacing-${props.gap})`,
       padding: props.padding === "none" ? "0" : `var(--sl-spacing-${props.padding})`,
       maxWidth: props.maxWidth ? props.maxWidth : "",
+      background: "var(--sqm-portal-background)",
+      margin: "auto",
     },
   };
   const vanillaStyle = `

package/dist/cjs/{sqm-portal-profile-view-04eaaac9.js → sqm-portal-profile-view-25537e0b.js}

@@ -4,7 +4,7 @@ const index = require('./index-b0129cd6.js');
 const global = require('./global-58d95b21.js');
 const JSS = require('./JSS-c65a40f1.js');
 const sqmTextSpanView = require('./sqm-text-span-view-f101dedf.js');
-const sqmPortalContainerView = require('./sqm-portal-container-view-185b4bd0.js');
+const sqmPortalContainerView = require('./sqm-portal-container-view-3bc23603.js');
 
 function PortalProfileView(props) {
   var _a, _b, _c, _d, _e;

package/dist/cjs/sqm-portal-profile.cjs.entry.js

@@ -13,8 +13,8 @@ const cjs = require('./cjs-1066ec21.js');
 require('./JSS-c65a40f1.js');
 const utils = require('./utils-01dbfd4a.js');
 require('./sqm-text-span-view-f101dedf.js');
-require('./sqm-portal-container-view-185b4bd0.js');
-const sqmPortalProfileView = require('./sqm-portal-profile-view-04eaaac9.js');
+require('./sqm-portal-container-view-3bc23603.js');
+const sqmPortalProfileView = require('./sqm-portal-profile-view-25537e0b.js');
 
 const GET_USER = index_module.dist.gql `
   query {

package/dist/cjs/{sqm-portal-section-view-7ce92f61.js → sqm-portal-section-view-186a5f7e.js}

@@ -11,7 +11,7 @@ function PortalSectionView(props) {
         : `var(--sl-spacing-${props.labelMargin})`,
     },
     SectionContainer: {
-      textAlign: props.align || "left",
+      textAlign: props.textAlign || "left",
       padding: props.padding === "none" ? "0" : `var(--sl-spacing-${props.padding})`,
     },
   };

package/dist/cjs/sqm-referral-table_11.cjs.entry.js

@@ -12,7 +12,7 @@ require('./insertcss-04580cfa.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./mixins-7b7c59fe.js');
 const JSS = require('./JSS-c65a40f1.js');
-const GenericTableView = require('./GenericTableView-c8f8f3fe.js');
+const GenericTableView = require('./GenericTableView-65598160.js');
 const useChildElements = require('./useChildElements-4bc9b219.js');
 const luxon = require('./luxon-59ca7d19.js');
 const utils = require('./utils-01dbfd4a.js');

package/dist/cjs/sqm-rewards-table_9.cjs.entry.js

@@ -12,7 +12,7 @@ require('./insertcss-04580cfa.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./mixins-7b7c59fe.js');
 const JSS = require('./JSS-c65a40f1.js');
-const GenericTableView = require('./GenericTableView-c8f8f3fe.js');
+const GenericTableView = require('./GenericTableView-65598160.js');
 const useChildElements = require('./useChildElements-4bc9b219.js');
 const luxon = require('./luxon-59ca7d19.js');
 const utils = require('./utils-01dbfd4a.js');
@@ -305,7 +305,12 @@ function useRewardsTableDemo(props) {
       emptyElement: (index.h(EmptySlot, { emptyStateImgUrl: "https://res.cloudinary.com/saasquatch/image/upload/v1642618031/squatch-assets/image_4_1.png", emptyStateTitle: "View your rewards", emptyStateText: "See all the rewards you have earned from referring friends and completing tasks" })),
       loadingElement: index.h(LoadingSlot, null),
       // TODO: This should be smarter
-      columns: [index.h("div", null, "Name"), index.h("div", null, "Email"), index.h("div", null, "DOB")],
+      columns: [
+        index.h("div", null, "Reward"),
+        index.h("div", null, "Source"),
+        index.h("div", null, "Status"),
+        index.h("div", null, "Date recieved"),
+      ],
       rows: [],
     },
   }, props.demoData || {}, { arrayMerge: (_, a) => a });
@@ -497,9 +502,9 @@ const RewardsTableColumn = class {
      */
     this.redeemedText = "{redeemedAmount} redeemed";
     /**
-     * @uiName Available Amount Text
+     * @uiName Remaining Amount Text
      */
-    this.availableText = "{availableAmount} available";
+    this.availableText = "{availableAmount} remaining";
     stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }