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

package/dist/esm/mint-components.js

@@ -42,5 +42,5 @@ const patchCloneNodeFix = (HTMLElementPrototype) => {
 };
 
 patchBrowser().then(options => {
-  return bootstrapLazy(JSON.parse("[[\"sqm-stencilbook\",[[4,\"sqm-stencilbook\",{\"ignored\":[32]}]]],[\"sqm-leaderboard\",[[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\",[[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\",[[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\",[[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\",[[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\",[[1,\"sqm-portal-verify-email\",{\"nextPage\":[1,\"next-page\"],\"failedPage\":[1,\"failed-page\"],\"demoData\":[16],\"ignored\":[32]}]]],[\"sqm-asset-card\",[[1,\"sqm-asset-card\",{\"titleText\":[1,\"title-text\"],\"imgUrl\":[1,\"img-url\"],\"demoData\":[16],\"ignored\":[32]}]]],[\"sqm-big-stat\",[[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\",[[4,\"sqm-graphql-client-provider\",{\"domain\":[1],\"ignored\":[32]}]]],[\"sqm-hero\",[[1,\"sqm-hero\",{\"columns\":[2],\"background\":[1],\"paddingSize\":[1,\"padding-size\"],\"secondaryBackground\":[1,\"secondary-background\"],\"wrapDirection\":[1,\"wrap-direction\"]}]]],[\"sqm-leaderboard-rank\",[[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\",[[0,\"sqm-name-fields\",{\"firstNameLabel\":[1,\"first-name-label\"],\"lastNameLabel\":[1,\"last-name-label\"],\"demoData\":[16],\"ignored\":[32]}]]],[\"sqm-navigation-sidebar\",[[1,\"sqm-navigation-sidebar\",{\"ignored\":[32]}]]],[\"sqm-navigation-sidebar-item\",[[1,\"sqm-navigation-sidebar-item\",{\"path\":[1],\"icon\":[1],\"label\":[1],\"demoData\":[16]}]]],[\"sqm-popup-container\",[[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\",[[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\",[[1,\"sqm-portal-logout\",{\"nextPage\":[1,\"next-page\"],\"ignored\":[32]}]]],[\"sqm-portal-protected-route\",[[1,\"sqm-portal-protected-route\",{\"redirectTo\":[1,\"redirect-to\"],\"requireEmailVerification\":[4,\"require-email-verification\"],\"redirectToUnverified\":[1,\"redirect-to-unverified\"],\"ignored\":[32]}]]],[\"sqm-refresh-button\",[[1,\"sqm-refresh-button\",{\"icon\":[1]}]]],[\"sqm-route\",[[1,\"sqm-route\",{\"path\":[1],\"ignored\":[32]}]]],[\"sqm-stat-container\",[[1,\"sqm-stat-container\",{\"space\":[1],\"ignored\":[32]}]]],[\"sqm-text-span\",[[0,\"sqm-text-span\",{\"text\":[1],\"type\":[1],\"ignored\":[32]}]]],[\"sqm-password-field\",[[0,\"sqm-password-field\",{\"fieldLabel\":[1,\"field-label\"],\"enableValidation\":[4,\"enable-validation\"],\"demoData\":[16],\"ignored\":[32]}]]],[\"sqm-image_4\",[[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\",[[1,\"sqm-form-message\",{\"type\":[1],\"icon\":[1],\"ignored\":[32]}]]],[\"sqm-brand_27\",[[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\",[[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\",[[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 bootstrapLazy(JSON.parse("[[\"sqm-stencilbook\",[[4,\"sqm-stencilbook\",{\"ignored\":[32]}]]],[\"sqm-portal-reset-password\",[[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\",[[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\",[[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\",[[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\",[[1,\"sqm-portal-verify-email\",{\"nextPage\":[1,\"next-page\"],\"failedPage\":[1,\"failed-page\"],\"demoData\":[16],\"ignored\":[32]}]]],[\"sqm-asset-card\",[[1,\"sqm-asset-card\",{\"titleText\":[1,\"title-text\"],\"imgUrl\":[1,\"img-url\"],\"demoData\":[16],\"ignored\":[32]}]]],[\"sqm-big-stat\",[[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\",[[4,\"sqm-graphql-client-provider\",{\"domain\":[1],\"ignored\":[32]}]]],[\"sqm-hero\",[[1,\"sqm-hero\",{\"columns\":[2],\"background\":[1],\"paddingSize\":[1,\"padding-size\"],\"secondaryBackground\":[1,\"secondary-background\"],\"wrapDirection\":[1,\"wrap-direction\"]}]]],[\"sqm-leaderboard-rank\",[[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\",[[0,\"sqm-name-fields\",{\"firstNameLabel\":[1,\"first-name-label\"],\"lastNameLabel\":[1,\"last-name-label\"],\"demoData\":[16],\"ignored\":[32]}]]],[\"sqm-navigation-sidebar\",[[1,\"sqm-navigation-sidebar\",{\"ignored\":[32]}]]],[\"sqm-navigation-sidebar-item\",[[1,\"sqm-navigation-sidebar-item\",{\"path\":[1],\"icon\":[1],\"label\":[1],\"demoData\":[16]}]]],[\"sqm-popup-container\",[[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\",[[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\",[[1,\"sqm-portal-logout\",{\"nextPage\":[1,\"next-page\"],\"ignored\":[32]}]]],[\"sqm-portal-protected-route\",[[1,\"sqm-portal-protected-route\",{\"redirectTo\":[1,\"redirect-to\"],\"requireEmailVerification\":[4,\"require-email-verification\"],\"redirectToUnverified\":[1,\"redirect-to-unverified\"],\"ignored\":[32]}]]],[\"sqm-refresh-button\",[[1,\"sqm-refresh-button\",{\"icon\":[1]}]]],[\"sqm-route\",[[1,\"sqm-route\",{\"path\":[1],\"ignored\":[32]}]]],[\"sqm-stat-container\",[[1,\"sqm-stat-container\",{\"space\":[1],\"ignored\":[32]}]]],[\"sqm-text-span\",[[0,\"sqm-text-span\",{\"text\":[1],\"type\":[1],\"ignored\":[32]}]]],[\"sqm-password-field\",[[0,\"sqm-password-field\",{\"fieldLabel\":[1,\"field-label\"],\"enableValidation\":[4,\"enable-validation\"],\"demoData\":[16],\"ignored\":[32]}]]],[\"sqm-image_4\",[[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\",[[1,\"sqm-form-message\",{\"type\":[1],\"icon\":[1],\"ignored\":[32]}]]],[\"sqm-brand_28\",[[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\",[[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\",[[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/esm/{sqm-brand_27.entry.js → sqm-brand_28.entry.js}

@@ -2,7 +2,7 @@ import { r as registerInstance, h as h$1, c as Host } from './index-17b4da69.js'
 import { m as h, u as useEffect, k as useState, f as useRef, y, b as browser, e as useReducer } from './stencil-hooks.module-2f159754.js';
 import { i as intl } from './global-58010a55.js';
 import { u as useCallback } from './use-callback-d8ef4b5d.js';
-import { d as dist, n as ne, b as mn, D as De, k, a as dn, p as pn, H as He, $ as $e, P, V as Ve, M, Q as Qe, h as hn, x, R } from './index.module-ec3dcc82.js';
+import { d as dist, n as ne, b as mn, D as De, k, M, a as dn, p as pn, H as He, $ as $e, P, V as Ve, Q as Qe, h as hn, x, R } from './index.module-ec3dcc82.js';
 import './extends-c31f1eff.js';
 import { j as jsonpointer } from './jsonpointer-388a7082.js';
 import './insertcss-bcaf3818.js';
@@ -14,9 +14,9 @@ import './luxon-5fa22651.js';
 import { g as getProps, a as getMissingProps } from './utils-1d345130.js';
 import './sqm-text-span-view-7e61c95c.js';
 import { p as pathToRegexp, u as useDemoBigStat, a as useBigStat } from './useDemoBigStat-022e116d.js';
-import './sqm-portal-container-view-cf79ed90.js';
-import { h as autoColorScaleCss, C as CardFeedView, E as EditProfileView, c as PortalChangePasswordView, P as PortalFrameView, d as PortalLoginView, e as PortalRegisterView, R as ReferralIframeView, g as RewardExchangeView, b as useShareButton, S as ShareButtonView, a as ShareLinkView, u as useShareLink, T as TaskCardView } from './AutoColor-8f7bfd93.js';
-import './sqm-portal-section-view-6649c4c6.js';
+import './sqm-portal-container-view-624563e6.js';
+import { h as autoColorScaleCss, C as CardFeedView, E as EditProfileView, w as withShadowView, L as LeaderboardView, c as PortalChangePasswordView, P as PortalFrameView, d as PortalLoginView, e as PortalRegisterView, R as ReferralIframeView, g as RewardExchangeView, b as useShareButton, S as ShareButtonView, a as ShareLinkView, u as useShareLink, T as TaskCardView } from './ShadowViewAddon-919cf983.js';
+import './sqm-portal-section-view-88a80af9.js';
 
 /**
  * Build a font CSS URL using the Google Fonts CSS API
@@ -545,6 +545,11 @@ const HeroImage = class {
      * @uiEnum ["overlay", "columns"]
      */
     this.layout = "overlay";
+    /**
+     * @uiName Image Percentage
+     * @uiType string
+     */
+    this.imagePercentage = 50;
     /**
      * @uiName Image Position
      * @uiType string
@@ -594,6 +599,186 @@ const SqmHookStoryContainer = class {
   }
 };
 
+const GET_LEADERBOARD = dist.gql `
+  query ($type: String!, $filter: UserLeaderboardFilterInput) {
+    userLeaderboard(type: $type, filter: $filter) {
+      dateModified
+      rows {
+        value
+        firstName
+        lastInitial
+        rank {
+          rank
+          denseRank
+          rowNumber
+        }
+      }
+    }
+  }
+`;
+const GET_RANK = 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 = M();
+  const user = ne();
+  const variables = {
+    type: props.leaderboardType,
+    filter: { programId_eq: programId },
+  };
+  if (props.interval) {
+    variables.filter["interval"] = props.interval;
+  }
+  const { data: leaderboardData, loading: loadingLeaderboard } = mn(GET_LEADERBOARD, variables, !(user === null || user === void 0 ? void 0 : user.jwt));
+  const { data: rankData } = 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) {
+    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;
+    h(this);
+    withShadowView(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    const props = {
+      empty: (h$1(EmptySlot, { emptyStateImage: this.emptyStateImage, emptyStateHeader: this.emptyStateHeader, emptyStateText: this.emptyStateText })),
+      loadingstate: h$1(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 = k()
+      ? useLeaderboardDemo(demoProps)
+      : useLeaderboard(props);
+    return (h$1(LeaderboardView, Object.assign({}, viewprops), h$1("slot", null)));
+  }
+};
+function EmptySlot({ emptyStateImage, emptyStateHeader, emptyStateText, }) {
+  return (h$1("slot", { name: "empty" }, h$1("sqm-portal-container", { padding: "xxxx-large", gap: "medium" }, h$1("sqm-image", { "image-url": emptyStateImage, "max-width": "100px" }), h$1("sqm-titled-section", { "label-margin": "xxx-small", "text-align": "center" }, h$1("sqm-text", { slot: "label" }, h$1("h3", null, emptyStateHeader)), h$1("sqm-text", { slot: "content" }, emptyStateText)))));
+}
+function LoadingSlot() {
+  return (h$1("slot", { name: "loading" }, h$1("table", null, [...Array(10)].map(() => {
+    return (h$1("tr", null, h$1("td", null, h$1("sl-skeleton", null))));
+  }))));
+}
+function useLeaderboardDemo(props) {
+  return 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: (h$1(EmptySlot, { emptyStateImage: "", emptyStateHeader: "", emptyStateText: "" })),
+      loadingstate: h$1(LoadingSlot, null),
+    },
+  }, props.demoProps || {}, { arrayMerge: (_, a) => a });
+}
+Leaderboard.style = sqmLeaderboardCss;
+
 function NavigationMenuView(props) {
   const { states } = props;
   const { styles } = states;
@@ -5217,6 +5402,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 + ")",
@@ -6823,7 +7009,6 @@ const TaskCard = class {
   }
 };
 function useTaskCardDemo(props) {
-  console.log("Task Card Props", props.demoData);
   return cjs({
     states: { loadingEvent: false, locale: "en" },
     callbacks: {
@@ -7039,4 +7224,4 @@ function useUserNameDemo(props) {
   }, props.demoData || {}, { arrayMerge: (_, a) => a });
 }
 
-export { BrandComponent as sqm_brand, CardFeed as sqm_card_feed, DividedLayout as sqm_divided_layout, EditProfile as sqm_edit_profile, HeroImage as sqm_hero_image, SqmHookStoryContainer as sqm_hook_story_container, NavigationMenu as sqm_navigation_menu, PortalChangePassword as sqm_portal_change_password, PortalFrame as sqm_portal_frame, PortalLogin as sqm_portal_login, PortalRegister as sqm_portal_register, ProgramExplainer as sqm_program_explainer, ProgramExplainerStep as sqm_program_explainer_step, ProgramMenu as sqm_program_menu, ReferralCard as sqm_referral_card, SqmReferralIframe as sqm_referral_iframe, SqmRewardExchangeList as sqm_reward_exchange_list, SqmRouter as sqm_router, ShareButton as sqm_share_button, ShareCode as sqm_share_code, ShareLink as sqm_share_link, TableCell as sqm_table_cell, TableRow as sqm_table_row, TaskCard as sqm_task_card, Timeline as sqm_timeline, TimelineReward as sqm_timeline_entry, UserName as sqm_user_name };
+export { BrandComponent as sqm_brand, CardFeed as sqm_card_feed, DividedLayout as sqm_divided_layout, EditProfile as sqm_edit_profile, HeroImage as sqm_hero_image, SqmHookStoryContainer as sqm_hook_story_container, Leaderboard as sqm_leaderboard, NavigationMenu as sqm_navigation_menu, PortalChangePassword as sqm_portal_change_password, PortalFrame as sqm_portal_frame, PortalLogin as sqm_portal_login, PortalRegister as sqm_portal_register, ProgramExplainer as sqm_program_explainer, ProgramExplainerStep as sqm_program_explainer_step, ProgramMenu as sqm_program_menu, ReferralCard as sqm_referral_card, SqmReferralIframe as sqm_referral_iframe, SqmRewardExchangeList as sqm_reward_exchange_list, SqmRouter as sqm_router, ShareButton as sqm_share_button, ShareCode as sqm_share_code, ShareLink as sqm_share_link, TableCell as sqm_table_cell, TableRow as sqm_table_row, TaskCard as sqm_task_card, Timeline as sqm_timeline, TimelineReward as sqm_timeline_entry, UserName as sqm_user_name };

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

@@ -4,8 +4,8 @@ import './extends-c31f1eff.js';
 import { i as insertCSS } from './insertcss-bcaf3818.js';
 import { c as createStyleSheet } from './JSS-96eeab98.js';
 import { g as getProps } from './utils-1d345130.js';
-import { P as PortalContainerView } from './sqm-portal-container-view-cf79ed90.js';
-import { P as PortalSectionView } from './sqm-portal-section-view-6649c4c6.js';
+import { P as PortalContainerView } from './sqm-portal-container-view-624563e6.js';
+import { P as PortalSectionView } from './sqm-portal-section-view-88a80af9.js';
 
 function ImageView(props) {
   const style = {
@@ -167,7 +167,7 @@ const TitledSection = class {
      * @uiType string
      * @uiEnum ["left", "center", "right"]
      */
-    this.align = "left";
+    this.textAlign = "left";
     /**
      * @uiName Label margin style
      * @uiType string

package/dist/esm/{sqm-portal-container-view-cf79ed90.js → sqm-portal-container-view-624563e6.js}

@@ -12,6 +12,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/esm/{sqm-portal-profile-view-827776f5.js → sqm-portal-profile-view-c0f86818.js}

@@ -2,7 +2,7 @@ import { h } from './index-17b4da69.js';
 import { i as intl } from './global-58010a55.js';
 import { c as createStyleSheet } from './JSS-96eeab98.js';
 import { T as TextSpanView } from './sqm-text-span-view-7e61c95c.js';
-import { P as PortalContainerView } from './sqm-portal-container-view-cf79ed90.js';
+import { P as PortalContainerView } from './sqm-portal-container-view-624563e6.js';
 
 function PortalProfileView(props) {
   var _a, _b, _c, _d, _e;

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

@@ -9,8 +9,8 @@ import { c as cjs } from './cjs-bdfb4486.js';
 import './JSS-96eeab98.js';
 import { g as getProps } from './utils-1d345130.js';
 import './sqm-text-span-view-7e61c95c.js';
-import './sqm-portal-container-view-cf79ed90.js';
-import { P as PortalProfileView } from './sqm-portal-profile-view-827776f5.js';
+import './sqm-portal-container-view-624563e6.js';
+import { P as PortalProfileView } from './sqm-portal-profile-view-c0f86818.js';
 
 const GET_USER = dist.gql `
   query {

package/dist/esm/{sqm-portal-section-view-6649c4c6.js → sqm-portal-section-view-88a80af9.js}

@@ -9,7 +9,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/esm/sqm-referral-table_11.entry.js

@@ -8,7 +8,7 @@ import './insertcss-bcaf3818.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-10353a39.js';
 import { c as createStyleSheet } from './JSS-96eeab98.js';
-import { G as GenericTableView } from './GenericTableView-24f2dcb2.js';
+import { G as GenericTableView } from './GenericTableView-2b700cd4.js';
 import { u as useRerenderListener, a as useChildElements, b as useRequestRerender } from './useChildElements-c11d6189.js';
 import { l as luxon } from './luxon-5fa22651.js';
 import { l as luxonLocale } from './utils-1d345130.js';

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

@@ -8,7 +8,7 @@ import './insertcss-bcaf3818.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-10353a39.js';
 import { c as createStyleSheet } from './JSS-96eeab98.js';
-import { G as GenericTableView } from './GenericTableView-24f2dcb2.js';
+import { G as GenericTableView } from './GenericTableView-2b700cd4.js';
 import { u as useRerenderListener, a as useChildElements, b as useRequestRerender } from './useChildElements-c11d6189.js';
 import { l as luxon } from './luxon-5fa22651.js';
 import { l as luxonLocale } from './utils-1d345130.js';
@@ -301,7 +301,12 @@ function useRewardsTableDemo(props) {
       emptyElement: (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: h(LoadingSlot, null),
       // TODO: This should be smarter
-      columns: [h("div", null, "Name"), h("div", null, "Email"), h("div", null, "DOB")],
+      columns: [
+        h("div", null, "Reward"),
+        h("div", null, "Source"),
+        h("div", null, "Status"),
+        h("div", null, "Date recieved"),
+      ],
       rows: [],
     },
   }, props.demoData || {}, { arrayMerge: (_, a) => a });
@@ -493,9 +498,9 @@ const RewardsTableColumn = class {
      */
     this.redeemedText = "{redeemedAmount} redeemed";
     /**
-     * @uiName Available Amount Text
+     * @uiName Remaining Amount Text
      */
-    this.availableText = "{availableAmount} available";
+    this.availableText = "{availableAmount} remaining";
     h$1(this);
   }
   disconnectedCallback() { }